En este mundo moderno, el diseño moderno de la interfaz de usuario es normal y casi se ve en cualquier lugar. Ahora bien, ¿qué distingue a un diseño como contemporáneo o tradicional?
El significado varía de un individuo a otro. Pero no podía simplemente decir eso y marcharme. Como resultado, pasé un día completo mirando una variedad de aplicaciones que consideramos actuales, juveniles y modernas. Airbnb, Coinbase, Robinhood, Uber, Swiggy, Headspace, Cocoon, Eventbrite, Public, Wise y Google Pay son solo algunos ejemplos de aplicaciones populares. Ya sea que se esté preguntando si descargué todas y cada una de estas aplicaciones, utilicé Mobbin para hacerlo.
Cuando observé todas estas aplicaciones, me di cuenta de que no todas usaban un enfoque de diseño sofisticado como el neumorfismo de Cred para que parecieran actuales. Parecían contemporáneos debido a algunas cosas básicas. Era tan básico que pude condensarlo en cinco instrucciones rápidas.
1. Hay espacio
No tengas miedo de usar mucho espacio. La altura de la línea, el relleno y los márgenes, en particular los márgenes horizontales, son consideraciones importantes. Descubrí que los diseñadores tienen un miedo intrínseco a crear más espacio. La idea es colocar la mayor cantidad de material posible dentro de la ventana de visualización del usuario la mayor parte del tiempo.
Más del 87 por ciento de la población tiene un dispositivo con una resolución superior a 720px. Echa un vistazo a los números.
Esto implica que hay mucho espacio para expandirse verticalmente. Pruebe con 12 px si cree que necesita un margen de 8 px. Comience con una cantidad mayor y bájela si se vuelve demasiado.
2. Encabezados que no son visibles
Los encabezados sólidos son un retroceso a la década de 2010. Deshacerse de esos encabezados de colores sólidos en Internet es el método más simple para hacer que su aplicación parezca más actual (diferente del color de fondo). En cambio, a medida que el usuario se desplaza hacia abajo en la página, los encabezados pueden deslizarse para brindar contexto o acciones rápidas. Esto proporciona un espacio en blanco muy necesario para su diseño, lo que lo hace parecer más aireado y menos concurrido.
3. No temas mostrar tus curvas.
En la naturaleza, rara vez nos encontramos con elementos con bordes afilados. Hay muchas esquinas redondeadas en el globo. Serás herido por esquinas afiladas. Deben evitarse los bordes afilados.
Los objetos afilados nos han enseñado a verlos como amenazantes o agresivos, mientras que los objetos redondos nos han enseñado a considerarlos amigables o seguros. Esta diferenciación benefició nuestros esfuerzos de supervivencia. Incluso ahora, hemos conservado nuestro instinto fundamental de supervivencia.
Si no quiere ser agresivo, evite los bordes afilados. Los juegos de acción son una maravillosa ilustración de cómo usar bordes afilados.
En una nota al margen, nuestra afición por los artículos redondeados puede haber transformado a los lobos de aspecto afilado en los tontos redondeados que ahora llamamos Perros, el mejor amigo del hombre.
¿Por qué no interfases, si amamos que nuestros perros sean redondeados?
4. Haz uso de imágenes
Los seres humanos somos ante todo seres visuales. Se pueden encontrar fotografías e ilustraciones en casi todos los sitios web y hay dos tipos de imágenes que se utilizan en el diseño de UX. Si cree que una ilustración puede comunicar un mensaje, utilícela. Si cree que una imagen ayudará a proporcionar un contexto adicional, proporciónelo. Divida el desplazamiento prolongado de material con intervalos de imagen apropiados.
Según una investigación realizada por 3M Corporation, los humanos digieren las imágenes 60.000 veces más rápido que el texto.
5. Movimiento
El movimiento es algo con lo que todavía me estoy familiarizando. Pero, ¿no se siente genial usar una aplicación que se desliza sin esfuerzo?
Las recomendaciones enumeradas anteriormente mejorarían instantáneamente la apariencia de su interfaz de usuario. Sin embargo, hay una serie de aspectos adicionales, como la fuente, los colores, la iconografía y las sombras, que influyen en el aspecto pulido de su producto final. La única forma de mejorarlos es practicar tu gusto estudiando y recreando diseños de tu aplicación favorita.
