Retrospectiva de tendencias de diseño de UX 2019

“La creatividad requiere coraje.” –Henri Matisse

La batalla por nuestra atención es mayor que nunca, ya que el rico contenido digital compite por millones de ojos. Con las distracciones desenfrenadas, es posible que estemos llegando a lo que se llama una "crisis cognitiva máxima". Imágenes, videos, textos, ilustraciones, animaciones y podcasts sobrecargan nuestros sentidos con publicaciones patrocinadas, noticias falsas, fotos de las vacaciones de nuestros amigos, Australia en llamas, la ciudad de Venecia inundada y el presagio de la guerra, todo en el lapso de menos de 10 segundos mientras nos desplazamos a través de una red social.

A través de esta tormenta, millones de distracciones, todas compitiendo por nuestra atención, las tendencias de diseño emergen a través de la innovación y la experimentación. Las tendencias suelen formarse porque una mente creativa imaginó algo, lo creó, a la gente le gustó y se difundió. Algunas tendencias tienen una vida útil breve, otras se mantienen por más tiempo y otras se reciclan en unas pocas décadas: observe el regreso de la moda de los años 60 y los discos de vinilo con la Generación Z. Las tendencias aparecen en muchas áreas y disciplinas: desde la moda hasta el cabello, desde la comida hasta los automóviles, desde la arquitectura hasta el diseño, e incluso la política.

Las tendencias nacen de la creatividad y la experimentación audaz. En 1960, cuando el editor de la revista Modern Beauty Salon animó a Margaret Vinci, campeona de peluquería, a hacer “algo realmente diferente” que definiría la próxima década, se le ocurrió el peinado de colmena. Se extendió como la pólvora y se convirtió en una tendencia candente a lo largo de los años 60. La colmena de Audrey Hepburn, que mostró maravillosamente en la película clásica "Desayuno con diamantes", es uno de los ejemplos más icónicos, al igual que la versión despeinada de Brigitte Bardot.

Al igual que con muchas innovaciones, los diseñadores exhiben sus creaciones recién acuñadas y cuidadosamente elaboradas en varios medios para probarlas y presumirlas. Algunos diseños de UX son esfuerzos genuinos para hacer que las cosas se vean y funcionen mejor. Algunos son proyectos vanidosos diseñados para exaltar al diseñador y declararlos semidioses del diseño con 10 000 me gusta en Dribbble, aunque solo sea por un breve destello en el radar.

En la plétora caótica de opciones, algunos diseños se descartan y otros se mantienen y se convierten en una tendencia de diseño de UX, no solo con los consumidores sino también con los pares. Los compañeros responden con un pulgar hacia arriba o hacia abajo: Oooh, me gusta eso. Se ve genial. Hace que las cosas funcionen mejor. me gusta ese estilo O meh, no funciona para mí... A veces, superados por los síntomas de FOMO (Miedo a perderse algo), otros diseñadores se suben al carro, transmitiendo: ¡Mira, soy moderno, moderno y contemporáneo también! y estoy con los tiempos, échale un vistazo, esto es lo último.

La imitación es la forma más sincera de adulación que la mediocridad puede pagar a la grandeza. Oscar Wilde

Algunos diseñadores de UX pueden resistirse a las tendencias de diseño porque no quieren ser vistos como seguidores. Algunos rechazan las tendencias de diseño por completo, descartándolas como modas pasajeras y se adhieren a los principios del buen diseño. Tomemos como ejemplo a los "siempre minimalistas", que son enemigos jurados de cualquier cosa maximalista. Pero los diseñadores disidentes deben darse cuenta de que cada estilo y tendencia tiene su lugar en el mundo. Cuando se usa la tendencia equivocada en el momento equivocado, en los medios equivocados, en el contexto equivocado, se produce el caos y la gente se estremece.

Inspirándose en las tendencias de diseño puede ser útil de otras maneras. Cuando el temido bloqueo creativo paraliza a los diseñadores, inspirarse en las tendencias de diseño puede ayudar a superarlo. No hay nada de malo en buscar nuevas fuentes de inspiración, siempre y cuando no conduzca a una imitación sin sentido. Estar inspirado por una tendencia de diseño particular es un guiño a su creador, reconociendo que funciona, y lo que funciona pronto se convertirá en una mejor práctica, una convención y un patrón de diseño establecido.

Echemos un vistazo a las tendencias de diseño de UX de 2019 y destaquemos una docena de importantes.

Tendencia UX del año 2019: ilustraciones en todas partes

