BBVA Open4u - Tendencias para 2016 (I): claves  para los diseñadores digitales

Tendencias para 2016 (I): claves para los diseñadores digitales

Diseño responsive, Material Design Lite, diseño plano, uso del scroll infinito y el parallax, el uso de las imágenes animadas… son muchos los recursos con los que los diseñadores seguirán creando proyectos digitales este 2016. Una guía de tendencias. 

BBVAOpen4U
|
08 Ene. 2016

Siempre que termina el año internet se llena de resúmenes de lo vivido o previsiones de lo que está por venir. En el caso del desarrollo de software y el diseño digital también existen tendencias que son susceptibles de un listado. Desarrollo en la nube, interfaces de desarrollo de aplicaciones (APIs), uso especial de tipografías, crecimiento del storytelling, diseño responsive y uso del parallax o apuesta por la sencillez son preferencias para 2016.

Aquí vamos a desarrollar las más importantes tanto para los desarrolladores de proyectos digitales como los diseñadores de páginas web y aplicaciones.

Tendencias del diseño para 2016

●     Diseño responsive.

El diseño responsive, aquel que establece un único diseño para todos los dispositivos (escritorio, móvil y tableta), se convirtió ya en 2015 en la regla habitual para el sector digital. 2016 puede ser el año en el que se convierta definitivamente en un estándar. 

Son muchos los equipos que han apostado por este diseño multidispositivo, fundamentalmente por dos razones: el consumo de contenido en dispotivos como teléfonos inteligentes y tabletas y la reducción de los tiempos de desarrollo.

El diseño responsive tiene algunas ventajas para los equipos digitales:

-  Mejora el posicionamiento en buscadores: a partir de abril de 2015, las páginas con diseño responsive ranquean mejor en las búsquedas de Google. Aquellos proyectos donde el tráfico orgánico sirva para monetizar, el responsive es obligado.  

-  Una experiencia de usuario distinta: la experiencia de usuario se ha convertido en el centro de todo proyecto, en gran medida porque el usuario, la audiencia, es la clave. El diseño responsive crea una experiencia unitaria independientemente del entorno. Es UX las nuevas métricas importantes: el número de tiempo en página o el número páginas servidas por usuario, por ejemplo.

- Crece el número de conversiones: mejorar la experiencia de usuario en todos los dispositivos, con estilos estándar, da seguridad, facilita el consumo intuitivo y aumenta los ingresos. 

●     Material Design Lite.

Una de las novedades que se presentaron en la conferencia de desarrolladores de Google de 2014 (Google I/O 2014) fue este Material Design Lite, una nueva tendencia en diseño para el sistema operativo Android, pero también para el resto de entornos. MDL es un conjunto de componentes de front-end que sirve a los diseñadores para montar interfaces sencillas para dispositivos móviles. Lógicamente se basa en HTML, CSS y JavaScript y se usa con cualquier marco de desarrollo.

MDL es una tendencia complementaria a Paper Elements, un conjunto de elementos visuales para el desarrollo de UX para dispositivos Google. Desde botones, pasando por distintos tipos de menú a diseño tipo cards. MDL permite tratar el diseño casi como un tetrix, incorporando incluso elementos nuevos en diseños viejos sin tocar todo el código del proyecto.

 

 

●     Más scroll infinito, más parallax.

Hay usuarios que encuentran algo extrañas las páginas web del tipo One Page, aquellas donde el site prácticamente carece de menú y caen en vertical hacia abajo casi en un scroll infinito. 2015 fue el año de las webs One Page y es muy probable que 2016 ahonde mucho más en esa tendencia. La idea es apostar por más scroll, en el que el usuario descubre contenido hacia abajo, y menos clics de navegación por menú.

Dentro de este tipo de páginas, destaca la técnica del parallax. Este permite el uso de imágenes y animaciones que aparecen y desaparecen en primer y segundo plano, lo que da al usuario la sensación de estar ante una página web con dos velocidades y gran profundidad. El uso del parallax y la técnica de diseño del scroll infinitivo tiene pros y contras:

Ventajas:

-       El tiempo de conceptualización y diseño de la arquitectura del site se reduce al máximo: carece de grandes menús de navegación al tratarse de una página web de una sola pantalla.

