Tendencias de diseño web para el 2016

Tanto si estoy pensando en renovar tu página web para que se te ha quedado anticuada, como si su quieres hacer una nueva, o simplemente porque te gusta estar al día que cuáles son las nuevas tendencias de diseño en el entorno web, queremos repasar que se estableció en 2015 y que podemos predecir que pasará este año 2016.

Plantillas vs. UX personalizados

El paradigma nacido del diseño responsive (diseño web adaptado a todos los dispositivos) ha tenido un gran impacto en la manera de estructurar la web. La aparición de frameworks como Bootstrap, Foundation o Skeleton, entre otros han creado un sistema que acelera el proceso de diseño de las webs, que nativamente están adaptados a dispositivos móviles y que tienen una alta compatibilidad con todos los navegadores modernos.
Gracias a ello, han surgido multitud de exelentes plantillas que abaratan mucho los costes de creación de una web y que acercan un buen diseño a pequeñas empresas, pero que uniformizan el aspecto de en que se presentan la mayoría de sitios web .
Por el otro lado, las compañías que quieran diferenciarse, tendrán que invertir en la búsqueda de un UX (user experience) personalizado, que realmente no tenga nada que ver con el resto.

brackets

Imagen: brackets.io

halo5

Imagen: Halo 5

Integración de diseños

Otra tendencia comenzada durante el 2015 es la integración de menús para todos los dispositivos.
Generalmente se estructura un menú visible para equipos de escritorio y un menú de tres líneas (hamburguer) que esconde y muestra este mismo menú. Esta característica representa, en el mejor de los casos, crear dos comportamientos para un mismo menú de navegación y, muchas veces, estructurar dos menúns diferentes, uno que se muestre en en pantallas de un máximo de ancho y otro que se muestre en el resto de pantallas que excedan estos límites.
Desde mediados de 2015, muchos diseñadores han comenzado a utilizar el mismo tipo de menú (menú hamburguer) para todos los dispositivos. Así pues, seguro que esta práctica se consolidará, dado el ahorro de diseño y de programación que supone crear un solo menú en vez de dos.
Sin embargo, no considero que sea una práctica que se pueda aplicar a todos los lugares, y vendrá dada por el público objetivo al que esté dirigida la web.

boplay

Imagen: B&O Play

Vídeos y full imágenes

Las velocidades de conexión y la tecnología de la parte del servidor ha acelerado las cargas de la web, haciendo que podemos colocar imágenes de mucha calidad sin tener que desesperarse mientras se carga la página.
La utilización de estas imágenes de gran tamaño es muy común ya en cualquier página, normalmente insertadas en sliders en la cabecera.
Posiblemente, el exceso de utilización de sliders, el peso que aporta a la página y la distracción que causa el visitante, son motivos más que suficientes para empezar a abandonar esta técnica.
Lo que sí se está implementando y que posiblemente comenzarán a sustituirlos, son los vídeos de fondo, aunque en dispositivos móviles no se dispara el autoplay. Por tanto, si se supera este escollo, seguramente veremos la proliferación de esta técnica.
Están apareciendo también los videos 360º de facebook, que seguramente se podrán aplicar como background y que respondan a la posición del puntero.

acme

Imagen: ACME

jwalter

Imagen: J. Walter Thompson

Animaciones avanzadas

La implementación de todas las características de CSS3 por parte de los navegadores está cada vez más completa, y la definitiva desaparición de Internet Explorer (navegador maldito para el diseñadores) es cada vez más próxima.
Por lo tanto, cada vez hay menos motivos para no utilizar toda la potencia de CSS3 y veremos nuevas animaciones creadas con estilos.

animation-fillanimation-play

Imagenes animadas: CSS Animations for Beginners

Diseño de Cards (targetas)

La utilización de cardos tipo pinterest es una buena manera de mostrar todas las posibilidades de interacción con un elemento en un solo espacio. Esta práctica se consolida en las preferencias de los diseñadores web.

pinterest

Imagen: Pinterest

Material Design

Material design es un nuevo lenguaje desarrollado por Google y que se lanzó a mediados de 2014. Este lenguaje ha evolucionado del Flat design. Utiliza los conceptos de sombras y los movimientos para crear diseño más realistas.

material-design

Imagen: Squidfunk

Conclusión

Todo ello ello hace que las webs sean más interactivas e intuitivas, al tiempo que mejorará la experiencia de usuario y fortalecerá la imagen de marca de las empresas.
Se debe tener un buen motivo para no seguir estas nuevas tendencias, o tener una muy buena imagen de marca que por sí misma ya cree tendencias.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *