28
Introducción David Díez Cebollero Departamento de Informática Universidad Carlos III de Madrid DISEÑO DE SISTEMAS INTERACTIVOS Grado en Ingeniería Informática

Sesion01 introduccion-ui

Embed Size (px)

Citation preview

Page 1: Sesion01 introduccion-ui

IntroducciónDavid Díez Cebollero

Departamento de InformáticaUniversidad Carlos III de Madrid

DISEÑO DE SISTEMAS INTERACTIVOS

Grado en Ingeniería Informática

Page 2: Sesion01 introduccion-ui

Diseño de Sistemas InteractivosIntroducción > Contenido sesión 1

Entender el concepto de interacciónConocer los tres paradigmas de la interacciónRecordar el concepto de interfaz de usuarioRecordar aspectos esenciales del diseño de interfaz de

usuario Tareas de usuario Modelo mental del usuario

Recordar los principios básicos del diseño de interfaz de usuario Simplicidad Visibilidad Seguridad

28/01/2016 David Díez Cebollero

Page 3: Sesion01 introduccion-ui

Diseño de Sistemas InteractivosIntroducción > Experiencia de Usuario (UX)

28/01/2016 David Díez Cebollero

En un futuro próximo…

Page 4: Sesion01 introduccion-ui

Diseño de Sistemas InteractivosIntroducción > Experiencia de Usuario (UX)

28/01/2016 David Díez Cebollero

…quizá, más próximo de lo que pensamos

Page 5: Sesion01 introduccion-ui

Diseño de Sistemas InteractivosIntroducción > Interacción

28/01/2016 David Díez Cebollero

InteracciónConjunto de acciones dirigidas al intercambio de información entre dos sistemas.

De manera general, nos referiremos al intercambio de información entre un usuario (persona) y un sistema informático (ordenador).

Page 6: Sesion01 introduccion-ui

Diseño de Sistemas InteractivosIntroducción > Interacción > Definición

28/01/2016 David Díez Cebollero

InteracciónConjunto de acciones dirigidas al intercambio de información entre un ser humano y un sistema informático en un contexto, actividad o situación determinada.

Page 7: Sesion01 introduccion-ui

Diseño de Sistemas InteractivosIntroducción > Interfaz de usuario

28/01/2016 David Díez Cebollero

Page 8: Sesion01 introduccion-ui

Diseño de Sistemas InteractivosIntroducción > Interfaz de usuario

28/01/2016 David Díez Cebollero

Elemento de intermediación entre el usuario y el sistema informático.

Page 9: Sesion01 introduccion-ui

Diseño de Sistemas InteractivosIntroducción > Interfaz de usuario

28/01/2016 David Díez Cebollero

Page 10: Sesion01 introduccion-ui

Diseño de Sistemas InteractivosIntroducción > Diseño de interfaz de usuario

28/01/2016 David Díez Cebollero

Page 11: Sesion01 introduccion-ui

Diseño de Sistemas InteractivosIntroducción > Diseño de interfaz de usuario

28/01/2016 David Díez Cebollero

Page 12: Sesion01 introduccion-ui

Diseño de Sistemas InteractivosIntroducción > Diseño de interfaz de usuario

28/01/2016 David Díez Cebollero

“Understanding the psychology behind people’s expectations, needs and behaviors is the foundation of great design. People have mental models of the way they expect things to work. Exceeding these expectations creates a sense of delight or an emotional connection. Violating these connections can create frustration or confusion”.

Don Norman

Page 13: Sesion01 introduccion-ui

Diseño de Sistemas InteractivosIntroducción > Diseño de interfaz de usuario

28/01/2016 David Díez Cebollero

“Understanding the psychology behind people’s expectations, needs and behaviors is the foundation of great design. People have mental models of the way they expect things to work. Exceeding these expectations creates a sense of delight or an emotional connection. Violating these connections can create frustration or confusion”.

Don Norman

