tutorial de introducción a hci (mexihc 2016)
TRANSCRIPT
![Page 1: Tutorial de Introducción a HCI (MexIHC 2016)](https://reader031.vdocuments.co/reader031/viewer/2022020108/58a6f3c81a28abcf0e8b67a1/html5/thumbnails/1.jpg)
![Page 2: Tutorial de Introducción a HCI (MexIHC 2016)](https://reader031.vdocuments.co/reader031/viewer/2022020108/58a6f3c81a28abcf0e8b67a1/html5/thumbnails/2.jpg)
INTRODUCCIÓN A HCI
![Page 3: Tutorial de Introducción a HCI (MexIHC 2016)](https://reader031.vdocuments.co/reader031/viewer/2022020108/58a6f3c81a28abcf0e8b67a1/html5/thumbnails/3.jpg)
TODO LO QUE QUERÍA SABER DE HCI Y DE MEXIHC 2016 PERO TENÍA PENA DE PREGUNTAR …
![Page 4: Tutorial de Introducción a HCI (MexIHC 2016)](https://reader031.vdocuments.co/reader031/viewer/2022020108/58a6f3c81a28abcf0e8b67a1/html5/thumbnails/4.jpg)
1. NECESIDADES DE UN MUNDO REAL
![Page 5: Tutorial de Introducción a HCI (MexIHC 2016)](https://reader031.vdocuments.co/reader031/viewer/2022020108/58a6f3c81a28abcf0e8b67a1/html5/thumbnails/5.jpg)
5
![Page 6: Tutorial de Introducción a HCI (MexIHC 2016)](https://reader031.vdocuments.co/reader031/viewer/2022020108/58a6f3c81a28abcf0e8b67a1/html5/thumbnails/6.jpg)
6
M I S S U N I V E R S E
2 0 1 6
![Page 7: Tutorial de Introducción a HCI (MexIHC 2016)](https://reader031.vdocuments.co/reader031/viewer/2022020108/58a6f3c81a28abcf0e8b67a1/html5/thumbnails/7.jpg)
7
E L E C C I O N E S E N F L O R I D A
2 0 0 0
![Page 8: Tutorial de Introducción a HCI (MexIHC 2016)](https://reader031.vdocuments.co/reader031/viewer/2022020108/58a6f3c81a28abcf0e8b67a1/html5/thumbnails/8.jpg)
8
T E L É F O N O S P Ú B L I C O S
![Page 9: Tutorial de Introducción a HCI (MexIHC 2016)](https://reader031.vdocuments.co/reader031/viewer/2022020108/58a6f3c81a28abcf0e8b67a1/html5/thumbnails/9.jpg)
9
J O H N D E N V E R
( R I P )
![Page 10: Tutorial de Introducción a HCI (MexIHC 2016)](https://reader031.vdocuments.co/reader031/viewer/2022020108/58a6f3c81a28abcf0e8b67a1/html5/thumbnails/10.jpg)
1. NECESIDADES DE UN MUNDO REAL 2. DEFINICIONES BÁSICAS
![Page 11: Tutorial de Introducción a HCI (MexIHC 2016)](https://reader031.vdocuments.co/reader031/viewer/2022020108/58a6f3c81a28abcf0e8b67a1/html5/thumbnails/11.jpg)
C O M U N I C A C I Ó N 11
![Page 12: Tutorial de Introducción a HCI (MexIHC 2016)](https://reader031.vdocuments.co/reader031/viewer/2022020108/58a6f3c81a28abcf0e8b67a1/html5/thumbnails/12.jpg)
I N T E R A C C I Ó N12
![Page 13: Tutorial de Introducción a HCI (MexIHC 2016)](https://reader031.vdocuments.co/reader031/viewer/2022020108/58a6f3c81a28abcf0e8b67a1/html5/thumbnails/13.jpg)
¿ INTERACC IÓN?
13
![Page 14: Tutorial de Introducción a HCI (MexIHC 2016)](https://reader031.vdocuments.co/reader031/viewer/2022020108/58a6f3c81a28abcf0e8b67a1/html5/thumbnails/14.jpg)
I N T E R A C C I Ó N14
![Page 15: Tutorial de Introducción a HCI (MexIHC 2016)](https://reader031.vdocuments.co/reader031/viewer/2022020108/58a6f3c81a28abcf0e8b67a1/html5/thumbnails/15.jpg)
I N T E R FA C E , I N T E R FA Z
15
interface n 1. frontera común2. límite entre objetos3. punto de interacción4. frontera donde pasan datos
vti 1. tener o hacer frontera común2. interactuar3. servir como interface
![Page 16: Tutorial de Introducción a HCI (MexIHC 2016)](https://reader031.vdocuments.co/reader031/viewer/2022020108/58a6f3c81a28abcf0e8b67a1/html5/thumbnails/16.jpg)
16
![Page 17: Tutorial de Introducción a HCI (MexIHC 2016)](https://reader031.vdocuments.co/reader031/viewer/2022020108/58a6f3c81a28abcf0e8b67a1/html5/thumbnails/17.jpg)
U S A B I L I D A D S E G Ú N I S O
17
ISO 9126 “La usabilidad se refiere a la capacidad de un software de ser comprendido, aprendido, usado y ser atractivo para el usuario, en condiciones específicas
![Page 18: Tutorial de Introducción a HCI (MexIHC 2016)](https://reader031.vdocuments.co/reader031/viewer/2022020108/58a6f3c81a28abcf0e8b67a1/html5/thumbnails/18.jpg)
U S A B I L I D A D S E G Ú N I S O
18
ISO 9241 “Usabilidad es la efectividad, eficiencia y satisfacción con la que un producto permite alcanzar objetivos específicos a usuarios específicos en un contexto de
![Page 19: Tutorial de Introducción a HCI (MexIHC 2016)](https://reader031.vdocuments.co/reader031/viewer/2022020108/58a6f3c81a28abcf0e8b67a1/html5/thumbnails/19.jpg)
1. NECESIDADES DE UN MUNDO REAL 2. DEFINICIONES BÁSICAS 3. BREVE HISTORIA DE HCI
![Page 20: Tutorial de Introducción a HCI (MexIHC 2016)](https://reader031.vdocuments.co/reader031/viewer/2022020108/58a6f3c81a28abcf0e8b67a1/html5/thumbnails/20.jpg)
20
![Page 21: Tutorial de Introducción a HCI (MexIHC 2016)](https://reader031.vdocuments.co/reader031/viewer/2022020108/58a6f3c81a28abcf0e8b67a1/html5/thumbnails/21.jpg)
➤ Human-Computer Interaction (HCI) is an area of research and practice that emerged in the early 1980s, initially as a specialty area in computer science embracing cognitive science and human factors engineering. HCI has expanded rapidly and steadily for three decades, attracting professionals from many other disciplines and incorporating diverse concepts and approaches. To a considerable extent, HCI now aggregates a collection of semi-autonomous fields of research and practice in human-centered informatics. However, the continuing synthesis of disparate conceptions and approaches to science and practice in HCI has produced a dramatic example of how different epistemologies and paradigms can be reconciled and integrated in a vibrant and productive intellectual project.
John M Carroll (Interaction Design Foundation)
21
![Page 22: Tutorial de Introducción a HCI (MexIHC 2016)](https://reader031.vdocuments.co/reader031/viewer/2022020108/58a6f3c81a28abcf0e8b67a1/html5/thumbnails/22.jpg)
22
![Page 23: Tutorial de Introducción a HCI (MexIHC 2016)](https://reader031.vdocuments.co/reader031/viewer/2022020108/58a6f3c81a28abcf0e8b67a1/html5/thumbnails/23.jpg)
➤ Computer Science
➤ Cognitive Science
➤ cognitive psychology, artificial intelligence, linguistics, anthropology, philosophy
➤ Cognitive engineering
23
![Page 24: Tutorial de Introducción a HCI (MexIHC 2016)](https://reader031.vdocuments.co/reader031/viewer/2022020108/58a6f3c81a28abcf0e8b67a1/html5/thumbnails/24.jpg)
➤ Computer Science
➤ Cognitive Science
➤ cognitive psychology, artificial intelligence, linguistics, anthropology, philosophy
➤ Cognitive engineering
➤ Design
➤ Human Factors
➤ ergonomics, biomechanics, industrial design
➤ Ethnography
➤ Semiotics and Branding
24
![Page 25: Tutorial de Introducción a HCI (MexIHC 2016)](https://reader031.vdocuments.co/reader031/viewer/2022020108/58a6f3c81a28abcf0e8b67a1/html5/thumbnails/25.jpg)
➤ Computer Science
➤ Cognitive Science
➤ cognitive psychology, artificial intelligence, linguistics, anthropology, philosophy
➤ Cognitive engineering
➤ Design
➤ Human Factors
➤ ergonomics, biomechanics, industrial design
➤ Ethnography
➤ Semiotics and Branding
➤ Information Architecture (IA)
➤ Interaction Design (IxD)
➤ User Experience (UX)
➤ accessibility, disabled, elderly users, mobile computing, playability, etc.
25
![Page 26: Tutorial de Introducción a HCI (MexIHC 2016)](https://reader031.vdocuments.co/reader031/viewer/2022020108/58a6f3c81a28abcf0e8b67a1/html5/thumbnails/26.jpg)
1. NECESIDADES DE UN MUNDO REAL 2. DEFINICIONES BÁSICAS 3. BREVE HISTORIA DE HCI 4. MÉTODOS EN UCD
![Page 27: Tutorial de Introducción a HCI (MexIHC 2016)](https://reader031.vdocuments.co/reader031/viewer/2022020108/58a6f3c81a28abcf0e8b67a1/html5/thumbnails/27.jpg)
NORMAN & DRAPER (1986)
DISEÑO CENTRADO AL USUARIO (UCD)
![Page 28: Tutorial de Introducción a HCI (MexIHC 2016)](https://reader031.vdocuments.co/reader031/viewer/2022020108/58a6f3c81a28abcf0e8b67a1/html5/thumbnails/28.jpg)
U S E R C E N T E R E D D E S I G N ( U C D )
diseño
prototiposevaluación
feedback
Usuario
![Page 29: Tutorial de Introducción a HCI (MexIHC 2016)](https://reader031.vdocuments.co/reader031/viewer/2022020108/58a6f3c81a28abcf0e8b67a1/html5/thumbnails/29.jpg)
1. NECESIDADES DE UN MUNDO REAL 2. DEFINICIONES BÁSICAS 3. BREVE HISTORIA DE HCI 4. MÉTODOS EN UCD 5. USABILIDAD, UX
![Page 30: Tutorial de Introducción a HCI (MexIHC 2016)](https://reader031.vdocuments.co/reader031/viewer/2022020108/58a6f3c81a28abcf0e8b67a1/html5/thumbnails/30.jpg)
“USABILIDAD ES LA EFECTIVIDAD, EFICIENCIA Y SATISFACCIÓN CON LA QUE UN PRODUCTO PERMITE ALCANZAR OBJETIVOS ESPECÍFICOS A USUARIOS ESPECÍFICOS EN UN CONTEXTO DE USO ESPECÍFICO”
ISO 9241
![Page 31: Tutorial de Introducción a HCI (MexIHC 2016)](https://reader031.vdocuments.co/reader031/viewer/2022020108/58a6f3c81a28abcf0e8b67a1/html5/thumbnails/31.jpg)
“EXPERIENCIA DE USUARIO SE REFIERE A TODOS LOS ASPECTOS DE LA INTERACCIÓN DEL USUARIO FINAL CON LA COMPAÑÍA, SUS SERVICIOS Y SUS PRODUCTOS”
Nielsen Norman Group
![Page 32: Tutorial de Introducción a HCI (MexIHC 2016)](https://reader031.vdocuments.co/reader031/viewer/2022020108/58a6f3c81a28abcf0e8b67a1/html5/thumbnails/32.jpg)
USER CENTERED DESIGN (UCD)
![Page 33: Tutorial de Introducción a HCI (MexIHC 2016)](https://reader031.vdocuments.co/reader031/viewer/2022020108/58a6f3c81a28abcf0e8b67a1/html5/thumbnails/33.jpg)
USER EXPERIENCE (UX)
![Page 34: Tutorial de Introducción a HCI (MexIHC 2016)](https://reader031.vdocuments.co/reader031/viewer/2022020108/58a6f3c81a28abcf0e8b67a1/html5/thumbnails/34.jpg)
![Page 35: Tutorial de Introducción a HCI (MexIHC 2016)](https://reader031.vdocuments.co/reader031/viewer/2022020108/58a6f3c81a28abcf0e8b67a1/html5/thumbnails/35.jpg)
USABILIDAD
![Page 36: Tutorial de Introducción a HCI (MexIHC 2016)](https://reader031.vdocuments.co/reader031/viewer/2022020108/58a6f3c81a28abcf0e8b67a1/html5/thumbnails/36.jpg)
USABILIDAD UX
![Page 37: Tutorial de Introducción a HCI (MexIHC 2016)](https://reader031.vdocuments.co/reader031/viewer/2022020108/58a6f3c81a28abcf0e8b67a1/html5/thumbnails/37.jpg)
PARA TERMINAR …▸" La Experiencia de Usuario no es como la facilidad de uso - se trata de sentimientos. El objetivo es crear felicidad; quieres que la gente se sienta feliz antes, durante y después de que hayan utilizado tu producto [ ... ] enfócate en hacer a tus usuarios felices y la usabilidad, UX y la grandeza vendrán por sí solas" - La Batalla entre la Usabilidad y UX
![Page 38: Tutorial de Introducción a HCI (MexIHC 2016)](https://reader031.vdocuments.co/reader031/viewer/2022020108/58a6f3c81a28abcf0e8b67a1/html5/thumbnails/38.jpg)
1. NECESIDADES DE UN MUNDO REAL 2. DEFINICIONES BÁSICAS 3. BREVE HISTORIA DE HCI 4. MÉTODOS EN UCD 5. USABILIDAD, UX 6. INVESTIGACIÓN EN HCI
![Page 39: Tutorial de Introducción a HCI (MexIHC 2016)](https://reader031.vdocuments.co/reader031/viewer/2022020108/58a6f3c81a28abcf0e8b67a1/html5/thumbnails/39.jpg)
“easy to learn, easy to use.
39
“
![Page 40: Tutorial de Introducción a HCI (MexIHC 2016)](https://reader031.vdocuments.co/reader031/viewer/2022020108/58a6f3c81a28abcf0e8b67a1/html5/thumbnails/40.jpg)
“GOOD ARTISTS COPY; GREAT ARTISTS
STEAL”40
![Page 41: Tutorial de Introducción a HCI (MexIHC 2016)](https://reader031.vdocuments.co/reader031/viewer/2022020108/58a6f3c81a28abcf0e8b67a1/html5/thumbnails/41.jpg)
1. NECESIDADES DE UN MUNDO REAL 2. DEFINICIONES BÁSICAS 3. BREVE HISTORIA DE HCI 4. MÉTODOS EN UCD 5. USABILIDAD, UX 6. INVESTIGACIÓN EN HCI 7. ORGANIZACIÓN DE MEXIHC 2016
![Page 42: Tutorial de Introducción a HCI (MexIHC 2016)](https://reader031.vdocuments.co/reader031/viewer/2022020108/58a6f3c81a28abcf0e8b67a1/html5/thumbnails/42.jpg)
MEXIHC 2016
KEYNOTES
▸ Miércoles 21 09:30 - 10:30
▸ Anne Marie Piper. Northwestern University. (Paraninfo)
▸ Viernes 23 17:30 - 18:30
▸ Keynote "Robots in Our Midst” Wendy Ju. Stanford University (Psicología)
![Page 43: Tutorial de Introducción a HCI (MexIHC 2016)](https://reader031.vdocuments.co/reader031/viewer/2022020108/58a6f3c81a28abcf0e8b67a1/html5/thumbnails/43.jpg)
MEXIHC 2016
PLÁTICA INVITADA, PRESENTACIÓN DE LIBRO
▸ Invited Talk
▸ Jueves 22 09:00 - 10:00
▸ Juan Simón Isidro. Universidad Abierta y a Distancia de México. (Auditorio Carlos de la Madrid)
▸ Book Presentation
▸ Jueves 22 10:00 - 11:00
▸ Book presentation "Game User Research” Miguel A. García-Ruiz. Algoma University. (Auditorio Carlos de la Madrid)
![Page 44: Tutorial de Introducción a HCI (MexIHC 2016)](https://reader031.vdocuments.co/reader031/viewer/2022020108/58a6f3c81a28abcf0e8b67a1/html5/thumbnails/44.jpg)
MEXIHC 2016
TUTORIALES (MIÉRCOLES)
▸ Tutorial Introducción a la Interacción Humano-Computadora
▸ Tutorial de Evaluación de Interfaces Móviles Utilizando Userlytics
▸ Tutorial of Human Computer Interaction and Business Analytics
![Page 45: Tutorial de Introducción a HCI (MexIHC 2016)](https://reader031.vdocuments.co/reader031/viewer/2022020108/58a6f3c81a28abcf0e8b67a1/html5/thumbnails/45.jpg)
MEXIHC 2016
TUTORIALES (JUEVES)
▸ Tutorial Experiencia del UsaLab en la Gestión y Planificación de Proyectos de UX para el sector público y privado
▸ Lean UX Workshop
![Page 46: Tutorial de Introducción a HCI (MexIHC 2016)](https://reader031.vdocuments.co/reader031/viewer/2022020108/58a6f3c81a28abcf0e8b67a1/html5/thumbnails/46.jpg)
MEXIHC 2016
SESIONES (PAPERS)
▸ Jueves 22 y Viernes 23
▸ Design, Usability and UX
▸ Healthcare
▸ Serious Games and Gamification
▸ New Interaction Paradigms
▸ Human-Computer Interaction
![Page 47: Tutorial de Introducción a HCI (MexIHC 2016)](https://reader031.vdocuments.co/reader031/viewer/2022020108/58a6f3c81a28abcf0e8b67a1/html5/thumbnails/47.jpg)
MEXIHC 2016
OTROS EVENTOS INTERESANTES
▸ Student Design Competition (Miércoles 4pm)
▸ Jornadas de Vinculación (Miércoles 4pm)
▸ Posters (Jueves 6pm)
▸ Consorcio de Graduados (Miércoles 9am)
![Page 48: Tutorial de Introducción a HCI (MexIHC 2016)](https://reader031.vdocuments.co/reader031/viewer/2022020108/58a6f3c81a28abcf0e8b67a1/html5/thumbnails/48.jpg)
MEXIHC 2016
FINALMENTE
▸ Recepción de Bienvenida (Miércoles 8pm)
▸ Cena de Gala (Jueves 8pm)
![Page 49: Tutorial de Introducción a HCI (MexIHC 2016)](https://reader031.vdocuments.co/reader031/viewer/2022020108/58a6f3c81a28abcf0e8b67a1/html5/thumbnails/49.jpg)
1. NECESIDADES DE UN MUNDO REAL 2. DEFINICIONES BÁSICAS 3. BREVE HISTORIA DE HCI 4. MÉTODOS EN UCD 5. USABILIDAD, UX 6. INVESTIGACIÓN EN HCI 7. ORGANIZACIÓN DE MEXIHC 2016 8. ¿QUÉ NO ME DEBO PERDER?
![Page 50: Tutorial de Introducción a HCI (MexIHC 2016)](https://reader031.vdocuments.co/reader031/viewer/2022020108/58a6f3c81a28abcf0e8b67a1/html5/thumbnails/50.jpg)
TODO LO QUE QUERÍA SABER DE HCI Y DE MEXIHC 2016 PERO TENÍA PENA DE PREGUNTAR …
![Page 51: Tutorial de Introducción a HCI (MexIHC 2016)](https://reader031.vdocuments.co/reader031/viewer/2022020108/58a6f3c81a28abcf0e8b67a1/html5/thumbnails/51.jpg)
INTRODUCCIÓN A HCI
![Page 52: Tutorial de Introducción a HCI (MexIHC 2016)](https://reader031.vdocuments.co/reader031/viewer/2022020108/58a6f3c81a28abcf0e8b67a1/html5/thumbnails/52.jpg)