Tutorial de Introducción a HCI (MexIHC 2016)

52

Transcript of Tutorial de Introducción a HCI (MexIHC 2016)

Page 1: Tutorial de Introducción a HCI (MexIHC 2016)
Page 2: Tutorial de Introducción a HCI (MexIHC 2016)

INTRODUCCIÓN A HCI

Page 3: Tutorial de Introducción a HCI (MexIHC 2016)

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)

1. NECESIDADES DE UN MUNDO REAL

Page 5: Tutorial de Introducción a HCI (MexIHC 2016)

5

Page 6: Tutorial de Introducción a HCI (MexIHC 2016)

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)

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)

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)

9

J O H N D E N V E R

( R I P )

Page 10: Tutorial de Introducción a HCI (MexIHC 2016)

1. NECESIDADES DE UN MUNDO REAL 2. DEFINICIONES BÁSICAS

Page 11: Tutorial de Introducción a HCI (MexIHC 2016)

C O M U N I C A C I Ó N 11

Page 12: Tutorial de Introducción a HCI (MexIHC 2016)

I N T E R A C C I Ó N12

Page 13: Tutorial de Introducción a HCI (MexIHC 2016)

¿ INTERACC IÓN?

13

Page 14: Tutorial de Introducción a HCI (MexIHC 2016)

I N T E R A C C I Ó N14

Page 15: Tutorial de Introducción a HCI (MexIHC 2016)

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)

16

Page 17: Tutorial de Introducción a HCI (MexIHC 2016)

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)

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)

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)

20

Page 21: Tutorial de Introducción a HCI (MexIHC 2016)

➤ 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)

22

Page 23: Tutorial de Introducción a HCI (MexIHC 2016)

➤ Computer Science

➤ Cognitive Science

➤ cognitive psychology, artificial intelligence, linguistics, anthropology, philosophy

➤ Cognitive engineering

23

Page 24: Tutorial de Introducción a HCI (MexIHC 2016)

➤ 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)

➤ 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)

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)

NORMAN & DRAPER (1986)

DISEÑO CENTRADO AL USUARIO (UCD)

Page 28: Tutorial de Introducción a HCI (MexIHC 2016)

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)

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)

“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)

“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)

USER CENTERED DESIGN (UCD)

Page 33: Tutorial de Introducción a HCI (MexIHC 2016)

USER EXPERIENCE (UX)

Page 34: Tutorial de Introducción a HCI (MexIHC 2016)
Page 35: Tutorial de Introducción a HCI (MexIHC 2016)

USABILIDAD

Page 36: Tutorial de Introducción a HCI (MexIHC 2016)

USABILIDAD UX

Page 37: Tutorial de Introducción a HCI (MexIHC 2016)

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)

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)

“easy to learn, easy to use.

39

Page 40: Tutorial de Introducción a HCI (MexIHC 2016)

“GOOD ARTISTS COPY; GREAT ARTISTS

STEAL”40

Page 41: Tutorial de Introducción a HCI (MexIHC 2016)

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)

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)

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)

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)

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)

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)

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)

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)

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)

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)

INTRODUCCIÓN A HCI

Page 52: Tutorial de Introducción a HCI (MexIHC 2016)