01 de 10

Mente humana: mitos, realidades y tips

Frank Astorga

@FrankAstorga

Culiacán

22“Cada cabeza es un mundo”

33“Cada cabeza es un mundo”

...cada cabeza es un desmadrito bien organizado.

44

Memoria

Atención

Percepción

Comprensión

Diseño

Emoción

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

Mito: la gente prefiere las cosas “nice & sexy”

Realidad: las personas elegirán el camino menos demandante

77

Mito: El usuario es tonto

Realidad: No todos nuestros diseños son inteligentes ;-) ¿Qué quiere que haga/piense el usuario?

88Activación de la memoria¿Qué viene a su mente cuando escuchan… ?

WorkHere

UX

Culiacán

99Activació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

1010Activació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

1111

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

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

1313

http

://cd

n.eb

aum

swor

ld.c

om/m

edia

Files

/pict

ure/

7503

77/8

0704

348.

jpg

TIP: El contexto puede ayudarnos a comprender el entorno pero puede darnos malas pistas

1414

Tip: El contexto impacta la percepción

1515

Tip: los humanos solemos fijar la vista donde otros ven.

Percepción y fijación de la vista

1616

1717

1818

1919

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

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)

21Visión periféricaActividad: 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…

22Visión periféricaActividad: 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...

23Visión periféricaActividad: 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

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

Actividad12 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

Actividad: memorice todos los que pueda recordar.

& # ) ÷

% ¿ ç $

+ | ; {

Memoria

27Memoria¿Cuántas recuerdan?

2828El mágico número 7Miller: 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

2929

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

3030

Mito: Ya no se usan las etiquetas en los formulariosRealidad: a los usuarios se les olvida el dato que deben ingresarTip: Evita colocar etiquetas dentro de los campos

3131

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

3232¿Dónde esperas ver…?

Tip: Innova sin generarle mayor carga al usuario… hazle la vida más fácil

3333¿Dónde esperas ver…?

• Logo• Buscador• Carrito de compra• Menú de navegación• Iniciar sesión

3434¿C

arri

to d

e co

mpr

as?

3535¿L

ogo?

3636¿L

ogo?

3737¿B

usca

dor?

3838¿B

usca

dor?

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 experiencia

ActividadGriten la primer palabra que venga a su mente al ver las siguientes imágenes

Diseño y emoción

4747

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

4848

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

4949

Atención y percepciónLo que percibimos está basado en

nuestras metas, contexto, experiencia y cultura

Conclusiones

Memoria y conocimientoDebemos considerar al usuario y la carga cognitiva al momento de diseñar

Lectura y comprensiónLas personas leemos cada vez

menos, seguimos algunos patrones y lo que comprendemos depende del contexto (cuando se

tiene)

Emoción y diseñoEl primer juicio de un sitio se hace en los primeros 50 milisegundos y este puede ser distinto al interactuar

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