Loading...

3 tendencias de diseño web en 2016 que no puedes desconocer

Portada / Blog / Design / 3 tendencias de diseño web en 2016 que no puedes desconocer

Como todos los comienzos de años, es tiempo de pensar en los propósitos del año nuevo y a lo que nos espera en los meses futuros. En este artículo queremos examinar tres tendencias que creemos dominantes  en el diseño web y que nos perseguirán a lo largo de este nuevo año.

1)  Modularidad

ui-pattern-carrito

Hay muchas quejas entre los profesionales del diseño web que afirman que las web se parecen todas. La verdad es que no hemos cambiado la manera en que consumimos las páginas web: un carrito de la compra sigue funcionando en la misma manera, un menú despegable tendrá varias secciones y subsecciones. No hace falta reinventar la rueda todas las veces y ya podemos aprovechar de módulos – o patronos de UI donde UI significa User Interface). Algunos patronos que deberías ya conocer son:

– el menu de hamburguesa

– la cuadricula a encaje típica de Pinterest

– un formulario de contacto

Aquí y aquí van más ejemplo que os pueden también servir como fuente de inspiración. Lo que de verdad diferencia nuestra página web de las de la competencia es su personalidad.

2) Animaciones

ejemplo-de-animacion

Slack via Lauren Tan

Las animaciones se están convirtiendo en un elemento cada vez más importante en el diseño web: nos sirven para atrapar el usuario, mejorar su experiencia online, facilitar su navegación.

Podemos distinguir varios tipos de animaciones:

– animaciones de carga, que sirven a entretener el usuario mientras está esperando que algo pase en la web.

– animaciones de navegación, que nos ayudan a enseñar y ocultar elementos de navegación

– animaciones de hover, que señalizan al usuario que pasando con el cursor encima de un objeto, es posible un cualquier tipo de acción

– galerías y carruseles

– animaciones en movimiento, para captar la atención del usuario, para botoneras o enlaces (no se debería abusar de estas animaciones)

– animaciones al hacer scroll en la página web, para presentar elementos en la página

– animaciones de fondo o vídeos de fondo, para reforzar el mensaje y dar más visibilidad a la página

3) Micro-interacciones

Este es un concepto clave para el diseño web en 2016. Una micro-interacción es una pequeña animación que nos indica que algo dentro de nuestra aplicación/página web ha cambiado y facilita la interacción entre la misma y nuestros usuarios. En concreto nos ayudan a:

– señalizar un cambio de estado dentro de nuestra página

– mostrar el resultado de una acción

– ayudar al usuario a manipular los elementos de nuestra página

A la hora de de realizar una página web deberíamos siempre tener en cuenta estos tipos de interacciones para convertir la experiencia usuario en algo natural y fluido, algo que ya tenemos asumido en nuestras interacciones cotidianas.


Paolo Bergamelli

3 estrellas Michelin en CSS y Javascript, apasionado de UX y comida italiana.
Más articulos >

Comentarios(0)

Dejanos un comentario