Clase 5 - 21 leyes UX (1-10)

21 Leyes de UX y Percepción

Ing. Maria Camila Samper

01 Efecto de la usabilidad estética

06 Ley de región común

Índice

02 Umbral de Doherty

07 Ley de Prägnanz

03 Ley de Fitts

08 Ley de proximidad

04 Ley de Hick

09 Ley de similitud

05 Ley de Jakob

10 Ley de conectividad uniforme

11 Ley de Miller

16 Efecto de posición serial

Índice

17 Ley de Tesler

12 La navaja de Occam

18 Efecto Vor Restorff

13 El principio de Pareto

19 Efecto de Zeigarnik

14 Ley de Parkinson

20 Ley pico y final

15 Ley de Postel

21 Efecto de gradiente de objetivo

01

Efecto de la usabilidad estética

Los usuarios a menudo perciben el diseño estéticamente agradable como un diseño más utilizable.

EJEMPLO

Web de Apple

EJEMPLO

Web de Rino and Pelle

02

Umbral de Doherty

La productividad aumenta cuando una computadora y sus usuarios interactúan a un ritmo (<400ms) que asegura que ninguno tenga que esperar al otro.

EJEMPLO

SKELETON SCREENS

03

Ley de Fitts

El tiempo para llegar a un área objetivo depende de la distancia al objetivo y del tamaño del objetivo

Web de Kickstarter

04

Ley de Hick

El tiempo que lleva tomar una decisión aumenta con el número y la complejidad de las opciones.

Imagen original de Ux en Español

05

Ley de Jakob

Los usuarios pasan la mayor parte de su tiempo en otros sitios. Esto significa que los usuarios prefieren que su sitio funcione de la misma manera que todos los demás sitios que ya conocen.

Web de Mercado Libre

Web de Aliexpress

06

Ley de región común

Principio de la Gestalt

Los elementos tienden a percibirse en grupos si comparten un área con un límite claramente definido.

App de Spotify

PERROS sanos vs perros enfermos

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim.

+ info

PERROS sanos vs perros enfermos

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim.

+ info

07

Ley de Prägnanz

Principio de la Gestalt

Las personas percibirán e interpretarán imágenes ambiguas o complejas como la forma más simple posible, porque es la interpretación la que requiere el menor esfuerzo cognitivo de nosotros.

Web de Ux en Español

Ley de Prägnanz

No hay un cuadro, pero si lo "vemos"

08

Ley de proximidad

Principio de la Gestalt

Los objetos que están cerca o próximos entre sí tienden a agruparse.

Web de Ux en español

Titular. Ut wisi enim adnostrud exercitation

Titular. Ut wisi enim ad nostrud exerci tation

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi.Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elicommodo consequat.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi.Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elicommodo consequat.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi.Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elicommodo consequat.

Consectetuer adipiscing elit I

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum

+info

Titular. Ut wisi enim ad nostrud exercitation

Titular. Ut wisi enim adnostrud exercitation

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi.Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elicommodo consequat.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi.Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elicommodo consequat.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi.Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elicommodo consequat.

Consectetuer adipiscing elit I

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum

+info

Web de Amazon

09

Ley de similitud

Principio de la Gestalt

El ojo humano tiende a percibir elementos similares en un diseño como una imagen, forma o grupo completo, incluso si esos elementos están separados.

En la gráfica el color naranja ayuda a establecer una conexión entre la provincia de Córdoba (Argentina), su superficie y su población.

Fuente: https://disenodepresentaciones.wordpress.com/2015/12/18/semejanza-la-gestalt-en-las-presentaciones/

Fuente: https://disenodepresentaciones.wordpress.com/2015/12/18/semejanza-la-gestalt-en-las-presentaciones/

10

Ley de conectividad uniforme

Principio de la Gestalt

Los elementos que están conectados visualmente se perciben más relacionados que los elementos sin conexión.

2020

1980

2000

Lorem ipsum dolor sit amet consectetuer

Lorem ipsum dolor sit amet consectetuer

Lorem ipsum dolor sit amet consectetuer

GOAL

START

1990

2010

Lorem ipsum dolor sit amet consectetuer

Lorem ipsum dolor sit amet consectetuer

Esta historia continuará...