Diseño estético y minimalista (heurística de usabilidad n. ° 8)

“No tenga nada en su casa que no le resulte útil o hermoso”. Don Norman citó esta famosa cita de William Morris al comienzo de su libro. Diseño emocional^uno y captura la esencia de la octava heurística de usabilidad: diseño estético y minimalista:

Las interfaces no deben contener información irrelevante o rara vez necesaria. Cada unidad adicional de información en la interfaz compite con las correspondientes unidades de información y reduce su visibilidad relativa.

¿Por qué no simplemente un diseño “minimalista”? ¿Realmente importa la estética?

1. Los efectos visuales son fundamentales para crear buenas primeras impresiones. Por mucho que queramos, la gente “juzga un libro por su portada”. En promedio, los usuarios crean una primera primera impresión basada en la estética de un sitio 50 milisegundos después de navegar hasta él, lo que es aproximadamente 10 veces más rápido que el tiempo que se tarda en leer. Por lo tanto, desafortunadamente, los equipos no pueden confiar solo en una buena funcionalidad y contenido útil para hacer que la experiencia se sienta bien.

2. La percepción de una experiencia puede ser más memorable que la propia experiencia. Como dijo Don Norman, “las cosas atractivas funcionan mejor”. Esta primera impresión es tan poderosa que la gente suele pensar que los diseños hermosos son fáciles de usar, a pesar de los posibles problemas de usabilidad que podrían surgir durante el uso.

3. La estética refuerza su identidad de marca. Cuando se usa de manera consistente, la estética puede reforzar o reforzar una marca y su credibilidad.

Diseño minimalista, máxima utilidad

Echemos un vistazo a otro componente de la heurística, diseño minimalista.

Eso sí, cuando se escribió esta heurística en 1994, no había una tendencia de diseño web minimalista. Entonces, para los propósitos de esta heurística, el minimalista no un enlace a un sitio que sigue la tendencia del minimalismo.

Por contexto, en 1994 Internet se componía en gran medida de páginas web abarrotadas hasta el borde con información relevante e irrelevante: diseño ruidoso, por así decirlo. Según esta heurística, el diseño mínimo es un diseño que limita la cantidad de “ruido” que tiene la interfaz para resaltar la información que necesita; es un diseño que busca simplificar las interfaces eliminando elementos innecesarios o contenido que no admite tareas personalizadas.

Una consecuencia importante de esta definición: el diseño minimalista contiene todas necesario elementos para soportar tareas personalizadas. En otras palabras, un buen diseño debe buscar la máxima utilidad y usabilidad con suficientes elementos en la página.

Muy pocos elementos reducirán la utilidad y la usabilidad ausencia elementos requeridos y demasiados elementos poco claro estos son los elementos necesarios. Incluso si nuestras intenciones son buenas, ya que abarrotamos a nuestros usuarios con información que podría ser útil “en algún momento”, si nuestros usuarios no pueden encontrar o descubrir los elementos requeridos en la medida de su interés, esos elementos no existen.

Por lo tanto, el diseño visual minimalista (a veces denominado diseño plano) no siempre satisface esta heurística predeterminada (y a menudo conduce a la eliminación de elementos necesarios) y, de la misma forma, los diseños que satisfacen esta heurística no tienen por qué ser minimalistas.

Cómo crear un diseño estético y minimalista

Comuníquese visualmente utilizando principios de diseño conocidos.

Hay muchos atributos de diseño visual que afectan si un diseño será estéticamente agradable, pero centrarse en los cinco principios básicos del diseño visual puede proporcionar una comunicación visual eficaz.

Limite la cantidad de “ruido” en su diseño.

Maximice la “señal”, es decir, la cantidad de elementos de alto contenido: etiquetas con mucho texto, lenguaje sencillo, imágenes de alta resolución, señales claras o texto de ayuda. Minimice el “ruido”: elementos con poco valor informativo, como baja resolución, imágenes desordenadas, información irrelevante, términos técnicos sin explicación y cualquier cosa que esté destinada únicamente a la “decoración”. Evite las señales visuales multipropósito (por ejemplo, el mismo diseño visual para enlaces y texto en el que no se puede hacer clic) y no exagere con variaciones de fuente / color para asegurarse de que su mensaje sea claro. Siga los estándares y convenciones y comuníquese; no decorar.

Para tareas específicas o menos comunes, considere la posibilidad de revelar características o información gradualmente según sea necesario, en lugar de mostrarlas todas a la vez para limitar los detalles innecesarios. Cada contenido debe tener un propósito, incluido el espacio negativo.

Utilice plantillas visuales universales que tengan una connotación positiva.

Según una investigación de Ingrid Fetell Lee² En términos de estética positiva, las personas tienden a percibir paisajes con cuerpos de agua y terrenos variados como hermosos, sin importar de qué cultura sean. Este fenómeno no se limita a los paisajes, sino que se extiende a muchos otros efectos visuales: rasgos faciales de los niños, plantas, formas redondeadas, colores brillantes y saturados, confeti, fuegos artificiales, etc. Puede parecer una colección aleatoria de imágenes alegres, pero lo que todas estas imágenes tienen en común es la promesa de satisfacer las necesidades humanas: comida, agua, refugio, seguridad, calidez, compañía y comunidad. Por ejemplo, los colores vibrantes en la naturaleza generalmente se asocian con frutas y verduras (la promesa de comida), mientras que los paisajes escénicos con lagos o ríos prometen acceso al agua. (Consulte nuestro curso de un día de Diseño convincente y emocional para conocer otras ideas estéticas deliciosas)

Acepte que la belleza a veces está en los ojos del espectador (o de la persona).

Si bien ciertas imágenes son comunes y bienvenidas, cuanto más específico sea su mensaje en la interfaz, menos versátil será su efecto visual. Después de todo, para que la información sea relevante para una audiencia, puede que no sea relevante para otras audiencias. Lo que puede estar de moda o ser interesante para un grupo de personas puede no ser útil para otros. Esto significa que debe estar muy familiarizado con su imagen y diseñarla específicamente con respecto a lo que podría valorar su imagen de alta prioridad. Además, tenga en cuenta las diferencias culturales (por ejemplo, los vestidos de novia de Europa occidental suelen ser completamente blancos, mientras que las túnicas blancas simbolizan la muerte y el funeral en la India y es posible que no resuenen con esta audiencia tan emocionalmente). Si bien esto puede significar más trabajo para su equipo de UX, recuerde que para servir a una audiencia global, debe reflejar la belleza en un contexto global y contar historias globales.

Conclusión

La usabilidad es tanto un arte como una ciencia. Si bien la ciencia cognitiva y del comportamiento dicta muchos principios de usabilidad, la estética juega un papel importante e influye en la percepción y la memoria de sus diseños. El minimalismo va mucho más allá de las apariencias o las tendencias: maximiza la utilidad y la usabilidad al permitir que las personas encuentren lo que necesitan, cuando lo necesitan. Finalmente, una imagen puede decir mil palabras … pero solo si es una imagen útil.

Recomendaciones

^uno Don Norman, Diseño emocional: por qué amamos (u odiamos) las actividades cotidianas (libro)

² Ingrid Fetell Lee, Joyful: Amazing Power cosas ordinarias para crear una felicidad extraordinaria