Diseño de Interfaces de Usuario

Miguel Gea (mgea@ugr.es) Dpt. Lenguajes y Sistemas Informáticoss Grado en Ingeniería Informática Universidad de Granada http://utopolis.ugr.es/diu

edición 2013

14 Octubre 2013!http://www.slideshare.net/mgea/tema-2-los-sistemas-interactivos-el-factor-humano-2013!

Tema 2. Los Sistemas Interactivos

Arquitectura de un Sistema Interactivo Dispositivos y tareas de interacción Componentes interactivos

El Factor Humano

•  Aplicaciones de alto riesgo •  Satisfacción del usuario •  Rendimiento •  Adaptación a las habilidades humanas •  Físicas •  Cognitivas •  Sensoriales •  Personalidad •  Culturales

El Factor Humano: Importancia Tema 2. Los Sistemas Interactivos

El Factor Humano: Modelo de Decision Humano

Donald Norman

Las 7 etapas en el proceso de ejecución de una tarea.

Brecha de evaluación representa la dificultad del usuario a trasladar los mensajes visuales a su modelo mental

Brecha de ejecución: Dificulta de expresar el modelo mental en acciones.

Tema 2. Los Sistemas Interactivos

img: http://www.w3.org/People/Bos/DesignGuide/simplicity.html!

Dispositivos Salida

Dispositivos Entrada

Sensores Efectores

Almacenamiento sensorial (SM)

atención Memoria Trabajo (STM)

Memoria Largo Plazo (LTM) elaboración recuperación

recordatorio rendimiento

Humano

El modelo de procesador humano Card-Moran (1983)

El Factor Humano: Modelo Procesador Humano Tema 2. Los Sistemas Interactivos

referencia: http://www2.parc.com/istl/groups/uir/publications/items/UIR-1986-05-Card.pdf!

Computadora

Visual

Táctil

Olfativa Gusto

Auditiva

Canales de entrada de información

Concurrentes

El Factor Humano: Los Sentidos Tema 2. Los Sistemas Interactivos

Formas

Brillo

Color

Tamaños y perspectivas

Los Sentidos: Visual

"   Percepción visual

"   Interpretación

Tema 2. Los Sistemas Interactivos

Los Sentidos: Visual (Cont.)

img: http://www.chuidiang.com/varios/fotos_ingenio/image005.gif!

http://www.wikipaintings.org/en/m-c-escher/waterfall!

Los Sentidos: Visual (Cont.)

http://ilusionesopticas.wordpress.com/category/efectos-opticos/!

Tema 2. Los Sistemas Interactivos

Color Forma

Brillo

Interpretación?

Los Sentidos: Codificación Visual Tema 2. Los Sistemas Interactivos

“Conjunto de símbolos activos en un instante determinados a los que estamos prestando atención, y que por tanto podemos manipular mediante control voluntario”

•  Acceso rápido (70ms)

•  Rápida decaída (200ms)

•  Baja capacidad (7 ± 2 ítems)

Cálculo: 3 + 9 + 7 - 12 + 5 - 3 + 4 = 13

Memorizar: llamar al 603192762 extensión 325

Retención: casa, silla, tabla, mesa, palo, laca, vela, coles, seda

Memoria Sensorial

Memoria Trabajo (STM)

recordatorio

atención

Memoria de Trabajo (STM) Tema 2. Los Sistemas Interactivos

“Un éxito en la atención provoca una huella entre el ítem y el modo de acceso al mismo (chunk)”. Proceso afectado por:

•  Recentitud

•  Relaciones semánticas (asociaciones)

•  Interferencias (errores de terminación)

•  Datos disponibles (insuficientes o desbordamiento)

llamar al 603 192 762 ext. 325

Ante estas situaciones, disminuye el rendimiento del usuario

Memoria de Trabajo (STM) Tema 2. Los Sistemas Interactivos

“Es donde reside nuestro conocimiento”

