Si las tendencias en diseño web de 2015 constituyeron un gran cambio en lo que veníamos viendo hasta el momento, como analizamos en este artículo, estos estilos de diseño continuarán este año, dando un paso más, avanzando y reinventándose.
A continuación, vamos a exponeros las 10 tendencias más relevantes en el diseño y maquetación web para el 2016:
1. Vuelta a las ilustraciones y animaciones
En los últimos años, pasamos de las ingeniosas (aunque a veces pesadas) animaciones en flash al total protagonismo de las imágenes, cuanto más grandes mejor. Una foto potente no va a dejar de tener protagonismo, pero vamos a volver a disfrutar de las ilustraciones, vectores y animaciones de una manera más moderna y menos pesada para la navegación. Aquí podéis verlo: https://www.warchild.org.uk/
2. Flat design VS desorden
Ya os hablamos del flat design, un diseño geométrico, lleno de iconos, surgido del estilo “Metro” que Microsoft sacó en 2013 y que ha ido en auge y seguiremos viendo a pesar de las pegas que tiene respecto a la usabilidad. Como contraste a la geometría, veremos un incremento en el “desorden ordenado” con diseños, aparentemente fuera de cuadrícula, pero pensados al detalle. No os perdáis este divertido duelo entre flat y realisitic design: flatvsrealism.com
3. Scroll infinito
El scroll seguirá siendo el amo y señor de los diseños durante este nuevo año, con páginas infinitas, lo que facilitará la aparición de story tellings, diseños en parallax y páginas corporativas cada vez más usables e intuitivas. Véase ejemplo anterior.
4. Parallax
Siguiendo en la misma línea que comentábamos, el parallax sigue en alza, y ofreciendo mucho juego para los diseños, desde el más sencillo al más original, como éste con banda sonora sobre la evolución de la marca Porsche porschevolution.com
5. Tipografías al poder
El diseño tipográfico vuelve con más fuerza que nunca, tanto en diseño gráfico como web, lo cual nos encanta. El arte de la tipografía resurge para hacer juegos de palabras, superponerse en las imágenes o protagonizar nuestra página principal. Y veréis que no hace falta más, porque con poco podemos decir mucho: vintagehope.co.uk
6. Minimalismo
Como hemos diseño, menos es más. Queremos menos anuncios, menos banners, todo más resumido y agradable a la vista. Diseños sencillos y claros que hagan de la navegación una experiencia cada vez mejor y que no resulten recargados en las versiones móviles. De muestra, un botón: http://ivomynttinen.com/
7. Menús hamburguesa
Los llamados “hamburguer menu”, que podemos ver en multitud de webs hoy en día, sobre todo tiendas online, van a seguir marcando tendencia por su sencillez y mejora de la tasa de conversión en ciertas páginas. También se asocia con la comodidad y discreción, que permite centrarse al usuario en otros elementos de la página. Por ese mismo motivo, debemos de usarlo solamente en las páginas que puedan sacar rendimiento de él, y no en las que nos interesa que el menú esté siempre visible, donde optaremos por un menú fijo. Un ejemplo de menú hamburguesa: booneselections.com
8. Interactuación con la página
Las micro-interacciones seguirán siendo parte importante de los diseños web, otorgando cada vez más protagonismo al usuario. La idea de que la web se vaya adaptando a nuestros gustos sigue creciendo y la tecnología seguirá trabajando en ello durante los próximos años para mejorar la experiencia individual del usuario, como con este original piano http://beepjs.com/
9. Cookies
¿Y cómo se mejora la experiencia del usuario? Como ya contábamos en nuestro anterior artículo de tendencias web, en el camino a la web 3.0 veremos cómo, a través de las cookies, estadísticas de Google y demás, la navegación cada vez será más personalizada mostrándonos los anuncios relacionados con nuestros gustos, nuestras costumbres, localización… Algo que ya vamos viendo poco a poco y que aumentará debido al auge de la web semántica y la inteligencia artificial.
10. RWD (Responsive Web Design)
Por último, pero no menos importante, el diseño web adaptativo. La tendencia es que los diseños sean usables independientemente del dispositivo que usemos para visualizarlos. Es algo tan relevante, que Google comenzó en 2015 a penalizar en el posicionamiento a las webs que no utilizaran diseño responsive. Una preferencia que se ha convertido en obligada y necesaria por el aumento exponencial de la navegación y compra online a través de dispositivos móviles.
Todas estas tendencias se cruzarán con vosotros como diseñadores o usuarios durante este año, y veremos cómo surgen otras nuevas, como pasa con todas las modas. Esperamos que este post os haya resultado de interés y que podamos plasmar todo esto en nuevos proyectos.