El momento de rediseñar una web

El mundo online es siempre cambiante y conviene mantener nuestros sitios web actualizados para adaptarse a esos constantes cambios. Ahora bien, las actualizaciones no deben centrarse solo en la inclusión de contenidos nuevos (que es fundamental también), sino que también debemos preocuparnos de mantener un diseño de web adaptada a los tiempos que corren. Una clara muestra de esa necesidad de cuidar también el estado del diseño de nuestra web está en la reciente actualización del motor de búsquedas de google que penalizaba a los sitios web cuyo diseño no se adapta a dispositivos móviles.

De la misma forma, las necesidades de los usuarios también cambian y por tanto el diseño de nuestro sitio web tiene que estar preparada para ello. Debemos por tanto estar atentos a los análisis de visitas de nuestro sitio web para intentar detectar casos en los que el diseño pueda estar afectando a la usabilidad de la web (y por tanto redundar en una peor imagen de cara a los usuarios). Una tasa de rebote elevada puede ser un primer síntoma que debería hacernos reflexionar sobre si las cosas podrían no estar funcionando como nos gustase, y si es el momento de pensar en realizar cambios para adaptar el aspecto de la web.

Si pensamos en la vida real, es cierto que algunos elementos bien “envejecidos” o con un estilo concreto pueden seguir funcionando unos cuantos años después, sin embargo, muchos huyen de algunos negocios con aspecto “antiguo”. En el mundo online sucede lo mismo, con la pega que implica que la evolución constante en los diseños, hacen que muchas cosas puedan quedar “rápidamente obsoletas” y sea necesaria que esa adaptación sea un proceso “frecuente y continuado”.

Así pues, no hay un momento claro que diga cuando debemos actualizar el diseño de nuestra web. Lo más recomendable sería ir adaptándose progresivamente, incorporando las nuevas tendencias y funcionalidades en nuestro sitio web sin esperar a que transcurra un periodo demasiado largo sin cambios y luego nos veamos a una “remodelación completa”. Eso a veces también juega en nuestra contra porque los usuarios se sienten perdidos al estar sus opciones habituales cambiadas de lugar.

La importancia del scrolling en una web

Es un concepto bastante aceptado entre los diseñadores web el hecho de que cuanto más arriba esté algo, más visibilidad y posibilidades de atraer al usuario tendrá. Esto ha llevado a que «históricamente» cuando se planifique cualquier página web se tienda a querer que en la parte superior estén esos elementos que más interesan. Se buscan diseños donde de un vistazo el visitante tiene al alcance todo lo importante. Se trata de evitar que el usuario tenga que hacer ese, odiado por algunos, scrolling para ver el resto de contenidos de una página.

Sin embargo, hay algunos estudios que demuestran que «siempre se hace scrolling». Que os visitantes de una web, inevitablemente acaban por ir más allá de ese primer pantallazo que consiguen al entrar en una web. Y es que por mucho que se quiera, por mucho que aumenten las resoluciones de las pantallas, siempre habrá más información que mostrar que la que se puede ofrecer en un primer momento. Y esa idea la tienen bien asumida los usuarios quienes ya tienen asentado el hecho de hacer el scrolling.

Y los estudios revelan que no necesariamente lo que más arriba está es lo que más clicks recibe, algunas llamadas a la acción en otras zonas, bien diseñadas y previstas se han demostrado igualmente válidas. Por tanto, recuerda «el usuario siempre hace scrolling» no quieras meter todo a presión al principio, lo único que lograrás es un peor resultado.

Un aliado en internet

Cuando uno quiere lanzar su proyecto online hay mucho trabajo que realizar, planificar todo adecuadamente, tomas muchas decisiones, valorar opciones…. y no es solo cuestión de optar por la primera opción que nos encontremos y listo.

Y es que cuando uno llega a este mundillo online, de pronto se le vienen encima un montón de cosas, de las cuales igual nunca había oido hablar. Que si el hosting, que si el dominio, que si la base de datos…. Por eso es importante contar con alguien que pueda ofrecernos su apoyo en estos, a veces complejos pasos necesarios para que nuestra singladura en el mundo online no fracase.

Llevar adelante un proyecto en la web, requiere elegir un dominio, un alojamiento adecuado a la envergadura del proyecto, diseñar luego como será nuestra web, programarla y una vez lo tenemos todo funcionando, asegurarnos que la gente llega a ella y darle su correspondiente mantenimiento.

Por eso nos gustaría habar de edesign Comunicación, esta empresa afincada en Barcelona, que puede ser ese aliado que necesitamos cuando tenemos que iniciar nuestra andadura en internet. En eDesign Comunicación nos ayudarán con las diferentes labores necesarias, pueden ofreceros páginas web diseñadas excelentemente, apoyarnos en el mantenimiento de las mismas e incluso contribuir a que nuestro proyecto online pueda iniciarse en el comercio electrónico ofreciéndonos la posibilidad de crear tiendas online de acabado profesional.

Por tanto si quieres conocer toda la oferta que puede ofrecerte eDesign Comunicación, no lo dudes y pulse aquí.

CSS Matic, herramienta para ayudarte con las hojas de estilo

CSS Matic es una herramienta pensada para desarrolladores web que necesiten una pequeña ayuda con las hojas de estilo. Así pues en su sencilla pero útil página encontraremos un pequeño recopilatorio de herramientas que nos permiten generar el código css necesario para lograr diferentes efectos. Por ahora tienen incluidas cuatro herramientas, cada una de las cuales permite realizar una función: Gradientes, Cajas con Bordes Redondeados, Textura con ruido y Caja con sombras.

En la página encontraremos los controles necesarios para establecer los parámetros necesarios a la vez que se nos muestra una previsualización del resultado. Así una vez encontrado el resultado deseado, nos limitaremos a copiar el código generado e incluirlo en nuestro proyecto. Una útil herramienta a tener en cuenta.

La importancia del Responsive Web Design

El reciente uso de dispositivos móviles no solo ha cambiado la forma en que los usuarios navegan por la red, sino que también la forma en que los diseñadores deben crear las páginas web. Así pues, para estos últimos, cada vez es más necesario tener en cuenta los diferentes dispositivos que se van a conectar y visitar las páginas web. Si bien, hasta hace relativamente poco, la tendencia era que las resoluciones de pantalla y los tamaños de estas fuesen creciendo, ahora nos encontramos con que nuevamente hay que tener en cuenta pantallas de dimensiones más reducidas. Así pues ha surgido el Responsive Web Design, es decir un diseño web sensible a los dispositivos.

Es más, esta necesidad de hacer webs adaptadas a los diferentes dispositivos, no solo es de cara a ofrecer una mejor experiencia a los usuarios, sino que por ejemplo Google, ya indicó hace tiempo que las webs adaptadas para dispositivos móviles tendrían cierta preferencia. Así pues el spider GoogleBot-Mobile tendrá en cuenta si las webs han adaptado su contenido y esto mejorará el posicionamiento de la web.

Si bien, muchos desarrolladores inciden en la complejidad que supone el adaptar los diseños a tantos formatos distintos, la evolución que proporcionan los @mediaqueries han facilitado mucho el trabajo. Así con una buena planificación inicial y un pequeño esfuerzo adicional, la web podrá adaptarse con suma facilidad a distintos dispositivos, por lo que desde estas líneas os recomendamos a que se investigue en esta línea y ese pequeño esfuerzo inicial se verá recompensado.

Google quiere que nuestra web sea movil

