LA NUEVA TENDENCIA EN EL DISEÑO DE LA INTERFAZ DE USUARIO: UNA DESCRIPCIÓN GENERAL DEL NEUMORFISMO

El diseño neumórfico es una tendencia visual que ganó fuerza entre los diseñadores de UI y se convirtió en una opción estética popular para el software, los sitios web y las aplicaciones móviles contemporáneos. Basándose en aspectos del fotorrealismo y el diseño 3D, el neumorfismo aporta atributos físicos simulados, como sombras y texturas, a las interfaces digitales. Para comprender completamente el impacto del diseño neumórfico, echemos un vistazo a sus orígenes.

LOS ORÍGENES DEL DISEÑO NEUMÓRFICO

Cuando Apple lanzó Macintosh en 1984, fue la primera computadora personal con una interfaz gráfica de usuario. En ese momento, el cofundador de Apple, Steve Jobs, creía que los íconos y símbolos familiares, como un bote de basura o una carpeta, ayudarían a los usuarios de computadoras primerizos a comprender mejor cómo navegar por la interfaz de Macintosh. Jobs dejó Apple en 1985, pero a su regreso en 1997, dirigió la estética de la interfaz de usuario de la empresa hacia el skeuomorfismo, un estilo en el que los componentes de la interfaz reflejan sus contrapartes del mundo real hasta el último detalle. Cuando se lanzó Mac OS X en 2001, Apple había desarrollado un sistema skeuomorphic completo llamado Aqua, un lenguaje de diseño con temas acuáticos con iconos, botones y menús desplegables relucientes.

Con la introducción del iPhone en 2007, la marca de skeuomorphism de Apple se volvió aún más realista. A principios de la década de 2010, el diseño skeuomorphic era la opción de facto para las interfaces digitales. Pero a medida que el mundo se volvió más dependiente de los dispositivos móviles, los límites del skeuomorphism se hicieron claros: la creación de componentes de diseño skeuomorphic requiere mucho tiempo y requiere un alto grado de habilidad técnica. Y aunque los componentes esqueomórficos se ven muy bien en los escritorios y las pantallas de inicio, sus detalles más finos tienden a desaparecer cuando se escalan a tamaños pequeños.

En marcado contraste con los gradientes y texturas realistas del skeuomorphism, a mediados de la década de 2010 se vio una adopción generalizada del diseño plano, un reinicio de la era digital del minimalismo de la década de 1960. El diseño plano despojó a los componentes de la interfaz de todo menos de sus elementos más esenciales (línea, forma y color), lo que lo convirtió en un estilo rápido y altamente flexible que se adaptaba bien a las grandes empresas que buscaban sistematizar sus lenguajes de diseño.

Durante algunos años, el skeuomorphism fue un anatema para los diseñadores, pero de sus cenizas, una nueva tendencia saltó a la fama. A fines de 2019, llegó el neumorfismo (abreviatura de “nuevo skeuomorfismo”) y apareció para ofrecer lo mejor de sus predecesores. Al lograr un equilibrio entre el hiperrealismo y el minimalismo, el neumorfismo usa colores, texturas y sombras de una manera que se siente fiel a la vida sin ser demasiado detallada.

NEUMORFISMO 101

El diseño neumórfico tiene tres características comunes: esquemas de color monocromáticos, bajo contraste y sombras sutiles. Los diseñadores de UI pueden aplicar estos rasgos a una amplia gama de componentes de diseño que exhiben la estética suave del neumorfismo. Veamos una aplicación de calculadora para ver cómo funciona el diseño neumórfico:

 

En el diseño skeuomorphic, la calculadora se representa con degradados y resaltados, y su paleta de colores ayuda a separar el primer plano del fondo. Está diseñado para verse y funcionar como una calculadora que puede encontrar en su oficina. Una versión de diseño plano de la misma calculadora abandona las técnicas de representación representacional del skeumorfismo y se basa en formas y bloques de color para distinguir sus diversas secciones.

El diseño neumórfico se basa tanto en el skeumorfismo como en el diseño plano al combinar una paleta de colores monocromática con sombras sutiles que hacen que los botones de la calculadora parezcan táctiles. El contraste reducido entre el primer plano y el fondo le da a la calculadora un acabado suave y el efecto general es un realismo simplificado.

EJEMPLOS DE DISEÑO NEUMÓRFICO

Ahora que conoce sus atributos únicos, notará neumorfismo en todas partes. De hecho, los diseñadores de UI en diversas industrias, como la automotriz, el entretenimiento, la atención médica y las finanzas, han estado reinventando los componentes de la interfaz con el aspecto característico del neumorfismo:

Fuente: Gavrisov Dmitri, concepto de Tesla

Fuente: Alexander Plyuto, concepto de reproductor de radio

Fuente: Vadim Demenko, Kettle App Concept

Fuente: Filip Legierski, Bank App Concept

LOS PROS Y LOS CONTRAS DEL DISEÑO NEUMÓRFICO

Todas las tendencias de diseño tienen ventajas y desventajas. Cuando se usan cuidadosamente, las tendencias tienen la capacidad de dar nueva vida a patrones de diseño predecibles, pero surgen dificultades cuando las tendencias se fuerzan en aplicaciones donde no sirven a los usuarios. Exploremos los pros y los contras del diseño neumórfico para comprender mejor su utilidad.

Ventajas

Debido a que el neumorfismo es visualmente simple, es ideal para productos digitales, que a menudo consisten en docenas, si no cientos, de pantallas y componentes de diseño. En el diseño de productos digitales, la simplicidad tiene varias ventajas: Hace que sea más fácil para los diseñadores crear experiencias estéticamente cohesivas, independientemente de cuántas pantallas tenga un producto. Acelera el proceso de conceptualización, construcción, prueba e iteración de nuevas pantallas. Y ayuda a los diseñadores a mantener la coherencia visual de los productos a medida que evolucionan.

Además de su simplicidad, las cualidades realistas del neumorfismo pueden hacer que los componentes de la interfaz de usuario parezcan más táctiles y pueden ayudar a los usuarios a identificar la interactividad.

Contras

Si bien el neumorfismo es una tendencia popular y ampliamente utilizada, conlleva problemas de accesibilidad. Si los diseñadores eligen usar elementos neumórficos que son estrictamente monocromáticos, podrían crear problemas para las personas con discapacidades visuales, como el daltonismo. Además, la dependencia del neumorfismo en el bajo contraste para lograr su aspecto suave puede dificultar la legibilidad y dificultar que los usuarios identifiquen botones, íconos, formularios y otras características importantes de la interfaz.

EL DISEÑO NEUMÓRFICO ES ATEMPORAL

Cuando se implementa teniendo en cuenta las necesidades (y la accesibilidad) de los usuarios, el neumorfismo es una opción de diseño de interfaz de usuario visualmente atractiva para aplicaciones y sitios web. Sus sombras discretas y texturas suaves dan a los componentes de la interfaz de usuario una calidez que invita a la interacción. En el mundo del diseño, los estilos van y vienen, pero la simplicidad y las cualidades táctiles del neumorfismo lo hacen ideal para resistir el paso del tiempo.

 

 

 

Leave a Comment