UX Nights Culiacán Vol. I - Desmitificando la UX 11 de Febrero de 2016, Culiacán, Sinaloa Frank Astorga Coppel

1. 01 de 10
Mente humana: mitos, realidades y tips
Frank Astorga
@FrankAstorga
Culiacán

2. 22
“Cada cabeza es un mundo”

3. 33
“Cada cabeza es un mundo”
...cada cabeza es un desmadrito bien

4. 44
Memoria
Atención
Percepción
Comprensión
Diseño
Emoción

5. Tip: Diseñe para humanos (sus humanos), no busque humanos para sus diseños

6. Mito: la gente prefiere las cosas “nice & sexy”
Realidad: las personas elegirán el camino menos demandante

7. 77
Mito: El usuario es tonto
Realidad: No todos nuestros diseños son inteligentes ;-) ¿Qué quiere que haga/piense el
usuario?

8. 88
Activación de la memoria
¿Qué viene a su mente cuando escuchan… ?
WorkHere
UX
Culiacán

9. 99
Activación de la memoria
¿Qué viene a su mente cuando escuchan… ?
WorkHere
UX
Culiacán
Mujeres hermosas, comida deliciosa, gente
amable
Emprendimiento, coworking, paseo del
ángel
Diseño, pruebas, web, CX, analisis, usuarios
felices

10. 1010
Activación de la memoria
¿Qué viene a su mente cuando escuchan… ?
WorkHere
UX
Culiacán
Mujeres hermosas, comida deliciosa, gente
amable
Emprendimiento, coworking, paseo del
ángel
Diseño, pruebas, web, CX, analisis, usuarios
felices
UX
Nights
Culiacán

11. 1111
TIP: Agregar logotipos de marcas reconocidas a un sitio web activa en la memoria de los
visitantes prestigio y reconocimiento de marca

12. 1212
Activación de memoria y
contextoEdad, nacionalidad, nombre y ubicación:

13. 1313
http://cdn.ebaumsworld.com/mediaFiles/picture/750377/80704348.jpg
TIP: El contexto puede ayudarnos a comprender el entorno pero puede darnos malas
pistas

14. 1414
Tip: El contexto impacta la percepción

15. 1515
Tip: los humanos solemos fijar la vista donde otros ven.
Percepción y fijación de la vista

16. 1616

17. 1717

18. 1818

19. 1919
Mito: todos prestamos atención a los mismos detalles
Realidad: nuestro enfoque visual está afectado por nuestras metas, contexto, experiencia y
cultura

20. 2020
Tip 1: estudie a qué prestan atención y con qué elementos interactuán sus usuarios
Tip 2: cuidado con el HIPPO (Highest Paid Person’s Opinion)

21. 21
Visión periférica
Actividad: leer todos juntos lo más rápido posible
Para entender el valor de un año, pregúntale a algún
estudiante que repitió curso...
Para entender el valor de un mes, pregúntale a una
madre que alumbró a un bebé prematuro...
Para entender el valor de una semana, pregúntale al
editor de un semanario…

22. 22
Visión periférica
Actividad: leer todos juntos lo más rápido posible
Para entender el valor de una hora, pregúntale a los
amantes que esperan para encontrarse...
Para entender el valor de un minuto, pregúntale al
viajero que perdió el tren...

23. 23
Visión periférica
Actividad: leer todos juntos lo más rápido posible
Para entender el valor de un segundo, pregúntale a una
persona que estuvo a punto de tener un accidente...
Para entender el valor de una milésima de segundo,
pregúntale al deportista que gano una medalla de plata
en las olimpiadas…
Atesora cada momento que vivas; y ese tesoro tendrá
mucho más valor si lo compartes con alguien especial,
lo suficientemente especial como para dedicarle tu
tiempo y recuerda... el tiempo no espera por nadie".

24. 24
TIP: Las animaciones suelen distraernos. No utilizarlas en procesos críticos

25. Actividad
12 figuras parpadearán una vez en la pantalla y
permanecerán durante 2 segundos.
Veamos cuántas pueden recordar…
Pongamos a prueba nuestra
memoria

26. 26
Actividad: memorice todos los que pueda recordar.
& # ) ÷
% ¿ ç $
+ | ; {
Memoria

27. 27
Memoria
¿Cuántas recuerdan?

28. 2828
El mágico número 7
Miller: La gente puede recordar 7+/-2 trozos de información (cifras, letras, palabras), y se
desvanecen
de la memoria en unos 20 segundos
Tip: utilice pocas opciones en el menu de navegación y agrupe los elementos del footer

29. 2929
Mito: todo sitio necesita un carrusel
Realidad: se almacenan en la memoria sensorial y duran muy poco tiempo
TIP: evitar en medida de lo posible el uso de carruseles

30. 3030
Mito: Ya no se usan las etiquetas en los formularios
Realidad: a los usuarios se les olvida el dato que deben ingresar
Tip: Evita colocar etiquetas dentro de los campos

31. 3131
Mito: Tenemos que innovar y rediseñar todo nuestros sitios web
Realidad: Aprender requiere tiempo y atención. Se vale innovar pero…

32. 3232
¿Dónde esperas ver…?
Tip: Innova sin generarle mayor carga al usuario… hazle la vida más fácil

33. 3333
¿Dónde esperas ver…?
• Logo
• Buscador
• Carrito de compra
• Menú de navegación
• Iniciar sesión

34. 3434¿Carritodecompras?

35. 3535
¿Logo?

36. 3636
¿Logo?

37. 3737¿Buscador?

38. 3838¿Buscador?
Tip: No inventen el hilo negro, cambiémosle el color siguiendo estándares de
diseño
Tip: Si el usuario ya aprendió y practicó en otros sitios web, aprovechemos su

39. Actividad
Griten la primer palabra que venga a su
mente al ver las siguientes imágenes
Diseño y emoción

47. 4747
¿Qué tiene que ver todo esto con
el diseño y la emoción?

48. 4848
Tip: En los primeros 50ms los usuarios crean un juicio de su sitio (correcto o
incorrecto)

49. 4949
Atención y percepción
Lo que percibimos está basado en
nuestras metas, contexto, experiencia
y cultura
Conclusiones
Memoria y conocimiento
Debemos considerar al usuario y la
carga cognitiva al momento de
diseñar
Lectura y comprensión
Las personas leemos cada vez menos,
seguimos algunos patrones y lo que
comprendemos depende del contexto
(cuando se tiene)
Emoción y diseño
El primer juicio de un sitio se hace en
los primeros 50 milisegundos y este
puede ser distinto al interactuar

50. 01 de 10
¡ Muchas gracias por su atención !
Frank Astorga
@FrankAstorga
Culiacán
“La mente es igual a un paracaídas,
sólo funciona si se abre”
Albert Einstein