Eche un vistazo a cualquier captura de pantalla de un iPhone anterior a iOS 7 y se preguntará cómo hemos usado una interfaz tan espantosa durante tantos años. El lenguaje de diseño escandaloso incluía tanta madera falsa, plástico brillante y degradado gris que casi no hay ningún lugar donde colocar el contenido real de la aplicación.
iOS 7 se fue demasiado lejos en la dirección opuesta, con páginas blancas planas y texto delgado. ¿Eso es un botón? ¿Es solo una etiqueta? ¿Puedo presionarlo? ¿Quién sabe? Todavía sufrimos esta ambigüedad en la interfaz de usuario hoy, en iOS 13. El texto se volvió más grueso, pero todavía es difícil saber qué presionar y qué hay para leer.
Claramente, hay un espacio entre estos dos extremos. Algo tan limpio como iOS 7 y, al mismo tiempo, tan obvio y utilizable como iOS 6 y versiones anteriores. Pero, ¿cómo se vería eso? Yo se lo que yo querer que parezca. Se llama "neumorfismo" y tiene un aspecto fantástico.
Neumorfismo
El neumorfismo es un tendencia de diseño emergente. La palabra es una amalgama de neu (o "nuevo") y skeuomorfismo.
![David ofiare regate neo Spotify](/f/91b62376542b91e3414c505f516c8c76.jpg)
Foto: David Ofiare / Regate
A diferencia del esqueuomorfismo, que imita el mundo físico en un grado absurdo e hiperrealista, el neumorfismo agrega un elemento físico al paradigma de la interfaz de usuario plana actual. Una mirada a las imágenes de esta publicación te lo dirá todo. Los efectos de luz sutiles, o el sombreado, agregan textura y profundidad a un plano. El color se utiliza con moderación y prudencia para facilitar la navegación. Nunca más volverá a mirar un “botón” gris con forma de etiqueta y se preguntará si está encendido o apagado. Lo sabrás al instante, porque será elevado (o no) o coloreado (o no).
Compare las otras capturas de pantalla aquí con esta de mi iPad mientras escribo este artículo:
![Imagen arrastrada 3 ¿Qué sucede cuando escribo una letra?](/f/c49af2e18699cda2ae73d46937d58244.jpeg)
Foto: Cult of Mac
Esta captura de pantalla muestra a Ulysses ejecutándose junto a Safari. ¿Cuál de estas aplicaciones tiene enfoque actualmente? Cuando escribo, ¿aparecerán letras en Ulises o no? No lo sé, y en realidad estoy escribiendo este artículo ahora. Imagínese si, en cambio, una ventana se elevara ligeramente, o si la ventana activa tuviera botones 3D, mientras que los botones de la ventana inactiva permanecieran planos.
El neumorfismo ya está aquí
Diseñador Notas de David Ofiare que esta tendencia comenzó en noviembre de 2019, aunque parece estar refiriéndose a conceptos de diseño en Dribbble. Sin embargo, este lenguaje de diseño ya está aquí, en aplicaciones de App Store como Klevgrand Simulador de amplificador Stark.
![Imagen 16 02 2020 12 33 Stark por nombre y por naturaleza.](/f/5eca59e1a1af0559c870ba8e60900183.jpeg)
Foto: Klevgrand
Ese es un poco plano, pero usa el color para mostrar el estado. Me encanta. Ahora echa un vistazo Hillman, una aplicación de sintetizador vintage del mismo desarrollador. Es un ejemplo de libro de texto de neumorfismo.
![Imagen 16 02 2020 12 38 ¡Que belleza! La aplicación de sintetizador vintage Hillman de Klevgrand es un ejemplo de libro de texto de neumorfismo](/f/245eb09771f272883d4343cc4d4e6750.jpeg)
Foto: Klevgrand
Y estas aplicaciones están disponibles ahora mismo, en su iPad o Mac.
Por qué el modo oscuro es confuso
Una tendencia reciente de la interfaz de usuario, adoptada por Apple, en realidad dificulta el diseño claro de la interfaz de usuario. El modo oscuro, disponible en macOS e iOS, hace que sea imposible usar sombras, porque ¿cómo ves una sombra en negro? Hace poca diferencia en iOS, porque el sistema operativo móvil no ofrece pistas de profundidad. Pero en Mac, donde las sombras sutiles muestran el nivel de apilamiento de las ventanas, el modo oscuro dificulta ver lo que hay en la parte superior. El neumorfismo puede ayudar, porque su sutil sombreado tridimensional utiliza tanto luces como sombras.
¿Apple abrazará el neumorfismo?
Soy un gran admirador de esta tendencia del neumorfismo. Es agradable a la vista, sin dejar de ser visualmente rico y capaz de transmitir mucha información sobre el estado. Y eso se debe a que utiliza señales del mundo real. Los humanos somos asombrosos al hacer distinciones sutiles sobre el mundo real y este lenguaje de diseño, ya sea que lo llames neumorfismo, interfaz de usuario suave o de otro modo, utiliza esas mismas señales sutiles del mundo real. Es limpio y fácil, porque casi no tenemos que hacer ningún esfuerzo para descifrarlo.
![Ios 7 iOS 7 fue un antídoto contra el esqueumorfismo que fue demasiado lejos.](/f/01324d7900e8105d8ab478f05f300474.jpg)
Foto: Apple
Este tipo de híbrido del mundo real / dibujos animados puede terminar luciendo tan anticuado como el fondo de tapete verde de Game Center o el de GarageBand. mejillas de madera. Pero en este momento, es una gran mejora con respecto a lo que tenemos, tanto en términos estéticos como de usabilidad.
Sin embargo, Apple parece estar contento con el lenguaje de diseño actual de iOS, por lo que es posible que tengamos que subsistir con los desarrolladores de aplicaciones que lo hacen solos. Por otra parte, se muestran los primeros signos. El diseñador Michael Malewicz, uno de cuyos comentaristas del sitio web acuñar el termino neumorfismo, señala Apple propias herramientas de marcado de iOS 13:
![Imagen 22 10 2019 09 22.eace41c4c8524ad19084561a1091beee Las nuevas y coloridas herramientas de marcado de capturas de pantalla en iOS 13](/f/35adffaddc988ac66afb621c47583858.jpg)
Foto: Andrea Nepori
Si Apple hizo cambie iOS o macOS para que se vea así, casi todos los buenos desarrolladores lo seguirían. E imagina cómo se vería si todo tu iPhone o iPad se viera y funcionara de esta manera. Solo agregar menús, y arreglar multitarea, y el iPad estaría casi resuelto. Un enfoque neumoral también podría ayudar con la accesibilidad, haciendo que el iPhone y el iPad sean más fáciles de usar para todos.
¿Se mantendrá el neumorfismo? Quién sabe. Pero espero que realmente despegue.