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

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

Vistas: 92
0 0
Tiempo de lectura:7 Minutos, 24 Segundos


“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 emocionaluno 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.

Captura de pantalla del sitio web HelloBar en el escritorio, que tiene un cuadro de texto grande y muy poca información contextual sobre el tema del sitio.
La página de inicio de HelloBar es extremadamente minimalista en estilo visual; sin embargo, no hay suficiente información sobre lo que hace la empresa o qué funciones están disponibles. Por tanto, si bien puede seguir la tendencia del minimalismo en el diseño, no satisface la heurística porque no contiene la información necesaria en un lugar de fácil acceso.
Captura de pantalla de la versión de escritorio de 16Personalities.com en el escritorio que muestra las pruebas personalizadas de Myers Briggs con un diseño en capas con textura.
Una evaluación en profundidad de la personalidad de Myers Briggs, 16Personalities.com tiene un estilo visual notablemente no minimalista: imágenes muy texturizadas y complejas y páginas completamente utilizables con pocos espacios en blanco. Sin embargo, satisface un enfoque heurístico para proporcionar información suficiente y solo información suficiente.

La versión móvil de 16Personalities.com es rica en información, con importantes elementos de navegación en la parte inferior de la pantalla e indicadores de progreso de baja transparencia ubicados detrás de los títulos de las secciones en la parte superior de la pantalla.
En la mayoría de los navegadores, pase el mouse sobre el video para mostrar los controles, si aún no están visibles.

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.

Captura de pantalla del sitio web de escritorio de National Geographic
El sitio web de National Geographic aprovecha los principios de escala, jerarquía visual, equilibrio, contraste y Gestalt para crear diseños estéticamente agradables y utilizables.

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.

Captura de pantalla de la aplicación de escritorio Smart Countdown Timer con diseño mínimo y
La aplicación Smart Countdown Timer tiene un “modo zen” en el que hay muy poco ruido: en estado inactivo (izquierda), el tiempo restante de la cuenta atrás es la única información disponible, pero en el estado flotante (derecha) todos los controles son visibles: un texto campo para ingresar el tiempo o duración que desea y los iconos para pausar / reanudar el temporizador, reiniciar el temporizador y bloquear el temporizador para que no se pueda editar.

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

Según una investigación de Ingrid Fetell Lee2 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)

Captura de pantalla del sitio de escritorio de AestheticsOfJoy.com: fotografía colorida de una escultura de globo del tamaño de un edificio
El sitio web de Ingrid Fetell Lee AestheticsOfJoy.com es un tesoro de fotografías adorables y efectos visuales positivos como la escultura de globo creada por Cihan Zenchirli (Geronimo).

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)

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



Happy
Happy
0
Sad
Sad
0
Excited
Excited
0
Sleepy
Sleepy
0
Angry
Angry
0
Surprise
Surprise
0
Previous post Principales noticias de diseño de la semana: 18 de enero de 2021-24 de enero de 2021
Next post Por qué la experiencia de usuario es importante para su sueño

Average Rating

5 Star
0%
4 Star
0%
3 Star
0%
2 Star
0%
1 Star
0%

Deja una respuesta