Durante los últimos dos años, las ilustraciones caprichosas se han estado filtrando en el mundo del diseño digital, pero se impulsaron a la vanguardia en 2019. La tendencia está impulsada por el deseo de una sensibilidad orgánica en las imágenes y un alejamiento de lo frío, lo digital “. mirada técnica.” El movimiento une fuerzas con el reciente regreso de los medios analógicos (discos de vinilo, ropa vintage, tipografía) cosas que están hechas de materias primas reales. La gente anhela lo tangible, cosas que son naturales, orgánicas y sensatas.

Las imágenes de stock y las ilustraciones de stock están disponibles. Desde caprichosas ilustraciones digitales hasta bocetos en carboncillo en blanco y negro, todo lo que tenga un toque orgánico está en formato . Las ilustraciones isométricas están de moda y no se permite el skeuomorfismo. Se trata de ilustraciones personalizadas de apariencia orgánica en sitios web y aplicaciones, incluso para botones e íconos.

Si los diseñadores pueden introducir un poco de movimiento en la ilustración, aún mejor. La animación sutil y de movimiento lento añade un elemento interesante a una ilustración estática, haciéndola cobrar vida.

Las ilustraciones, especialmente para las secuencias de incorporación, también han incursionado en el diseño de UX móvil.

Mezclar tendencias no es raro. Las páginas de destino ingeniosas presentan animaciones multimedia activadas por desplazamiento, paralaje, que a veces combinan ilustraciones animadas con fondos en movimiento, tipografía, fotos y videos.

Vamos a la oscuridad: modo oscuro/temas oscuros

Debido a la creciente popularidad de los temas oscuros, cada vez más diseños digitales se están moviendo hacia el "lado oscuro". El nuevo y genial modo oscuro ha invadido varias plataformas: sistemas operativos, televisores, dispositivos móviles y la web. Apple alimentó la moda del modo oscuro con su interfaz de usuario de TV, luego con Mac OS Mojave y finalmente con iOS 13 y su nuevo iPadOS. Las interfaces de usuario de tema oscuro tienen varias ventajas: son agradables a la vista, pueden ser más elegantes y elegantes, y ahorran batería.

Sin embargo, los diseñadores deben andar con cuidado si eligen caminar en el lado oscuro. La paleta de colores utilizable puede ser limitada y la combinación incorrecta de colores puede ser una tortura para los ojos. Además de eso, surgen todo tipo de problemas de usabilidad, en su mayoría relacionados con la capacidad de escaneado, la legibilidad y el contraste. Los diseñadores de UX deben asegurarse de que haya suficiente contraste entre los elementos de la interfaz de usuario, como los botones, el texto y el fondo. Debe tenerse en cuenta el contexto de uso, es decir, el entorno de visualización, así como el dispositivo en el que es probable que se visualice la interfaz de usuario del tema oscuro.

Minimalismo/Maximalismo

Los grandes productos logran más con menos. El minimalismo como tendencia de diseño de UX es popular, como lo indican las últimas tendencias de diseño de aplicaciones web y móviles. El niño del cartel del minimalismo, Apple ha sido su defensor más influyente y poderoso. Haciendo un guiño a la ideología del icono del diseño Dieter Rams y al poder del "diseño destacado", los diseños de hardware y software impulsados ​​por el minimalismo de Apple son nada menos que excepcionales. Tomando una página del libro de jugadas de Apple, los diseñadores de UX han enfatizado durante mucho tiempo la importancia de reducir el diseño digital al mínimo, brindando a las personas solo lo esencial absoluto para realizar una tarea.

Los fanáticos del minimalismo reconocen que los recursos cognitivos de las personas son limitados, al igual que su capacidad para procesar y comprender la complejidad de la información. La gente no puede captar todos los matices de los estímulos necesarios para asignar su significado completo. La información destacada es lo que probablemente captará la atención en una situación determinada y tendrá la influencia más significativa en cómo se percibirán los estímulos.

“La creatividad es la capacidad de asumir un riesgo. Ponerse realmente en peligro y arriesgarse al ridículo, ser ridiculizado, criticado, lo que sea. Pero... debes correr ese riesgo. - Picadura

La antítesis del minimalismo escaso y frío, el maximalismo es un movimiento de diseño de alto riesgo y alta recompensa que requiere compromiso y un acto de fe. Los diseñadores de UX subversivos y rebeldes, "hippies del diseño" de la contracultura, recurren al maximalismo para ir a lo grande, ruidoso y tener un impacto. Pero la aspiración a destacarse en el panorama de los minimalistas conformistas no está exenta de riesgos. El maximalismo puede dar un golpe, pero también puede resultar contraproducente. Es solo para los audazmente audaces que están dispuestos a arriesgarlo todo y ocasionalmente caer en llamas.

