Tendencias de interfaz de usuario 2020: ¿Qué hay en la tienda?

2020 está aquí, y con él viene la oportunidad de revisar qué tendencias de interfaz de usuario funcionaron el año pasado y cuáles probablemente continúen haciéndolo este año. El comienzo del nuevo año brinda una excelente oportunidad para observar las tendencias emergentes de diseño de interfaz de usuario que seguirán creciendo en popularidad.

Mantenerse al tanto de las novedades en la industria del diseño, lo que es útil (o no) y lo que está cayendo en desuso es vital para los diseñadores de IU que desean poder ofrecer a sus clientes ideas innovadoras. Revisar las tendencias y observar cómo podrían evolucionar en el futuro es esencial para ese esfuerzo.

Las tendencias de UI 2020 incluirán la narración de historias en el diseño de UI (en lugar de pensar en un proyecto únicamente en términos de UX), gráficos y animaciones en 3D, microinteracciones únicas, temas oscuros, simplicidad, interacción de voz y más.

Cuentacuentos

La narración de historias a menudo solo se piensa en términos de UX. Sin embargo, los diseñadores de UI también pueden desempeñar un papel esencial en el proceso de narración.

Mediante el uso de color, tipografía, animación y diseño de interacción, los diseñadores de UI pueden implementar las historias necesarias para una buena UX.

La página de destino de Pixel Earbuds de Google es un ejemplo convincente de narración de historias de interfaz de usuario. Guía al visitante a través de los beneficios del producto a través de animaciones reflexivas, imágenes identificables y tipografía estelar para crear una respuesta emocional positiva.

Gráficos 3D y Animación

Los gráficos y la animación en 3D no son nuevos en el diseño de interfaz de usuario. Su frecuencia ha aumentado en los últimos años en múltiples categorías de productos. Las aplicaciones de realidad virtual y realidad aumentada, en particular, han aprovechado estos elementos para cosas como ver muebles en una habitación real. Otro ejemplo común es la vista de producto de 360 ​​grados que se ha vuelto popular en los sitios de comercio electrónico.

Si un diseño de interfaz de usuario necesita ser particularmente llamativo, los gráficos 3D son una excelente manera de lograrlo. La animación se suma al atractivo visual. Si bien estos efectos consumen más tiempo que las versiones 2D y requieren un conjunto de habilidades especializadas, valen la pena los recursos adicionales en los casos en que se suman a la experiencia general del usuario.

Microinteracciones únicas

Las microinteracciones son un elemento esencial de cualquier buen diseño de producto digital. Sin embargo, muchos diseñadores de UI y partes interesadas aún los pasan por alto.

Las microinteracciones brindan información adicional y comentarios a los usuarios. Pueden incluir cosas como animaciones de interacción, cambios de color para mostrar diferentes estados y comentarios hápticos en aplicaciones móviles. Las microinteracciones pueden elevar un diseño de funcional a excepcional.

Temas oscuros

Los temas oscuros han existido durante algunos años, pero despegaron en 2019. Apple hizo mucho para ayudar a esa tendencia cuando lanzó su actualización de Mojave con la capacidad de cambiar automáticamente a un tema oscuro en las aplicaciones que lo admiten. También lanzaron una actualización para iOS que ofrece la misma funcionalidad de modo oscuro.

Los temas oscuros de la interfaz de usuario seguirán creciendo en 2020. Uno de los beneficios más significativos, más allá del atractivo visual, es que, para algunas personas, los temas oscuros con el contraste adecuado pueden ayudar a cansar la vista.

Una de las últimas aplicaciones importantes para obtener el tratamiento del tema oscuro es Gmail, que comenzó a implementar la opción en septiembre. Ahora que los tres grandes gigantes tecnológicos (Apple, Google e incluso la aplicación móvil de Facebook) se han subido al carro del tema oscuro, es poco probable que esta tendencia desaparezca en un futuro próximo.

Sencillez

La simplicidad y el minimalismo entran y salen de moda en el diseño de la interfaz de usuario cada pocos años. Ahora mismo, están dentro.

La funcionalidad está a la vanguardia con diseños simples. La simplicidad es más una colección de principios de diseño que una sola tendencia. Los diseños simples a menudo incorporan principios Gestalt, tipografía audaz, paletas de colores minimalistas y muchos espacios en blanco.

La simplicidad en el diseño no es fácil de crear. Se necesita confianza por parte del diseñador, y cada elemento tiene que ser perfecto ya que no hay nada que oculte opciones de diseño cuestionables. Cuando se hace bien, crea una sensación elegante y de alta calidad que a la gente le encanta usar.

Interacciones de voz

