Presentación de PowerPointhci-collab.com/wp-content/uploads/2018/12/Webinar_JosepMaJunoy… · El...
22
Red Colaborativa para soportar los procesos de enseñanza-aprendizaje en el área de Interacción Humano - Computador a nivel Iberoamericano UN AÑO DE WEBINARS SOBRE HCI EN ESPAÑOL Modelo mental e Imagen del sistema Conceptos clave en el diseño de interfaces de usuario
Transcript of Presentación de PowerPointhci-collab.com/wp-content/uploads/2018/12/Webinar_JosepMaJunoy… · El...
Red Colaborativa para soportar los procesos
de enseñanza-aprendizaje en el área de
Interacción Humano - Computador a nivel
Iberoamericano
UN AÑO DE WEBINARS SOBRE HCI EN ESPAÑOL
Modelo mental eImagen del sistema
Conceptos clave en el diseño de interfaces de usuario
Modelo mental e Imagen del sistema, por Josep M. Junoy 2
Modelo mental
Modelo mental e Imagen del sistema, por Josep M. Junoy 3
Características relevantes
Modelo mental
Modelo mental e Imagen del sistema, por Josep M. Junoy 4
Diseño Uso
Modelo conceptual del diseñador
Imagen del sistema
Modelo mental del usuario
Imagen del sistema
Modelo mental, Modelo conceptual e Imagen del sistema
Modelo mental
Modelo mental e Imagen del sistema, por Josep M. Junoy 5
Modelo mental
El Modelo conceptual determina la Imagen del sistema
Metro de Londres
Sólo líneas:
• Horizontales
• Verticales
• A 45 grados
Líneas a escala geográfica
Mapa de Harry Beck(1931)
Modelo mental e Imagen del sistema, por Josep M. Junoy 6
¿Por qué es importante el Modelo mental?
La usabilidad se basa en la coincidencia entre:
el Modelo mental del usuario
el Modelo conceptual del diseñador
Modelo mental
Modelo mental e Imagen del sistema, por Josep M. Junoy 7
Modelo mental
Diseñar consiste en:
1. Comprender el Modelo mental del usuario
2. Diseñar un Modelo conceptual que encaje en el Modelo mental del usuario
Si no coinciden, el sistema será difícil de:
usar
aprender
Modelo mental e Imagen del sistema, por Josep M. Junoy 8
Modelo mental
¿Cómo debemodelar un diseñador?
Modelo mental e Imagen del sistema, por Josep M. Junoy 9
Modelo mental
¿Qué modelo mental se ha implementado: el del usuario o
el del diseñador?
Sentencia judicial
Cabina de un avión
Código identificativo de las carreteras
Modelo mental e Imagen del sistema, por Josep M. Junoy 10
Modelo conceptual del diseñador
Imagen del sistema
Modelo mental del usuario
Modelo mental
Problemas al confeccionar un Modelo mental
Fragmentado Incorrecto
Modelo mental e Imagen del sistema, por Josep M. Junoy 11
Modelo mental
Cómo solucionar los desajustes del Modelo mental
Ajustar el Modelo conceptual al Modelo mental del usuario
Mejorar el Modelo mental del usuario
Modelo mental e Imagen del sistema, por Josep M. Junoy 12
¿Cómo construye el usuario su Modelo mental?
A. Partes visibles del dispositivo
B. Experiencias con sistemas y situaciones similares
C. Prestaciones (affordances): posibilidades de acción percibidas por el usuario
D. Limitaciones: todo aquello que el sistema no le deja hacer al usuario
E. Mapeo: la relación entre las acciones del usuario y los resultados que obtiene
Modelo mental e Imagen del sistema, por Josep M. Junoy 13
¿Cómo construye el usuario su Modelo mental?
A. Partes visibles del sistema
¿Observáis algoespecial en esta
imagen?
Modelo mental e Imagen del sistema, por Josep M. Junoy 14
¿Cómo construye el usuario su Modelo mental?
B. Experiencias con sistemas y situaciones similares
Modelo mental e Imagen del sistema, por Josep M. Junoy 15
¿Cómo construye el usuario su Modelo mental?
Qué nos invita a hacer el objeto con él:
Su función
Cómo usarlo
Está condicionado por:
Relación entre forma y función
Contexto
Punto de vista del usuario
C. Prestaciones (affordances)
16
¿Cómo construye el usuario su Modelo mental?
Ejemplo de prestaciones
Estoy trabajando
Estoy disponible
Puedes“clicar”
Puedes moverlo
Modelo mental e Imagen del sistema, por Josep M. Junoy
Modelo mental e Imagen del sistema, por Josep M. Junoy 17
¿Cómo construye el usuario su Modelo mental?
D. Limitaciones
Toda acción que el sistema impide realizar
Física: tamaño, forma, …
Semántica
Cultural
Lógica
Tiq
uetde p
árq
uin
g
OK Incorrecto
18
¿Cómo construye el usuario su Modelo mental?
Ejemplo de buen diseño a base de limitaciones
Física
Semántica
Cultural
Lógica:• usar todas la piezas• sin huecos• …
Modelo mental e Imagen del sistema, por Josep M. Junoy
Modelo mental e Imagen del sistema, por Josep M. Junoy 19
¿Cómo construye el usuario su Modelo mental?
E. Mapeo
La relación entre:
el control y su función
la acción y su resultado
OK
Incorrecto
Modelo mental e Imagen del sistema, por Josep M. Junoy 20
¿Cómo construye el usuario su Modelo mental?
Condiciones de un buen Modelo mental
Mostrar cómo funciona el sistema
Coherencia entre las acciones que se pueden realizar y los resultados obtenidos
Mostrar el estado actual del sistema
Modelo mental e Imagen del sistema, por Josep M. Junoy 21
Conclusiones
Los modelos mentales son claves en el diseño de un sistema:
Pantallas
Mensajes de error
Manuales
etc.
El diseñador tiene que ponerse en el lugar del usuario
Test de usuario en voz alta
Modelo mental e Imagen del sistema, por Josep M. Junoy 22
Gracias
