0. Introducción

Partiendo de las leyes de percepción más relevantes analizaremos mediante ejemplos el grado de cumplimiento (incumplimiento) de las mismas:

1. Ley de Fitts
2. Ley de Hick
3. Similitud
4. Metáfora
5. Disonancia cognitiva
6. Modelo mental

 

1.  Ley de Fitts

1.1. Descripción de Ley de Fitts

El tiempo necesario para desplazarse hasta un elemento depende del tamaño del elemento y de la distancia hasta este.

1.2. Ejemplo: Imágenes, dispositivo, interfaz, contexto de la interacción

En la página de Amazon cuando se ha de introducir el País asociado a una dirección, encontramos menus «dropdown» con un gran número de elementos que, por lo general, suele requerir de un tiempo considerable del usuario para encontrar el país deseado.

1.3. Ley de Fitts: ¿cumplimiento o incumplimiento?

En este caso la Ley de Fitts se prueba cierta porque no se ha tenido en cuenta en el diseño.

 

2.  Ley de Hick

2.1. Descripción de Ley de Hick

El tiempo que tardamos en tomar una decisión aumenta en relación directa con el número de alternativas disponibles: a más alternativas, mayor tiempo

2.2. Ejemplo: Imágenes, dispositivo, interfaz, contexto de la interacción

La página en contexto es la landing page de la web oficial del IAAP (Instituto Andaluz de la Administración Pública). En concreto pueden verse un gran número de elementos que dificultan al usuario alcanzar su objetivo, lo cual se ve empeorado por la falta de un menú navegador.

2.3. Ley de Hick: ¿cumplimiento o incumplimiento?

Incumplimiento

 

3.  Similitud

3.1. Descripción de Ley de Similitud

Los elementos que son similares son percibidos como relacionados, frente a los elementos que son diferentes.

3.2. Ejemplo: Imágenes, dispositivo, interfaz, contexto de la interacción

El calendario de  Google, muestra todos los días del mismo mes con el mismo formato, excepto el día actual (según la foto 20 de Octubre). Además, los días de los meses diferentes aparecen con un formato diferente a los días del mes en curso.

3.3. Ley de Similitud: ¿cumplimiento o incumplimiento?

Cumplimiento

 

4.  Metáfora

4.1. Descripción de la Metáfora

Uso de una analogía para hacer referencia a un concepto.

4.2. Ejemplo: Imágenes, dispositivo, interfaz, contexto de la interacción

El uso de metáforas está especialmente extendido en la iconografía. En este caso podemos ver en la página de eBay los iconos de una campana y del carrito de la compra, simbolizando las alertas al usuario y el listado de elementos que el usuario se dispone a comprar respectivamente.

4.3. Metáfora: ¿cumplimiento o incumplimiento?

Cumplimiento

 

5.  Disonancia cognitiva

5.1. Descripción de la Disonancia Cognitiva

Cuando no hay una coherencia entre los pensamientos, las creencias o las actitudes se trata de una disonancia, que resulta en una experiencia desagradable o molesta.

5.2. Ejemplo: Imágenes, dispositivo, interfaz, contexto de la interacción

En este ejemplo podemos ver el empaquetado de los yogures Danacol, unos yogures que aclaman reducir el colesterol. Para hacer más potente el mensaje, el envase incluye una imagen que representa una fuerza que arrasa por un conducto, quitando toda suciedad. Esto el usuario lo relaciona con la reducción de colesterol, produciendo una sensación de alivio.

5.3. Disonancia Cognitiva: ¿cumplimiento o incumplimiento?

Cumplimiento.

 

6.  Modelo Mental

6.1. Descripción del Modelo Mental

Modelos conceptuales que tenemos las personas sobre cómo funciona el mundo que nos rodea.

6.2. Ejemplo: Imágenes, dispositivo, interfaz, contexto de la interacción

En este ejemplo podemos ver el logotipo de una consultoría de servicios psicológicos. En este caso, a pesar de no estar perfectamente delimitado, es fácil reconocer que el icono que acompaña a este logotipo representa un cerebro.

6.3. Modelo Mental: ¿cumplimiento o incumplimiento?

Cumplimiento

 

Bibliografía

• https://www.nosolousabilidad.com/manual/1htm
• https://www.nngroup.com/articles/usability-101-introduction-to-usability/
• http://quadern-usabilitat.recursos.uoc.edu/es/
• https://medium.com/adalab/the-importance-of-usability-10e9871a16d8
• https://www.nngroup.com/videos/principles-human-centered-design-don-norman/
• https://blog.prototypr.io/how-spotifys-website-ux-has-changed-2006-to-2016-ff981fe3b0a3
• https://www.torresburriel.com/weblog/2018/01/25/error-humano-mal-diseno/
• https://www.interaction-design.org/literature/article/fitts-s-law-the-importance-of-size-and-distance-in-ui-design
• https://www.interaction-design.org/literature/article/hick-s-law-making-the-choice-easier-for-users
• https://www.interaction-design.org/literature/topics/hick-s-law
• https://thenextweb.com/news/how-to-create-visual-relationships-with-contrast-similarity
• https://blog.tubikstudio.com/gestalt-theory-for-efficient-ux-principle-of-similarity/
• https://www.smashingmagazine.com/2011/10/design-with-dissonance/