Los maximalistas creen que la mente ama los estímulos. A veces, al borde de lo extraño, las capas de color, textura y patrones del maximalismo gritan para llamar la atención, su manifiesto declara: "¡no seremos ignorados!" El diseño maximalista toca muchas facetas del diseño: diseño gráfico, diseño web, diseño móvil, diseño de interiores, moda, arquitectura y más: es una forma de estimular y cautivar a los diseñadores.

neumorfismo

A los diseñadores se les ocurrió el neumorfismo por el deseo de permanecer con una sensibilidad minimalista pero combinar lo mejor del skeuomorfismo y el diseño de materiales. El skeuomorfismo era demasiado (tratar de imitar objetos en el mundo real) y el diseño de materiales era demasiado plano. El neumorfismo está en algún lugar en el medio. Sin embargo, por más emocionante que parezca en la superficie, esta tendencia de diseño de UX puede ser de corta duración, según algunos detractores.

El neumorfismo permite "diseños limpios", despojados de color, que generalmente se usa para indicar elementos en una interfaz de usuario, y en su lugar, la técnica utiliza una sombra suave ligeramente elevada o con sangría para separar los componentes de la interfaz de usuario. Al igual que con muchas tendencias, las tendencias de diseño también se pueden mezclar y los diseñadores pueden crear "gumbos de tendencias de diseño", una mezcla emocionante de los últimos sabores. Por ejemplo, el neumorfismo se puede combinar con otras tendencias, como las IU de tema oscuro.

Microinteracciones significativas

“Los detalles no son los detalles. Ellos hacen el diseño”. – Charles Eames.

Son todos los pequeños detalles los que convierten un buen producto digital en uno excelente. Dan Saffer, autor del libro Microinteractions, define las microinteracciones como "momentos de productos contenidos que giran en torno a un solo caso de uso: tienen una tarea principal". Más allá de la estética, las microinteracciones fluidas y bien ejecutadas pueden provocar el deleite de las personas durante los momentos de interacción. Las microinteracciones tratan sobre los detalles críticos que marcan la diferencia entre una experiencia agradable y una frustrante.

Las microinteracciones no están pensadas exclusivamente para aplicaciones móviles; también se pueden diseñar para sitios web, aplicaciones de escritorio y aplicaciones web (SaaS). Sin embargo, los diseñadores deben tener cuidado, al igual que con la tendencia del tema oscuro, tengan cuidado. Demasiado en el lugar equivocado puede resultar contraproducente y arruinar la experiencia del usuario; por lo tanto, la consideración prudente de cuánto y en qué contexto proporcionarlo es vital.

Más interacciones de gestos en dispositivos móviles

Buscar pistas de interfaz y tocar iconos se ha convertido en algo prohibido en los dispositivos móviles. La gente espera cada vez más que varios elementos de la interfaz de usuario en dispositivos móviles se puedan deslizar, lo que se está convirtiendo en una buena práctica para el diseño móvil. Proporciona una mejor UX porque las personas pueden realizar gestos de manera imprecisa. Por ejemplo, deslizar es más rápido y más fácil que buscar y tocar un icono para cerrar una tarjeta. En la mayoría de los casos, se proporcionan ambas opciones de interacción.

Para interacciones móviles menores, como compartir, guardar, preferencias, ampliar una imagen o mirar un video en una fuente social, las tarjetas deslizables en capas se usan cada vez más. En el último iOS 13 de Apple, la modalidad de tarjeta en capas se usa ampliamente en sus aplicaciones nativas. Otras aplicaciones también se están aprovechando de esta técnica de interacción móvil natural y rápida.

La visualización 3D aporta una sensación del mundo real a los productos

La fotografía sofisticada y de alto nivel es costosa, y las fotos de archivo están descartadas . Las visualizaciones 3D están en formato . Cuando los objetos se renderizan en 3D, es casi concebible que estén ahí para ser tocados. Todo, desde versiones digitales de productos para comercio electrónico y conceptos de empaque de productos hasta visualizaciones de diseño de interiores y planos isométricos de oficinas, 3D ayuda a las personas a visualizar cómo se vería y se sentiría algo. A diferencia de la fotografía, las imágenes renderizadas en 3D se pueden cambiar instantáneamente a un esquema de color alternativo, escalar y colocar en un entorno diferente.

Interacciones de voz

El nivel de comodidad de las personas con las interacciones de voz está creciendo. Hablamos con objetos inanimados y ellos nos responden. No es solo cuando tenemos las manos llenas, sucias o estamos conduciendo que usamos interacciones de voz en nuestros móviles. Cada vez más personas buscan con su voz, dictan mensajes de texto y reproducen música a través de comandos de voz.

