ACTIVIDAD 3

ejemplos de los principios de gestalt, las leyes de UX y los principios de usabilidad y heuristica

YERSON ANDRES VARGAS ORTEGA

Código 16132054

DOCENTE: ING. MARIETH MARIA PERPIÑAN ARAUJO

UNIVERSIDAD DE SANTANDER UDES CAMPUS CUCUTA

2021
Principios de Gestalt

1. Ley de Pragnanz, pregnancia o de la buena forma

Acomodamos nuestra mente para ver un perro solo queremos ver eso.

 2. Ley de figura-fondo

Muy difícil visualizar dos cosas a la vez

3. Ley de la proximidad
Vemos por bloques no por unidad
4. Ley de la similitud

Vemos todos los elementos iguales.

5. Ley de destino común
Vemos un grupo como conjunto o individuo cuando van a alguna dirección

6.Ley de buena continuació

Vemos que una imagen que le falta continuidad al saber que es nuestra mente procesa lo que
sigue o le falta.
LEYES de UX

puedes usar la Ley de Fitts para ralentizar las decisiones.

Ley de Hick 

Destacar una sola acción, reduciendo otras posibles opciones.

Esto suele verse muy claro por ejemplo en las landings pages, en las que la opción que más
interesa para la web, es la que más llama la atención. 

Sugerencias personales según tu perfil.

Spotify sugiere otros artistas relacionados según tus gustos y lo que estás escuchando, lo que
fomenta la interacción del usuario y le descubre nuevo contenido de interés.

Ley de Jakob

ejemplos de cómo se respeta la Ley de Jakob en los principales retailers de moda: Asos, Zara y
H&M.

Asos

Asos apuesta por unas fotos en miniatura en la columna izquierda, una foto de gran tamaño en
la central y en la columna derecha, la información básica para la compra.
Ficha de producto de AsosLey de MIller 

Zara
La marca referencia de Inditex apuesta por una gran foto que ocupa más de la mitad de la
pantalla y en la columna derecha, la información básica para la compra.

H&M
H&M muestra dos fotos grandes a dos columnas, y la tercera columna la deja para la
información de compra.
Es evidente que las tres marcas utilizan un patrón similar. No es idéntico, pero sí muy parecido;
para que el usuario no tenga que memorizar nada nuevo.

Ley de Miller

ejemplos de cómo plataformas con gran cantidad de contenido reducen entre 5 y 9 los ítems
de su menú, para no aumentar la carga cognitiva del usuario.

Facebook
La red social de Mark Zuckerberg, que tiene un volumen de contenido abismal, lo clasifica en
su menú superior con con 8 elementos (7+1): Acceso al perfil, al inicio, a crear una página o
grupo, a las solicitudes de amistad, al Facebook Messenger, a las notificaciones, a la ayuda y
una flecha que da acceso a otras opciones.
Visibilidad del estado del sistema

El sistema (web, app o cualquier otro producto digital) debe siempre mantener informado al
usuario de lo que está ocurriendo.
Ejemplo: al subir un archivo a Google Drive, el sistema nos indica que se está cargando y el
tiempo restante.

Relación entre el sistema y el mundo real

El sitio web o aplicación tiene que utilizar el lenguaje del usuario, con expresiones y palabras
que le resulten familiares. Además la información debe aparecer en un orden lógico y natural.
Ejemplo: en la página 404 de Lego, el mensaje es “página no encontrada”. El usuario no tiene
por qué saber qué significa el error 404.
Control y libertad del usuario

En caso de elegir alguna opción del sitio web por error, el usuario agradecerá disponer de una
“salida de emergencia” para abandonar el estado no deseado en que se halla. Debe poder
deshacer o repetir una acción previamente realizada.
Ejemplo: En Gmail cuando envías un correo a la papelera te da la opción de deshacer la acción.

Consistencia y estándares

Es importante establecer convenciones lógicas y mantenerlas siempre. El usuario no tiene por

qué saber que diferentes palabras, situaciones o acciones significan lo mismo.
Ejemplo: un estándar de un sitio web es la situación del logo en la cabecera, en la parte
superior izquierda de la página. El icono de menú en móvil (llamado menú hamburguesa)
también se ha convertido en un estándar y el usuario lo identifica fácilmente.

Prevención de errores

Ayuda al usuario a que no caiga en un error.

Ejemplo: Los buscadores proporcionan asistencia a los usuarios para que encuentren lo que
están buscando, con la función autocompletar o con la alternativa de resultados .
Reconocimiento antes que recuerdo

Debemos hacer visibles acciones y opciones para que el usuario no tenga que recordar
información entre distintas secciones o partes del sitio web o aplicación. 
Ejemplo: los enlaces auxiliares de una home que incluyen texto más icono para reforzar el
mensaje. 

Flexibilidad y eficiencia de uso

Los aceleradores o atajos de teclado, por ejemplo, pueden hacer más rápida la interacción
para usuarios expertos, de tal forma que el sitio web o aplicación sea útil tanto para usuarios
básicos como avanzados.
Ejemplo: MS Exchange ofrece al usuario una configuración avanzada
Estética y diseño minimalista

Las páginas no deben contener información innecesaria. Cada información extra compite con
la información relevante y disminuye su visibilidad.
Ejemplo: la tendencia del diseño actual en la web. Apple, el adalid del minimalismo.

https://welcometoux.com/leyes-ux/la-ley-de-jakob-leyes-de-ux/amp/