-       Son páginas enfocadas al marketing de marca: al ser una única landing page esto favorece mucho la capacidad de conversión.

-       Menos tiempo de desarrollo y también de maquetación.

Desventajas:

-       Menos tráfico orgánico por posicionamiento en buscadores: uno de los elementos clave en el posicionamiento en buscadores es el volumen de información y urls. Aquí hay una sola url.

-       Exige hacer un trabajo enorme de edición de contenidos y de eficiencia visual para concentrar lo indispensable en una url.  

Este tipo de diseño tiene un enorme auge por su capacidad para llevar las características y las ventajas del storytelling a proyectos de marca. Las historias que provocan reacciones en el usuario fueron las reinas en el 2015 y lo serán en el 2016. La audiencia es el centro de todo y esa orientación sólo es posible gracias al contenido. Más storytelling.  

●     Diseño basado en tarjetas.

Páginas web de todo el mundo optaron en 2015 por el diseño tipo cards o tarjetas. Este tipo de diseño aporta orden, contextualización, sencillez, eficiencia y es una solución nada compleja a nivel de diseño y desarrollo, pero eso no significa que sea una técnica pobre o escasa de recursos, todo lo contrario. Para un proyecto digital centrado en la elaboración de contenidos, sea un medio de comunicación o una página web de marketing de contenidos, el diseño tipo cards es una opción realmente interesante. Empresas tan experimentadas como Google o redes sociales como Twitter o Facebook utilizan este tipo de técnica.

●     Diseño plano.

Minimalismo. Sin volumen, sin sombras, sin degradados o difuminados… El diseño plano es exactamente lo que expresa su propio nombre. Diseño plano. Y ahí encierra todo su potencial. Es la apuesta por la sencillez extrema. El objetivo es aportar mucha información con la menor cantidad posible de recursos gráficos y comunicativos.

Es un diseño que se aplica tanto en páginas web como en aplicaciones móviles. Un ejemplo paradigmático de diseño plano o flat design es la interfaz de usuario de Microsoft Windows 8 y 10 y lo que ellos mismos llaman Modern UI o interfaz de usuario moderna. La compañía de Redmond es una de las empresas que aplica el diseño plano desde hace algún tiempo. No son los únicos, Apple y Google también lo hacen. 

●     Uso creativo de la tipografía.

Cada día más los diseñadores utilizan la tipografía con un fin y no como un medio. La tipo como contenido propio, como elemento comunicativo. Cada vez más se usan las tipografías grandes, combinando su enorme poderío con imágenes, ilustraciones o animaciones. Son por tanto un elemento gráfico más, estético y capaz de comunicar emociones.

Herramientas como Google Fonts permiten a los diseñadores escoger las tipografías para su proyecto digital, tanto para titulares como para destacados, cabeceras, menús, párrafos de texto… Google Fonts facilita hacer todo tipo de pruebas con tamaños y estilo de tipos distintos. En 2016 será tendencia en diseño la combinación creativa de tipos.

●     Imagen animada: GIFs, cinemagrafías y animaciones de carga.

Dentro del uso de la imagen, además de la utilización de recursos de gran tamaño a todo el ancho del site, 2016 vendrá cargado de imagen animada: desde el famoso GIF hasta la menos conocida cinemagrafía, una imagen estática a la que se le añade algo de movimiento en bucle.

Este tipo de imágenes animadas puede ser utilizado en cabeceras para dotar a las páginas web de movimiento y también de profundidad. 

Las animaciones de carga también serán tendencia este 2016. Ya son muchas las páginas web que las usan para entretener al usuario mientras se carga el site o bien éste está realizando una acción concreta que exige un tiempo de espera. Algunos servicios usan imágenes en bucle mientras el usuario, por ejemplo, carga archivos en la nube. Estas animaciones suelen ser habituales en páginas del tipo One Page.

●     Microinteracciones.  

La idea de cualquier página web es provocar acciones en el usuario. Las microinteracciones fomentan el consumo y seguirán siendo tendencia este 2016. Alentar al usuario mediante el diseño de botones o ventanas para que este se dé de alta de una newsletter o un foro de discusión, rellene un formulario o puntúe un contenido concreto será uno de los retos evidentes para los diseñadores el próximo año.  

 

Síguenos en @BBVAAPIMarket