El diseño web no es algo estático, es adaptable, vive el momento. Y depende, sobre todo de las necesidades de los usuarios. Si algo no es funcional, aunque tenga un alto valor estético, finalmente desaparece.
Muchas de estas tendencias se han mantenido desde el año pasado. También comprobaréis que otras han cambiado aunque aún vienen influenciadas por tendencias de años anteriores. Otras tendencias, simplemente, son nuevas.
Estas nuevas tendencias en diseño web son especialmente importantes, especialmente, para el desarrollo de tu tienda online. También debemos tener en cuenta que, cada vez más, el diseño web está orientando a su correcta visualización en los diferentes dispositivos que puedan utilizar los clientes. Nosotros, como diseñadores web debemos crear diseños ágiles y flexibles que además de hacer visualmente atractiva la página ayuden a que tanto la carga de la web como su usabilidad sean óptimas.
Estas son las principales tendencias para el 2016:
#1. Diseño plano 2.0
Basado en el diseño plano tradicional que comenzó en el 2012, corrige errores relacionados con su usabilidad, mejorando la experiencia de navegación de los visitantes y clientes de tu tienda online.
Las claves del diseño plano tradicional eran:
- Figuras 2D, con ausencia de sombras, texturas, gradientes, etc.
- Diseño minimalista.
- Utiliza colores fuertes y llamativos.
La evolución 2.0 permite que los diseñadores le den un toque personal a estos diseños, manteniendo su naturaleza plana e integrándolo de manera sutil. Se diferencia del diseño tradicional en los siguientes elementos:
- No es completamente plano o 2D.
- Utiliza elementos en 3D de manera sutil, como sombras, reflejos y capas.
- Se agrega un poco de profundidad al diseño.
Un ejemplo de este tipo de diseño lo encontraréis en el sitio 450 GSM, proveedor de productos impresos. Fijaos en el pájaro origami, cómo tiene una sombra sutil en diferentes puntos, demostrando más profundidad.
#2. Diseño con esquema de color perfecto
En 2016 los diseñadores comenzarán a prestar más atención a corregir la teoría del color. Pondrán en prioridad los colores que tiene en mente para el diseño y entenderán la rentabilidad que tiene esto en las conversiones de tu sitio. El resultado será similar a diseñadores organizando de cierta manera los colores en sus diseños, pensando que son elementos críticos para que el cliente decida comprar o no en tu sitio.
Algunos diseñadores ya han tomado la delantera y están a la vanguardia en cuando a la creación de diseños visuales memorables, que utilizan inteligentemente algunos colores para ayudar a la experiencia del usuario.
Por ejemplo, la página de Hertz, la compañía de alquiler de autos, utiliza un esquema de colores complementarios simple-pero-efectivo para hacer que su call to action y formulario sobresalga. Como resultado, los clientes rápidamente pueden encontrar la información que requieren. Observa cómo al final del formulario existen dos fondos color azul, que con sus dos tonalidades dan a entender que el cliente tiene dos opciones para ingresar su información personal.
#3. Videos gigantes de fondo
Hace un par de años empezamos a usar grandes imágenes como fondos en nuestras webs, haciendo maravillas en las tasas de conversión de diferentes sitios. La evolución lógica son los mega-vídeos.
Numerosos estudios demuestran que el uso de videos en sitios aumenta las tasas de conversión. Los videos son más fáciles de consumir, absorber y entender. Sin duda, gran parte del contenido de la web está en palabras escritas, pero otros estudios muestran que los videos son los recursos que más compromiso generan.
Digamos que eres un cliente que por primera vez está en una tienda online, y eres recibido por un mega video que cautiva de inmediato tu atención. Para ese momento, el dueño de la tienda ya consiguió extender el tiempo que el cliente permanece en el sitio únicamente admirando el sitio.
Un buen ejemplo de esta tendencia es el sitio de Born Group. Cuando el visitante llega, inmediatamente le aparece un video de un gorila majestuoso, obligándole a prestar atención y extender su tiempo en el sitio.
#4. Diseño de materiales
Google está en cabeza por lo que respecta a esta tendencia. El diseño de materiales es un lenguaje de diseño que esta empresa creó no hace mucho tiempo, y ya la ha ofrecido en muchos productos de Google Android, como Gmail, YouTube y Google Maps.
Con una empresa como Google tras esta tendencia, sabes que vas a obtener un gran impulso. Puedes detectar este diseño por sus características inconfundibles y llamativas, como:
- Diseños basados en plantillas.
- Iluminación y sombras.
- Colores vivos.
- Animaciones y transiciones responsive.
Los principios de este diseño se basan en tomar lo mejor de los principios de diseño clásico y fusionarlos con la innovación ilimitada de tecnología y ciencia.
El material no es totalmente plano, a pesar de que definitivamente no se mueve agresivamente hacia los principios de diseño más físicos. Aun así, como un movimiento de diseño que se inspira en el análisis del papel y la tinta, el material conserva su dedicación a la física. Esto es evidente en su uso de la profundidad, propiedades, de fundición de sombras y de movimiento.
#5. El cinemagraph
Esta técnica de fotografía digital fue creada en 2009 por Jamie Beck y Kevin Burg. Básicamente, consiste en una fotografía, preferiblemente en alta calidad, en la que se puede apreciar un leve movimiento repetitivo.
El secreto de cinemagraph radica en la sutilidad del movimiento ya que lo que pretende generar en el espectador es la sensación de que la imagen cobra vida por un instante. Por eso, un cinemagraph bien ejecutado es más elegante y puede transmitir más que cualquier gift aficionado realizado con aplicaciones para generarlos.
El efecto que provoca este tipo de fotografía en movimiento es en la mayoría de los casos hipnotizante por lo que las marcas no han dudado en utilizar esta técnica para promocionar sus productos.
En la actualidad desde Doritos hasta Cointreau, o marcas como Donna Karan, Veuve Clicquot y Oscar dela Renta han utilizado cinemagraphs en sus campañas de marketing digital logrando una gran repercusión sobre todo en los medios sociales.
#6. Tipografías
La tipografía ha sido durante mucho tiempo un elemento básico para el marketing y el diseño web. Pero ahora ya no solo se trata de comunicar un mensaje, sino de ilustrar con letras. El 2016 será el año de las tipografías más creativas y en algunos casos tendrán un gran peso en la resolución de algunas páginas web. Estas serán las nuevas tendencias para este año:
- Tipografías grandes
- Tipos superpuestas a imágenes
- Tipografías customizadas
- Uso de tipografías artísticas en la web
Podemos jugar con estilos a mano o con carácter vintage para dar forma, más que para transmitir mensajes. Funcionando como creadoras de espacios y contenidos y ocupando una parte fundamental en el diseño web.
#7. Scroll infinito
¡Ya no tenemos miedo al scroll! Podemos llegar hasta el último post o contenido que aparezca en la web, no habrá nada que nos pare.
No entendemos las páginas como contenedoras de un determinado número de post sino que se van incorporando al mismo tiempo que hagamos scroll. La forma de aparecer, muy diversa, vuelve el estilo “tarjetitas” tipo Pinterest pero también se mantienen otras formas.
Se lleva un estilo desordenado en el que los elementos van apareciendo sin el orden cuadriculado que nos tenían acostumbrados, impulsado este recurso por la dominación del uso de móvil y tablets. En pocas palabras, cuanto menor sea la pantalla, mayor será el desplazamiento. Esto supondrá un reto a la hora diseñar y ser más creativos planteando técnicas narrativas.
#8. El menú hamburguesa
Es el tipo de menú más común cuando hablamos de móvil y tablet, y ahora, se extiende también al escritorio. Ya no es importante que aparezcan todas las pestañas del menú de una forma fija, basta con clicar en el icono y podremos comenzar a navegar por la web.
Con esto ganamos espacio para el contenido y una mayor uniformidad entre escritorio y tablets/smartphone. Como ya hemos comentado en múltiples ocasiones es importante la mayor uniformidad entre ellos lo que lleva a un diseño más sencillo. El uso de dispositivos móviles se va imponiendo al del pc y son muchas las tendencias que van hacia uniformizar el uso común.
#9. El Storydoing
Hace unos días ya os hablamos en otro artículo de la evolución del storytelling al storydoing. Como os decíamos, ha llegado un punto en que al cliente ya no le basta con escuchar historias cautivadoras, necesitan que sean reales; no basta con transmitir verosimilitud, hay que transmitir verdad. De esta forma, el storytelling ha evolucionado de una manera natural hacia el storydoing.
Algunas tendencias de diseño son simplemente una moda, otras permanecerán un tiempo. La manera de determinarlo es observar la utilidad que tienen en la comunidad del diseño.
Así que mantén los ojos bien abiertos durante todo el año, seguramente vas a estar viendo más de estos métodos de diseño en webs, sitios móviles y aplicaciones.