Tendencias en diseño web 2014

Hace unas semanas me aventuré a predecir las tendencias en el área de desarrollo web para este 2014, ahora toca el turno de la parte de diseño web.

1. Area protagonista (hero area). En este año no dejaremos de ver el crecimiento de esta caracterisiticas en los diseños web, la tendencia comenzo un par de años y parece que a todo el mundo le gusta tener una area importante en la pagina de inicio en la que se pueda promocionar los productos mediante animaciones con javascript, especificiamente con "sliders".

2. Responsive, responsive. Ya han madurado diversos frameworks para el desarrollo de sitios ajustables (responsive) al tamaño de la ventana de diferentes dispositivos, usando una misma hoja de estilos, logrado esto mediante los "media queries" de CSS.

3. Video en lugar de texto. ¿Alguna vez he comentado que todo el mundo prefiere ver y escuchar, en lugar de leer?, y gracias al incremento continuo en el ancho de banda, es mas fácil colocar videos de 2 minutos tipo comercial en el cual se explica los productos y servicios de una empresa. Habrá mas video en cualquier parte de los sitios web, dado que la producción de videos se hace cada vez mas sencilla y llega con mejor fuerza a las personas.

4. Deslizamiento. El efecto de deslizar a una sección en particular dentro de una larga pagina, ha permitido que se generen paginas sencillas, que permite tener todo el contenido de una empresa. Esta versión de "sitios web" es muy útil sobretodo para las microempresas.

5. Texto corto y al grano. Basado en el hecho que mencione en el punto 3, el cual establece que a la gente pareciera no gustarle leer, se vuelve mas socorrido el tener textos lo mas cortos posibles y directos para que la gente reciba el mensaje sobre las características de los productos que se estan presentando en el sitio web. Eso si, no por corto el texto quiere decir que la tipografía sea igual, en este sentido la tipografía viene a cubrir el espacio que solemos usar para el texto, esto mediante fuentes de mayor tamaño y de un estilo que pueda transmitir el sentimiento del mensaje. Y con la ayuda de Google Web Fonts (en mi opinión el mejor recurso de fuentes tipográficas) esto resulta mas fácil de conseguirse.

6. Grandes fondos. Si estamos dispuestos a tener un video en nuestra pagina de inicio que en ocasiones pesa mas de 5 mb por minuto de tiempo, colocar una imagen de fondo con un tamaño de medio mega resulta irrisorio no usarlo, en especial cuando contamos con imágenes que logren captar la atención inmediata de los visitantes al sitio web.

7. Diseño plano. Esperemos que el "Flat Design" como se dice en inglés, haya llegado para quedarse, no hay mejor forma de usar botones, enlaces, componentes de interfaz, iconos, etc, que mediante este tipo de diseño. Es limpio, claro y directo. Fácil de leer, y ligero para los sitios. Preferible usar kbs en fotos o videos, que en un botón.

8. Wordpress. 46 millones de descargas en el 2013, usado en 18.9% del total de sitios en internet y muestra una curva de crecimiento que no parece ser afectada por sus competidores (joomla, drupal, etc), al contrario pareciera que las otras herramientas están en franco declive o en su caso en el mismo nivel. Es por esto, que pensar que el desarrollo y crecimiento de wordpress sera parado en el 2014, no parece viable. Veremos si puede tener un año tan fructífero como el anterior.

Listo!