•  Gran capacidad (casi ilimitada) •  Acceso más lento (0.1 s) •  Las pérdidas ocurren más lentamente

Memoria episódica

Memoria semántica

1975 1982 2000 1992 1995

Perro

Animal

Mamífero

Ladra

Odie

Memoria Trabajo (STM)

Memoria Largo Plazo (LTM)

recuperación elaboración

Memoria de Largo Plazo (LTM) Tema 2. Los Sistemas Interactivos

Procesos relacionados con esta memoria:

•  Memorización (elaboración)

•  Olvido •  Pérdida por interferencia •  Factores emocionales (pérdida selectiva)

•  Recuperación

•  Recuerdo

•  Reconocimiento

¿Pintor contemporáneo cubista nacido en Barcelona en 1893?

chunk

clave concepto

Memoria de Largo Plazo (LTM) Tema 2. Los Sistemas Interactivos

“Proceso de manipulación de la información”

•  Deductivo

•  Inductivo Generalizar a partir de un conocimiento parcial

•  Abductivo

Inferir las causas de un hecho

a → b a b

Derivar conclusiones a partir de premisas

x= prop(A) B ∈ A

x=prop(B)

a ∧ b ∧ c

d (d → a,b,c)

“Si el ordenador no responde se debe apagar”

“Todos los programas tienen opción de imprimir”

“El programa ha hecho una operación no válida”

Razonamiento Humano Tema 2. Los Sistemas Interactivos

“Comportamientos anómalos del usuario ante un estímulo”

•  Fallo en la percepción

Fatiga Monotonía

Drogas

Estrés

•  Interferencias

Por conocimientos previos

Por prioridad

Conducta estereotipo

F6

Esc

Ctr N

Ctr Alt Supr

Errores Tema 2. Los Sistemas Interactivos

Word 97: Ayuda Usuarios de WordPerfect

•  Minimizar errores por conocimientos previos •  Asociación con el nuevo conocimiento (Chunk) •  Usar la orden antigua?

Ejemplos: Interferencias Tema 2. Los Sistemas Interactivos

Mandos a distancia

Ejemplos: Interferencias

•  Volumen •  Canales •  On/Off •  Configurar

Tema 2. Los Sistemas Interactivos

•  Retención (memorización -> atajo) •  Minimizar función (p.e.buscar): distintos atajos? •  Dependiente del lenguaje?

Ejemplos: Factores culturales (idioma) Tema 2. Los Sistemas Interactivos

•  Número de botones (acceso a funciones) •  Cambio de ratón / Mac?

Ej. Interferencia conocimiento previo Tema 2. Los Sistemas Interactivos

Errores por información insuficiente Tema 2. Los Sistemas Interactivos

Errores por sobrecarga de información Tema 2. Los Sistemas Interactivos

Tarea: •  Poner la Página de inicio por defecto

Consistencia: misma tarea dif. modos Tema 2. Los Sistemas Interactivos

Consistencia: misma tarea dif. modos Tema 2. Los Sistemas Interactivos

•  Ante situaciones anómalas -> reiniciar •  Refuerzo con otros sentidos

Conducta estereotipo Tema 2. Los Sistemas Interactivos

Ante situaciones extrañas no previstas -> reiniciar?

Conducta estereotipo Tema 2. Los Sistemas Interactivos

Cómo usamos los ordenadores? Tema 2. Los Sistemas Interactivos

Cómo nos “adaptamos” a ordenadores? Tema 2. Los Sistemas Interactivos

Human error caused Massa pit blunder Ferrari team principal Stefano Domenicali reflected on a disappointing evening in Singapore for his team, the first race in 46 that Ferrari has failed to score a single point. He went on to confirm that it was the error of a mechanic which gave Massa the green light to leave the pits too early, and ruined his race.

29 September 2008

http://f1.gpupdate.net/en/news/2008/09/29/human-error-caused-massa-pit-blunder/

Cómo detectamos los estímulos? Tema 2. Los Sistemas Interactivos