Ganando más aceptación con la corriente principal, hablamos con los asistentes de voz digitales Alexa, Cortana, Google Assistant y Siri para obtener información sobre viajes y clima, comprar y pedir un viaje. Junto con los populares asistentes de voz, la capacidad de usar interacciones de voz está cada vez más integrada en varios dispositivos y aplicaciones. Una encuesta reciente encontró que la razón por la que a las personas les gusta usar sus voces para interactuar es porque es rápido, preciso y no requiere escribir; en otras palabras, reduce la fricción y proporciona una mejor experiencia de usuario.

IU conversacionales y Chatbots

Las páginas de destino tradicionales con grandes imágenes destacadas, botones, enlaces y formularios están dando paso gradualmente a uno de los patrones de interacción más intuitivos y naturales: la conversación. Las interfaces de usuario conversacionales brindan una experiencia agradable, más personalizada y sin fricciones.

Por lo general, los chatbots son plataformas de inteligencia artificial que utilizan la mensajería instantánea como interfaz de aplicación. En lugar de poner la carga sobre los usuarios pidiéndoles que completen formularios, los chatbots alivian esa carga al hacer que la interacción sea más natural y conversacional. Algunos bots no son IA sino seres humanos reales que interactúan a través del chat para brindar experiencias de usuario más convincentes.

Aunque el tiempo que toma algo puede ser el mismo (para completar una reserva de viaje, por ejemplo), debido a que la interacción es conversacional y se divide en partes, la tensión cognitiva se reduce y la experiencia del usuario mejora.

Las animaciones activadas por desplazamiento cuentan historias, venden productos y servicios

La representación 3D de productos de primer plano y de alta gama se está poniendo de moda cuando se trata de vender productos en la web. Las animaciones activadas por desplazamiento y enfocadas en el marketing de estilo de vida cuentan historias cinematográficas convincentes con imágenes sorprendentes. A menudo combinan animación stop-motion, fotografía y video con tipografía elegante, están diseñados para involucrar y atraer a las personas.

Centrándose en experiencias de visitantes únicas que son más cautivadoras que las páginas web estáticas por las que la gente navega a la antigua usanza, varias empresas de servicios también están utilizando la tendencia UX de animación activada por desplazamiento para vender todo, desde servicios creativos hasta diseño digital y marca.

Sitios de medios mixtos con tipografía fuerte

En los últimos años, la web cobró vida con páginas multimedia repletas de videos autoejecutables, GIF animados, animaciones 3D e ilustraciones animadas activadas por desplazamiento. Junto con la tipografía fuerte y el desplazamiento de paralaje, se siente como si todo menos el fregadero de la cocina se hubiera tirado, pero si se hace bien con cierta moderación y en un estilo sofisticado, seguramente captará la atención de los visitantes. Las experiencias ya no están diseñadas para ser lineales, sino ricas y atractivas.

El comercio electrónico cobra vida con 3D, AR y Motion

Comprar en el mundo físico es una experiencia táctil. Los estudios han demostrado que el video o la animación 3D en las páginas de productos del sitio de comercio electrónico tienden a vender más productos porque las personas pueden tener una mejor idea de ellos. Los productos insertados en la vida real a través de la realidad aumentada (AR) también tienden a funcionar mejor porque las personas pueden "probarlos" o colocar los productos en entornos de la vida real. A medida que aumentan las conexiones rápidas a Internet y los navegadores mejoran en la representación de todo tipo de contenido multimedia, estas tendencias de UX de comercio electrónico seguramente continuarán.

Seleccione las tendencias de diseño de UX que llegaron para quedarse

Aunque mantenerse al día con las últimas tendencias de UX puede ser una trampa si no se hace con sensatez, mantenerse al tanto de lo que es actual es crucial. Hacerlo puede ayudar a un diseñador de UX a convertirse o permanecer a la vanguardia. Las tendencias de diseño de UX pueden impulsar los esfuerzos de los diseñadores de UX para cumplir con las altas expectativas de las personas porque, en la mayoría de los casos, se han filtrado a través de experimentos de diseño de UX y se ha demostrado que funcionan.

Cada año, surgen nuevas tendencias de diseño de UX. Algunos se volverán populares y otros disminuirán y eventualmente desaparecerán. A través de un proceso de eliminación despiadada, solo sobrevivirán los más útiles y duraderos, lo cual es excelente para avanzar en el arte y la ciencia de diseñar experiencias de usuario excepcionales.

• • •

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

• Mirando al futuro: tendencias de diseño de 2020
• Las leyes probadas y verdaderas de UX (con infografía)
• Domine las últimas tendencias de diseño con estos tutoriales de Photoshop
• Tendencias destacadas de comercio electrónico y su influencia en el diseño (con infografía)
• ¿Valen la pena todas las tendencias? Los 5 errores de UX más comunes que cometen los diseñadores web