Lección 1 de 0
En Progreso

5.3 : Elementos distintivos: resumen con ejemplos

2 octubre, 2023

Hay muchas ocasiones en las que es de suma importancia que los usuarios puedan distinguir elementos dentro de las pantallas web. Los ejemplos exitosos casi siempre han demostrado una clara comprensión de cómo vemos el mundo.

Las leyes de la Gestalt se consideran típicamente en términos de cómo nos ayudan a agrupar elementos visuales, en lugar de cómo nos permiten distinguir elementos entre sí. Sin embargo, cada ley de la Gestalt nos presenta una regla de dos caras. Por ejemplo, cuando queremos que los elementos se vean agrupados, podemos aumentar su similitud, proximidad y simetría. Por el contrario, si no queremos que se vean agrupados podemos disminuir la similitud, la proximidad y la simetría. Por lo tanto, las leyes de la Gestalt pueden usarse tanto para aumentar la relación aparente entre elementos como para distinguirlos entre sí. Para ayudarnos a apreciar algunas de las formas en que se puede lograr esto último, veremos tres ejemplos de diseños web existentes y declararemos qué ley de la Gestalt se ha empleado.

Ejemplo A

Ayudar a los usuarios a distinguir los elementos con la ley de similitud : las imágenes en la sección de recetas de Dolmio ayudan al usuario a distinguir la receta actual de los elementos “anteriores” y “siguientes”. Los dos últimos elementos están sobre un fondo verde brillante; por el contrario, la imagen de la receta actual es una simple toma del plato. Al utilizar diferentes cualidades superficiales para los dos conjuntos de imágenes, el usuario puede distinguir los elementos de forma inconsciente e inmediata. Si todas las imágenes fueran simples instantáneas, como la receta actual, el usuario tendría que prestar atención consciente a cada imagen para determinar si están relacionadas de alguna manera o con qué conjunto de texto pertenecen. Por lo tanto, al utilizar la disimilitud, el usuario puede distinguir elementos con mayor velocidad y precisión.

Ejemplo B

Ayudando a los usuarios a distinguir artículos con la Ley de Proximidad : la página del localizador de restaurantes de Pizza Express muestra tres tiendas en el mismo panel. Si todas las imágenes y el texto se colocaran muy cerca, el usuario podría tener dificultades para distinguir un restaurante de otro. Una cosa es segura, el uso de espacios en blanco entre los tres grupos de información ayuda al usuario a distinguirlos de inmediato y pueden identificar instantáneamente qué bloque de texto corresponde a cada imagen. Por lo tanto, al aumentar la proximidad del texto a las imágenes, el usuario puede identificar agrupaciones y, al disminuir la proximidad entre estos grupos, puede distinguirlos con facilidad.

Ejemplo C

Ayudando a los usuarios a distinguir elementos con la Ley del Destino Común : el reservorio de viajes de la Estatua de la Libertad traza las diferentes ubicaciones de salida en un mapa usando pequeños íconos y flechas. Para la ubicación de salida de Nueva Jersey se usa una flecha que apunta al oeste, mientras que una flecha que mira al norte se usa para la ubicación de salida de Nueva York. Es más probable que esta diferencia se deba al espacio limitado entre las dos opciones en el mapa, pero al usar flechas direccionales diferentes, existe una diferencia perceptible al instante entre las dos que ayuda al usuario a distinguir entre las opciones. Las diferencias en la dirección y el momento en que ocurren los eventos implican que los elementos son distintos y no deben verse como uno solo o agrupados. Por lo tanto, el destino común se puede utilizar para distinguir elementos y no siempre para representar agrupaciones.