Conociendo nuestra mente

y su influencia en el diseño

de interfaces de usuario Laura Cuadrado, Mayda Kurdián - K2B

objetivo acción

entender usar

aprender

evaluación

Probar que el punto medio de la hipotenusa

es equidistante de los 3 vértices de un triángulo rectángulo

A

B

C

A

B

C

muy rápido

sin esfuerzo

sin concentración

muy confiable

muy lento

mucho esfuerzo

concentración

poco confiable

A

B

C

muy rápido

sin esfuerzo

sin concentración

muy confiable

muy lento

mucho esfuerzo

concentración

poco confiable

Los procesos cognitivos un esquema más simple de la mente

memoria

de trabajo

atención

percepción

Los procesos cognitivos un esquema más simple de la mente

memoria

de trabajo

memoria de

largo plazo

atención

percepción recordar

guardar

Los procesos cognitivos un esquema más simple de la mente

memoria

de trabajo

memoria de

largo plazo

atención

percepción

pensamiento

recordar

guardar

La mayoría de las veces hacemos lo que hacemos la mayoría de las veces

Escanear Reconocer

Pensar

Leer Recordar

Principios de usabilidad

Claridad Retroalimentación Eficiencia Tolerancia Estética Modelo conceptual

1. Modelo conceptual

Claridad Retroalimentación Eficiencia Tolerancia Estética Modelo conceptual

Claridad Retroalimentación Eficiencia Tolerancia Estética Modelo conceptual

MODELO CONCEPTUAL

modelo mental

Claridad Retroalimentación Eficiencia Tolerancia Estética Modelo conceptual

MODELO CONCEPTUAL

modelo conceptual

Claridad Retroalimentación Eficiencia Tolerancia Estética Modelo conceptual

MODELO CONCEPTUAL

MODELO CONCEPTUAL

modelo

conceptual

modelo mental

Claridad Retroalimentación Eficiencia Tolerancia Estética Modelo conceptual

2. Claridad

intención

simplicidad

estructura

coherencia

affordance &

restricciones

Claridad Retroalimentación Eficiencia Tolerancia Estética Modelo conceptual

intención objetivo

intención

CLARIDAD

Claridad Retroalimentación Eficiencia Tolerancia Estética Modelo conceptual

intención

CLARIDAD

Claridad Retroalimentación Eficiencia Tolerancia Estética Modelo conceptual

simplicidad

NECESARIO

TODO

SOLO

MOMENTO

CLARIDAD

Claridad Retroalimentación Eficiencia Tolerancia Estética Modelo conceptual

ESCANEAR

simplicidad

CLARIDAD

Claridad Retroalimentación Eficiencia Tolerancia Estética Modelo conceptual

CLARIDAD

estructura agrupación

Claridad Retroalimentación Eficiencia Tolerancia Estética Modelo conceptual

coherencia

CLARIDAD

Claridad Retroalimentación Eficiencia Tolerancia Estética Modelo conceptual

affordance & restricciones

CLARIDAD

Claridad Retroalimentación Eficiencia Tolerancia Estética Modelo conceptual

affordance & restricciones

CLARIDAD

Claridad Retroalimentación Eficiencia Tolerancia Estética Modelo conceptual

3. Retroalimentación

Claridad Retroalimentación Eficiencia Tolerancia Estética Modelo conceptual

RETROALIMENTACIÓN

Claridad Retroalimentación Eficiencia Tolerancia Estética Modelo conceptual

RETROALIMENTACIÓN

Claridad Retroalimentación Eficiencia Tolerancia Estética Modelo conceptual

4. Eficiencia

Claridad Retroalimentación Eficiencia Tolerancia Estética Modelo conceptual

EFICIENCIA

Claridad Retroalimentación Eficiencia Tolerancia Estética Modelo conceptual

Tiempo Costo

Tiempo Costo

EFICIENCIA

Claridad Retroalimentación Eficiencia Tolerancia Estética Modelo conceptual

5. Tolerancia

Claridad Retroalimentación Eficiencia Tolerancia Estética Modelo conceptual

“Errar es humano, perdonar es divino”

TOLERANCIA

Claridad Retroalimentación Eficiencia Tolerancia Estética Modelo conceptual

TOLERANCIA

Lo mejor:

Pero…

Claridad Retroalimentación Eficiencia Tolerancia Estética Modelo conceptual

ningún mensaje de error

TOLERANCIA

Lo mejor:

Pero…

Claridad Retroalimentación Eficiencia Tolerancia Estética Modelo conceptual

ningún mensaje de error

acción error

solución

“Ha ingresado un pago con fecha anterior a la factura.

Verifique la fecha de pago y vuelva a ingresarlo”

6. Estética

Claridad Retroalimentación Eficiencia Tolerancia Estética Modelo conceptual

Claridad Retroalimentación Eficiencia Tolerancia Estética Modelo conceptual

ESTETICA

PCExpertos

ESTETICA

Claridad Retroalimentación Eficiencia Tolerancia Estética Modelo conceptual

ESTETICA

Claridad Retroalimentación Eficiencia Tolerancia Estética Modelo conceptual

PCExpertos

HOY: 10%

MENOS!!!

“No hay una segunda oportunidad

para una primera impresión” Oscar Wilde

ESTETICA

Claridad Retroalimentación Eficiencia Tolerancia Estética Modelo conceptual

los mejores diseños de interfaz

de usuario son invisibles

Laura Cuadrado - Mayda Kurdián