"Una gallina y un cerdo paseaban por la carretera.

La gallina dijo al cerdo: 'Quieres

abrir un restaurante conmigo'. El cerdo consideró la propuesta y respondió: 'Sí, me
gustaría. ¿Y cómo lo llamaríamos?'. La gallina respondió: “Huevos con tocinetas”. El
cerdo se detuvo, hizo una pausa y contestó: “Pensándolo mejor, creo que no voy a
abrir un restaurante contigo”.
 *Diseño de Interfaces
Humano-Computador

* Adaptado de Asociación de Interacción Persona-Ordenador (AIPO) http://www.aipo.es/

 Objetivo:
Valorar la importancia
de la interfaz de usuario
y aprender a construir
interfaces usables
¿Qué importancia tiene
la interfaz de usuario?
Veamos qué opinan
algunos usuarios…
“Una mala interfaz
me costó el título”
Lewis Hamilton, piloto de F1
“Una interfaz confusa
me costó la Presidencia”
Al Gore, “Yo fui el próximo presidente de los EEUU”
“La complejidad de la interfaz del centro
de control nos pudo costar la vida”
Unos 60 pasajeros de la línea 3 del metro de Barcelona
 Conclusión:
la interfaz SI importa,
y mucho
Algunos lo han tenido muy claro
desde el principio
¿Cómo debe ser una
buena interfaz?
Ésta es una buena interfaz
Esta también es una buena interfaz
Y ésta
¡Estas NO son buenas interfaces!
Y estas, definitivamente, tampoco
 Una interfaz debe ser
usable y accesible.
Para ello debe ser creada
por y para los usuarios
 Debemos aprender a
diseñar interfaces
pensando en los usuarios
 La disciplina que se
encarga de esto es la
Interacción
Humano-Computador
 Nube de etiquetas de IHC

accesibilidad computación ubicua directriz discapacidad

diseño gráfico diseño universal dispositivos estándar estilo
evaluación guía de estilo humano ingeniería interacción
interfaz internacionalización localización memoria metáfora
modelo mental computador invisible paradigma
percepción principio prototipo realidad aumentada realidad virtual

tarea usabilidad uso del color usuario

 Usabilidad
Accesibilidad Evaluación

Diseño Centrado en el Usuario

Interacción Humano-Computador
Aumentar las destrezas en el área de construcción y
evaluación de interfaces, aplicando:
• principios, lineamientos, estándares adecuados al
usuario;
• reusando y creando patrones de interacción
apropiados al dominio de conocimiento, que sirvan de
lenguaje de comunicación y facilite el proceso de
construcción;
• diseñando y construyendo prototipos donde se integre
el proceso de construcción de la interfaz con el
desarrollo de la aplicación y;
• aplicando técnicas de usabilidad para garantizar que la
interfaz sea usable y accesible.
 Interacción
Humano-
Computador
Contenido
Aspectos generales en IHC
El factores humano y Software Interactivo
Modelos de Interfaces de Usuario:
la Metáfora de Interacción
Modelo, Principios, Lineamientos y
Estándares
Usabilidad
Diseño de Interfaces de Usuario
Técnicas de Interacción
Nuevas tendencias
 Referencias Bibliográficas
Libros
Mandel, T. The Elements of User Interface Desing. Wiley Computer Publishing, 1997
Preece, J.; Roger, Y.; Sharp, H.; Benyon, D.; Holland, S.; Cary, T. Human-Computer Interaction.
Adison-Wesley,1994
Shneiderman, B. Designing The User Interface. Third Edition, Addison-Wesley 1998
Norman, D. The Design of Everyday Things, Doubleday, USA, 1988
Preece, J. Interaction Design. Beyond human-computer interaction. Jhon Wiley & Sons. 2002
Shneiderman, B.; Plaisant, C. Diseño de Interfaces de Usuario: Estrategias para una Interacción
Persona Computador Efectiva. Cuarta Edición. Addinson Wesley, 2006
Nielsen, J.; Loranger, H. Usabilidad Prioridad en el Diseño Web. Ediciones Anaya Multimedia.
España, 2007
McIntire, P. Técnicas Innovadoras en Diseño Web. Ediciones Anaya Multimedia. España, 2009

Libros electrónicos
Interaction Design: Beyond Human-Computer Interaction. http://www.id-book.com/index.php
(libro de Rogers, Sharp y Preece)
Asociación Interacción Persona-Ordenador:
http://www.aipo.es/libro/libroe.php
(libro editado por Jesús Lorés)
 Referencias Bibliográficas
Portales
Human-Computer Interface: http://www.usernomics.com/hci.html
University of Calgary -- Computer Science Home Page: http://www.cpsc.ucalgary.ca/
UMCP Department of Computer Science: http://www.cs.umd.edu/
HCI at Stanford: http://hci.stanford.edu/
Virginia Teach CS 3724 Spring 99 : http://ei.cs.vt.edu/~cs3724/
Colección de Patrones de Interacción: www.welie.com
Usabilidad para todos. http://usalo.es/117/usabilidad-para-principiantes/
Asociación Interacción Persona-Ordenador (AIPO):
Usable Web (786 links about web usability): http://www.usableweb.com/
Página Web de Jakob Nielsen http://www.useit.com
¿Comenzamos?