Page 14: Sesion01 introduccion-ui

Diseño de Sistemas InteractivosIntroducción > Diseño de interfaz de usuario

28/01/2016 David Díez Cebollero

Objetivos y

tareas del

usuario

Page 15: Sesion01 introduccion-ui

Diseño de Sistemas InteractivosIntroducción > Diseño de interfaz de usuario

28/01/2016 David Díez Cebollero

“Understanding the psychology behind people’s expectations, needs and behaviors is the foundation of great design. People have mental models of the way they expect things to work. Exceeding these expectations creates a sense of delight or an emotional connection. Violating these connections can create frustration or confusion”.

Don Norman

Page 16: Sesion01 introduccion-ui

Diseño de Sistemas InteractivosIntroducción > Diseño de interfaz de usuario

28/01/2016 David Díez Cebollero

Page 17: Sesion01 introduccion-ui

Diseño de Sistemas InteractivosIntroducción > Diseño de interfaz de usuario

28/01/2016 David Díez Cebollero

1. establishes the goal2. formulates plan3. specifies actions at interface4. performs action5. perceives world state6. interprets world state7. compares world state with respect to

goal

Page 18: Sesion01 introduccion-ui

Diseño de Sistemas InteractivosIntroducción > Diseño de interfaz de usuario

28/01/2016 David Díez Cebollero

MAYA principle (Raymond Loewy)

“Designers and innovators must pave the way toward the future…

…in gradual steps”.

Page 19: Sesion01 introduccion-ui

Diseño de Sistemas InteractivosIntroducción > Diseño de interfaz de usuario

28/01/2016 David Díez Cebollero

Modelo mental

del usuario

Page 20: Sesion01 introduccion-ui

Diseño de Sistemas InteractivosIntroducción >Diseño de interfaz de usuario > Principios

28/01/2016 David Díez Cebollero

Simplicidad

Page 21: Sesion01 introduccion-ui

Diseño de Sistemas InteractivosIntroducción >Diseño de interfaz de usuario > Principios > Simplicidad

28/01/2016 David Díez Cebollero

Page 22: Sesion01 introduccion-ui

Diseño de Sistemas InteractivosIntroducción >Diseño de interfaz de usuario > Principios > Simplicidad

28/01/2016 David Díez Cebollero

Page 23: Sesion01 introduccion-ui

Diseño de Sistemas InteractivosIntroducción >Diseño de interfaz de usuario > Principios > Simplicidad

28/01/2016 David Díez Cebollero

80/20 (Ley de Pareto)

Navaja de Ockham/Occam

Page 24: Sesion01 introduccion-ui

Diseño de Sistemas InteractivosIntroducción >Diseño de interfaz de usuario > Principios

28/01/2016 David Díez Cebollero

Visibilidad

Page 25: Sesion01 introduccion-ui

Diseño de Sistemas InteractivosIntroducción >Diseño de interfaz de usuario > Principios > Visibilidad

28/01/2016 David Díez Cebollero

Affordance

Feedback

Page 26: Sesion01 introduccion-ui

Diseño de Sistemas InteractivosIntroducción >Diseño de interfaz de usuario > Principios

28/01/2016 David Díez Cebollero

Seguridad

Page 27: Sesion01 introduccion-ui

Diseño de Sistemas InteractivosIntroducción >Diseño de interfaz de usuario > Principios > Seguridad

28/01/2016 David Díez Cebollero

Page 28: Sesion01 introduccion-ui

Diseño de Sistemas InteractivosIntroducción > Contenido sesión 1

28/01/2016 David Díez Cebollero

Entender el concepto de interacciónConocer los tres paradigmas de la interacciónRecordar el concepto de interfaz de usuarioRecordar aspectos esenciales del diseño de interfaz de

usuario Tareas de usuario Modelo mental del usuario

Recordar los principios básicos del diseño de interfaz de usuario Simplicidad Visibilidad Seguridad