1-1 introducción ihc
DESCRIPTION
Introducción al curso Interacción Humano y ComputadoraTRANSCRIPT
![Page 1: 1-1 Introducción IHC](https://reader034.vdocuments.co/reader034/viewer/2022052316/559d23ed1a28ab907a8b471d/html5/thumbnails/1.jpg)
LOGO
Interacción Humano-Computadora
Ponce Medellín Ismael Rafael
Agosto, 2014
![Page 2: 1-1 Introducción IHC](https://reader034.vdocuments.co/reader034/viewer/2022052316/559d23ed1a28ab907a8b471d/html5/thumbnails/2.jpg)
2
Introducción
- Interfaz que el sistema presenta al usuario y con la que interactúa.
I – Interacción
- La persona que usa el sistema y las demás personas que trabajan y se comunican con él.
H – Humano
- La máquina y la red de máquinas donde se ejecuta un sistema.
C - Computadora
![Page 3: 1-1 Introducción IHC](https://reader034.vdocuments.co/reader034/viewer/2022052316/559d23ed1a28ab907a8b471d/html5/thumbnails/3.jpg)
3
IHC
¿Qué es?
IHC es el dieño, imprementación y evaluación de interfaces de usuario.
En este curso veremos un conjunto de herramientas para poder realizar esto.
![Page 4: 1-1 Introducción IHC](https://reader034.vdocuments.co/reader034/viewer/2022052316/559d23ed1a28ab907a8b471d/html5/thumbnails/4.jpg)
4
![Page 5: 1-1 Introducción IHC](https://reader034.vdocuments.co/reader034/viewer/2022052316/559d23ed1a28ab907a8b471d/html5/thumbnails/5.jpg)
5
![Page 6: 1-1 Introducción IHC](https://reader034.vdocuments.co/reader034/viewer/2022052316/559d23ed1a28ab907a8b471d/html5/thumbnails/6.jpg)
6
![Page 7: 1-1 Introducción IHC](https://reader034.vdocuments.co/reader034/viewer/2022052316/559d23ed1a28ab907a8b471d/html5/thumbnails/7.jpg)
7
IHC
Comprender y evaluar las tecnologías
interactivas que usan las
personas.Evolución de las
interacciones, según se usan las tecnologías
Comprender al usuario, sus expectativas, necesidades, habilidades.
![Page 8: 1-1 Introducción IHC](https://reader034.vdocuments.co/reader034/viewer/2022052316/559d23ed1a28ab907a8b471d/html5/thumbnails/8.jpg)
8
![Page 9: 1-1 Introducción IHC](https://reader034.vdocuments.co/reader034/viewer/2022052316/559d23ed1a28ab907a8b471d/html5/thumbnails/9.jpg)
No centrarse solo en las características de la tecnología actual.
Se limitarían posibilidades futuras.
9
![Page 10: 1-1 Introducción IHC](https://reader034.vdocuments.co/reader034/viewer/2022052316/559d23ed1a28ab907a8b471d/html5/thumbnails/10.jpg)
¿Qué es una interfaz de usuario?
10
Conjunto de elementos con los cuales un usuario
interactúa con un objeto que realiza una determinada
tarea.
El ser humano interactúa con los objetos que le rodean y tiene unas expectativas de cómo deben comportarse, basado en experiencias
anteriores con ellos.
![Page 11: 1-1 Introducción IHC](https://reader034.vdocuments.co/reader034/viewer/2022052316/559d23ed1a28ab907a8b471d/html5/thumbnails/11.jpg)
11
Interfaz de usuario
Modelos de Modelos de interfaz de interfaz de
usuariousuario
Usuario
Programador
Diseñador
Tiene su propia forma de ver las cosasEspera un comportamiento predecible. Son de gran importancia las metáforas.
![Page 12: 1-1 Introducción IHC](https://reader034.vdocuments.co/reader034/viewer/2022052316/559d23ed1a28ab907a8b471d/html5/thumbnails/12.jpg)
Interfaz de usuario
12
1. Permitir al usuario interrumpir su tarea y continuarla más tarde.
2. Utilizar mensajes y textos descriptivos.
3. Permitir deshacer.
4. Permitir una cómoda navegación y una fácil salida del mismo.
5. Permitir distintos niveles de uso según niveles de experiencia.
6. Hacer transparente la interfaz del usuario.
Características esperadas:
El usuario debe sentir que tieneel control del sistema.
![Page 13: 1-1 Introducción IHC](https://reader034.vdocuments.co/reader034/viewer/2022052316/559d23ed1a28ab907a8b471d/html5/thumbnails/13.jpg)
13
Interfaz de usuario
Reconocer antes que recordar
Asociar acciones a los objetosAsociar acciones a los objetos.
Utilizar metáforas del mundo realUtilizar metáforas del mundo real
Reutilizar conocimiento y experiencia
Mismo comportamiento en las tareas, resultados y apariencia.
Reducir carga de memoria
Consistencia
![Page 14: 1-1 Introducción IHC](https://reader034.vdocuments.co/reader034/viewer/2022052316/559d23ed1a28ab907a8b471d/html5/thumbnails/14.jpg)
14
![Page 15: 1-1 Introducción IHC](https://reader034.vdocuments.co/reader034/viewer/2022052316/559d23ed1a28ab907a8b471d/html5/thumbnails/15.jpg)
15
![Page 16: 1-1 Introducción IHC](https://reader034.vdocuments.co/reader034/viewer/2022052316/559d23ed1a28ab907a8b471d/html5/thumbnails/16.jpg)
Evolución de las interfaces
16
- Carga de memoria del usuario.- Inflexible en la sintaxis.- Para los usuarios expertos es más rápido
![Page 17: 1-1 Introducción IHC](https://reader034.vdocuments.co/reader034/viewer/2022052316/559d23ed1a28ab907a8b471d/html5/thumbnails/17.jpg)
Evolución de las interfaces
17
![Page 18: 1-1 Introducción IHC](https://reader034.vdocuments.co/reader034/viewer/2022052316/559d23ed1a28ab907a8b471d/html5/thumbnails/18.jpg)
18
![Page 19: 1-1 Introducción IHC](https://reader034.vdocuments.co/reader034/viewer/2022052316/559d23ed1a28ab907a8b471d/html5/thumbnails/19.jpg)
19
![Page 20: 1-1 Introducción IHC](https://reader034.vdocuments.co/reader034/viewer/2022052316/559d23ed1a28ab907a8b471d/html5/thumbnails/20.jpg)
20
![Page 21: 1-1 Introducción IHC](https://reader034.vdocuments.co/reader034/viewer/2022052316/559d23ed1a28ab907a8b471d/html5/thumbnails/21.jpg)
21
Para comenzar…
Al inicio
• Al comienzo del proyecto no sabemos cuál es el problema.
• ¿Qué posibilidades/soluciones podría haber?
![Page 22: 1-1 Introducción IHC](https://reader034.vdocuments.co/reader034/viewer/2022052316/559d23ed1a28ab907a8b471d/html5/thumbnails/22.jpg)
22
Diseño
El diseño del El diseño del mundo real es mundo real es
iterativo.iterativo.
Es importante centrarse en las
personas que van a usar el sistema.
Falla rápido para que puedas triunfar
pronto.
Ayuda el probar y comparar opciones.
Proceso de diseño
![Page 23: 1-1 Introducción IHC](https://reader034.vdocuments.co/reader034/viewer/2022052316/559d23ed1a28ab907a8b471d/html5/thumbnails/23.jpg)
23
Diseño
Un buen diseño• Ayuda a las personas a lograr lo que tienen que hacer.
Costos de un mal diseño
Consistencia y retroalimentación
• Vida
• Dinero
• Tiempo
• Pueden resolver problemas causados por interfaces.
![Page 24: 1-1 Introducción IHC](https://reader034.vdocuments.co/reader034/viewer/2022052316/559d23ed1a28ab907a8b471d/html5/thumbnails/24.jpg)
Diseño
10 minutos * = ???
¿al día? ¿al año?
24
![Page 25: 1-1 Introducción IHC](https://reader034.vdocuments.co/reader034/viewer/2022052316/559d23ed1a28ab907a8b471d/html5/thumbnails/25.jpg)
25
Diseño
Las mejores interfaces son
invisibles para el usuario.
Diseño de interfaces
Diseñar una buena interfaz
requiere creatividad y trabajo duro.
Pero es sencillo si se conocen algunos métodos, técnicas y principios.
![Page 26: 1-1 Introducción IHC](https://reader034.vdocuments.co/reader034/viewer/2022052316/559d23ed1a28ab907a8b471d/html5/thumbnails/26.jpg)
26
Diseño de interfaces
Las tareas y métodos de las personas son las guías del desarrollo.
Hablar con expertos.
Prestar atención a las habilidades de las personas y su situación.
Trabajar con usuarios durante todo el proceso.
Tomar decisiones desde el punto de vista del usuario, su trabajo y su entorno.
Diseñar para personas
![Page 27: 1-1 Introducción IHC](https://reader034.vdocuments.co/reader034/viewer/2022052316/559d23ed1a28ab907a8b471d/html5/thumbnails/27.jpg)
LOGO
Vive como si fueras a morir mañana. Aprende como si fueras a vivir para siempre.
– Mahatma Gandhi
![Page 28: 1-1 Introducción IHC](https://reader034.vdocuments.co/reader034/viewer/2022052316/559d23ed1a28ab907a8b471d/html5/thumbnails/28.jpg)
28
Bibliografía
Carroll John M., Human Computer Interaction - brief intro, Soegaard, Mads and Dam, Rikke Friis (eds.), "The Encyclopedia of Human-Computer Interaction, 2nd Ed.", Aarhus, Denmark: The Interaction Design Foundation, 2013. Disponible en línea http://www.interaction-design.org/encyclopedia/human_computer_interaction_hci.html. Última visita: agosto 2014.
[Norman Don, The Design of Everyday Things, Basic Books, Cambridge, 2004. Preece Jenny, Rogers Yvonne, Sharp Hellen, Interaction Design: Beyond Human Computer
Interaction, Wiley, 2002. Klemmer Scott, Human Computer Interaction, Curso en línea Coursera, Junio-Agosto, 2014.