Conscientes de que el mundo de los dispositivos móviles podría ser el futuro, Google sigue empeñado en que nos aseguremos que nuestra web está adaptada para dispositivos móviles. Así pues han puesto a nuestra disposición la web HazTuWebMovil.com donde podremos comprobar cual es el aspecto de nuestra página web en un dispositivo móvil. Una vez comprobado el aspecto, nos permitirá hacer un test y además, tendremos consejos para poder adaptar nuestro sitio web para dispositivos móviles. Así pues, Google quiere que no haya excusas para que todas las webs estén adaptadas para estos.

 

ScreenFly, comprueba el aspecto de tu página web en distintas resoluciones

ScreenFly es una sencilla pero muy útil herramienta para los desarrolladores web que permite comprobar el aspecto de una página en diferentes resoluciones, desde tablets, smartphones, pasando por ordenadores y hasta en televisores. Simplemente tras entrar en el servicio, introducimos la URL del sitio que queremos comprobar y se nos mostrará el resultado pudiendo luego elegir el tipo de pantalla en la que queremos comprobar cual es el aspecto de la web. Sin duda, una útil herramienta que conviene que probéis para asegurar que vuestros desarrollos se ven correctamente en distintos dispositivos.

 

LoremPixel, ayuda para encontrar imágenes con las que diseñar una web

Cualquier diseñador web se encuentra muchas veces con la necesidad de encontrar imágenes (además de los habituales textos LoremIpsum) adecuadas a la hora de presentar un «diseño», tarea que a veces puede hacerse complicada ya que encontrar imágenes con ciertas características puede requerir de bastante tiempo. Aquí es donde entrar en juego LoremPixel, un nuevo servicio online que permitirá a los diseñadores generar imágenes con unos tamaños concretos. Con un par de clicks se puede definir el tamaño que se desea que tenga la imagen, la temática y si es en color o en escala de grises. Las imágenes, eso si, se proporcionan con derechos Creative Commons pero solo para labores de diseño, si se quieren utilizar con otra finalidad será necesario pedir autorización. En su base de datos se almacenan casi 200 millones de imágenes y sin duda se convertirá en una referencia para cualquier diseñador web.

 

El contenido a simple vista de una web, lo más importante

Cuando se diseña una página web hay que tratar de encajar muchos elementos y esto lleva en muchos casos a que no podamos tenerlos todos a simple vista. El motivo, es que las resoluciones de pantalla no permitan visualizar todo el contenido. Y es que prácticamente tres de cada cuatro usuarios solo se quedan si el contenido que se ve de un vistazo es lo que necesitan, prácticamente solo un 23% de los usuarios hacen scroll para buscar el contenido que pudieran necesitar. En el pasado con las bajas resoluciones de pantalla, esto hacía que fuese especialmente importante tener esto en cuenta, pero hoy en día en cierta medida el problema se ha visto minimizado ya que las resoluciones de pantalla han aumentado considerablemente facilitando esta labor.

Y es que no es fácil tener todos los contenidos de nuestro sitio web de forma que no sea necesario realizar un scroll en algún momento. Por ejemplo si en un listado de resultados  tratamos de reducir el número de resultados por página para seguir este concepto, se nos generará un mayor número de páginas, lo cual también puede ser contraproducente, así que hay que buscar cierto equilibrio en todo momento.

Por tanto, es muy importante tener una cabecera muy concisa, un menu de navegación suficientemente sencillo y que a la vez facilite la navegación por nuestro sitio web, y tener claramente lo que nuestro sitio web ofrece a los visitantes de cara a atraparlos y lograr que sigan explorando nuestro sitio web (y de paso no dejen de hacer el scroll). También hay que tener en cuenta, que con el auge de nuevos dispositivos como las tablets y smartphones hay que tener este aspecto muy en cuenta, ya que en estos la disminución de pantallas si podría seguir siendo un factor muy determinante, así pues, la clave está en tener en la cabecera un gancho suficientemente atractivo para que nuestros visitantes sigan profundizando en nuestro sitio web, sino es más que probable que acaben por abandonarlo.