5.2 : Identificación de elementos significativos: resumen con ejemplos
Ayude a los usuarios a identificar los elementos significativos en sus pantallas empleando los principios Gestalt de organización perceptiva.
Si el usuario no puede encontrar los elementos de un sitio web que sean relevantes para sus propósitos y objetivos actuales en cuestión de segundos, simplemente irá a otro sitio web. Por esta razón, es vital que los diseñadores organicen sus visualizaciones web de modo que el usuario no tenga ninguna duda sobre dónde están los elementos importantes y significativos y que estén disponibles cuando los necesite. Es necesario comprender los muchos sesgos perceptivos que ayudan al procesamiento visual. Los principios de la Gestalt de organización perceptiva nos brindan una lista de consideraciones al analizar la efectividad de nuestros diseños. Ahora veremos algunas características de diseño web existentes que ejemplifican las leyes de la Gestalt y describiremos cómo se adaptan a uno de los sesgos perceptuales de la percepción visual humana.
Ejemplo A
Identificación de elementos significativos con la distinción figura / fondo– Las partes interactivas o portadoras de información de la pantalla no deben quedar enterradas dentro de la pantalla. En cambio, estos elementos útiles / utilizables deben distinguirse y estar orgullosos del resto de la pantalla, para ayudar al usuario a establecer de inmediato qué está disponible y qué puede hacer. Para dar protagonismo a los elementos significativos dentro de su pantalla, debe explotar la organización de la figura / suelo, lo que nos permite extraer y centrarnos en elementos específicos dentro de una escena visual. Como puede ver en el encabezado del sitio web de National Geographic, el fondo es negro y los elementos significativos son blancos o de otro color claro (por ejemplo, amarillo soleado). Las marcadas diferencias de color y los fondos en blanco nos ayudan a distinguir una parte de una escena visual de otra, y también permiten al usuario concentrarse en una parte particular de una pantalla con la mínima distracción. Al llegar al sitio de National Geographic, vemos inmediatamente las opciones de navegación de nivel superior y la oferta de suscripción en la esquina superior derecha. Estos son los elementos más importantes, ya que las opciones de navegación informan al usuario de dónde puede ir, y la oferta de suscripción seduce al usuario para realizar una compra (el aspecto más importante del eCommerce). Por lo tanto, la organización figura / fondo es posiblemente el principio Gestalt más importante a considerar cuando se desea ayudar a identificar elementos significativos de manera inmediata y sin dificultad al escanear la pantalla. Estos son los elementos más importantes, ya que las opciones de navegación informan al usuario de dónde puede ir, y la oferta de suscripción seduce al usuario para realizar una compra (el aspecto más importante del eCommerce). Por lo tanto, la organización figura / fondo es posiblemente el principio Gestalt más importante a considerar cuando se desea ayudar a identificar elementos significativos de manera inmediata y sin dificultad al escanear la pantalla. Estos son los elementos más importantes, ya que las opciones de navegación informan al usuario de dónde puede ir, y la oferta de suscripción seduce al usuario para realizar una compra (el aspecto más importante del eCommerce). Por lo tanto, la organización figura / fondo es posiblemente el principio Gestalt más importante a considerar cuando se desea ayudar a identificar elementos significativos de manera inmediata y sin dificultad al escanear la pantalla.
Ejemplo B
Identificar elementos significativos con la Ley de Proximidad– La proximidad es una consideración esencial al organizar todas las pantallas, pero cuando desee que el usuario identifique qué elementos merecen o requieren la mayor atención, es posible que desee disminuir la proximidad (es decir, elementos significativos de distancia), en lugar de colocarlos uno cerca del otro. Como puede ver en la oferta de Amazon, el producto se encuentra en una gran área de espacio en blanco, lo que garantiza que es probable que el usuario dirija su atención a este elemento de inmediato. Ayudar a los usuarios a identificar elementos significativos no siempre es una intención altruista; a veces querrá mejorar la apariencia de elementos que ayuden a su sitio web o negocio, que es el caso de los anuncios, a diferencia del usuario. En estas ocasiones, puede aprovechar la ley de la proximidad aumentando la distancia de un elemento significativo a otro. Sin embargo, cuando existe una relación importante entre elementos significativos, puede ser necesario acercar estos elementos. Cuando este es el caso, se requiere una comprensión de la forma en que los visitantes usarán e interactuarán con su sitio. Considere siempre las leyes de la Gestalt en combinación con sus propósitos y objetivos, y los de sus usuarios.
Ejemplo C
Identificación de elementos significativos con la Ley del Destino Común– El Comprobador de síntomas del NHS ejemplifica la ley del destino común y cómo puede adaptarse y utilizarse para ayudar a los visitantes del sitio a realizar una serie de tareas en un orden prescrito. Los elementos del sitio web no siempre son significativos al mismo tiempo. Los usuarios realizan tareas en diferentes órdenes e incluir todos los elementos a la vez puede resultar confuso y / o ralentizarlos en cada subtarea. Mediante el uso de un asistente (un patrón de diseño de interfaz de usuario en el que una tarea general se divide en una serie ordenada de subtareas), el usuario pasa por las tareas sin la distracción y la complejidad de tener todos los elementos disponibles a la vez. El usuario progresa gradualmente a través de las subtareas en una dirección (destino común), y los elementos necesarios para cada subtarea se proporcionan como y cuando sea necesario. Ordenar las tareas de esta manera asegura que los elementos significativos en cada etapa sean los únicos proporcionados. Por lo tanto, un mago representa una forma potencial de aprovechar el poder del sesgo perceptual del destino común.