Las interacciones de voz alguna vez estuvieron reservadas para el ámbito de la ciencia ficción. Los teléfonos inteligentes y las aplicaciones móviles cambiaron eso, haciendo que la interacción de voz no solo sea posible, sino que se generalice. Permitir que las personas interactúen con las aplicaciones a través de comandos de voz abre un mundo de posibilidades para la interacción con un producto. Cuando un consumidor puede dar comandos de voz, puede usar una aplicación en situaciones en las que las interfaces táctiles no son seguras o prácticas, como cuando conduce o sigue una receta o un tutorial.

La interacción de voz no es nueva, pero las primeras iteraciones eran torpes y, a menudo, no funcionaban bien. En los últimos años, la interacción de voz ha evolucionado (generalmente con asistencia impulsada por IA) para convertirse en un método práctico de comunicación con una aplicación. A medida que el control por voz mejora aún más, es una tendencia que probablemente no desaparecerá. Google anunció mejoras significativas a su función Asistente de Google en I/O 2019 que algunos especulan que podría ser el comienzo de las interacciones de voz que reemplazan las interacciones táctiles casi por completo.

Los diseñadores de UI se beneficiarán al familiarizarse con cómo funcionan las interacciones de voz y cómo pueden integrarlas mejor en sus productos, particularmente en las aplicaciones móviles. Eventualmente, las interacciones de voz pueden superar a otros tipos de interacciones, incluso en la web.

Tendencias de diseño de interfaz de usuario de tipografía

Cada año surgen nuevas tendencias tipográficas, y el año pasado no fue diferente. Algunas de las tendencias de interfaz de usuario más destacadas que probablemente continúen en 2020 incluyen un regreso a los tipos de letra serif, texto de héroe no tan grande y tipografía en capas con otros elementos.

Cuando los diseños de interfaz gráfica de usuario comenzaron a aparecer, las serifas generalmente estaban mal vistas porque eran difíciles de leer en una pantalla. Las bajas resoluciones de pantalla significaban que los detalles más finos de las formas de las letras (y los detalles visuales a pequeña escala en general) se perdían, lo que hacía que muchos tipos de letra que tradicionalmente funcionaban bien en la impresión se vieran terribles en la pantalla de una computadora.

A medida que aumentaron las resoluciones de pantalla, persistió de alguna manera la idea de que las serifas fueran difíciles de leer en la pantalla. Eso ha cambiado en los últimos años, y las serifas han estado apareciendo por todas partes, incluso en el encabezado y el texto del héroe, donde generalmente eran menos comunes que sus contrapartes sans-serif y fuentes de visualización.

Parece que el texto del héroe se ha vuelto más y más grande cada año, a menudo ocupando todo el espacio "en la parte superior de la página" en un sitio web. Eso cambió en 2019, con un texto más pequeño (aunque aún prominente) utilizado sobre imágenes principales y de encabezado. Es un cambio bienvenido que reintroduce los espacios en blanco como una parte valiosa del diseño del héroe.

La tipografía en capas con elementos gráficos, ya sea debajo o encima de las imágenes (o, a veces, ambas), es otra tendencia creciente. A veces, el texto se superpone o se superpone con imágenes o colores enmarcados, mientras que otras veces se integra completamente con otros elementos visuales.

Mirando hacia el futuro en UI Trends 2020

Las mejores tendencias de interfaz de usuario son visualmente atractivas y mejoran la experiencia general y la utilidad de un producto digital. Las tendencias cubiertas anteriormente seguirán evolucionando y es probable que surjan otras nuevas en 2020.

A medida que las marcas más grandes adoptan tendencias y se vuelven más ubicuas, evolucionan hacia estándares y se vuelven parte del panorama digital. Esta evolución ya está ocurriendo con tendencias como los temas oscuros.

En otros casos, las tendencias se mantienen durante algunos años y luego se quedan en el camino a medida que surgen mejores ideas y métodos. Un ejemplo de esto es la interfaz de usuario de desplazamiento de paralaje, que fue increíblemente popular hace un par de años, pero no es tan prominente en 2020.

Surgirán nuevas tendencias en 2020, y algunas de las incluidas aquí pueden desaparecer a finales de año. Los diseñadores de UI expertos siempre están buscando mejores formas de presentar el contenido, lo que significa que algunas tendencias de UI 2020 prácticamente habrán desaparecido del espíritu de la época digital para 2021.

• • •

Lectura adicional en el blog de diseño de Toptal:

• Mirando al futuro: tendencias de diseño de 2020
• Toptal Design Blog Color del año 2020
• Retrospectiva de tendencias de diseño de UX 2019
• ¿Valen la pena todas las tendencias? Los 5 errores de UX más comunes que cometen los diseñadores web
• Siguientes tendencias: homenaje frente a plagio de diseño