IntroducciónDavid Díez Cebollero

Departamento de InformáticaUniversidad Carlos III de Madrid

DISEÑO DE SISTEMAS INTERACTIVOS

Grado en Ingeniería Informática

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

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

28/01/2016 David Díez Cebollero

En un futuro próximo…

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

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

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.

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

28/01/2016 David Díez Cebollero

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.

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

28/01/2016 David Díez Cebollero

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

28/01/2016 David Díez Cebollero

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

28/01/2016 David Díez Cebollero

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

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

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

28/01/2016 David Díez Cebollero

Objetivos y

tareas del

usuario

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

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

28/01/2016 David Díez Cebollero

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

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”.

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

28/01/2016 David Díez Cebollero

Modelo mental

del usuario

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

28/01/2016 David Díez Cebollero

Simplicidad

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

28/01/2016 David Díez Cebollero

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

28/01/2016 David Díez Cebollero

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

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

28/01/2016 David Díez Cebollero

Visibilidad

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

28/01/2016 David Díez Cebollero

Affordance

Feedback

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

28/01/2016 David Díez Cebollero

Seguridad

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

28/01/2016 David Díez Cebollero

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