sesion01 introduccion-ui
TRANSCRIPT
![Page 1: Sesion01 introduccion-ui](https://reader035.vdocuments.pub/reader035/viewer/2022062310/589b24c81a28ab2d4c8b4de7/html5/thumbnails/1.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022062310/589b24c81a28ab2d4c8b4de7/html5/thumbnails/2.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022062310/589b24c81a28ab2d4c8b4de7/html5/thumbnails/3.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022062310/589b24c81a28ab2d4c8b4de7/html5/thumbnails/4.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022062310/589b24c81a28ab2d4c8b4de7/html5/thumbnails/5.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022062310/589b24c81a28ab2d4c8b4de7/html5/thumbnails/6.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022062310/589b24c81a28ab2d4c8b4de7/html5/thumbnails/7.jpg)
Diseño de Sistemas InteractivosIntroducción > Interfaz de usuario
28/01/2016 David Díez Cebollero
![Page 8: Sesion01 introduccion-ui](https://reader035.vdocuments.pub/reader035/viewer/2022062310/589b24c81a28ab2d4c8b4de7/html5/thumbnails/8.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022062310/589b24c81a28ab2d4c8b4de7/html5/thumbnails/9.jpg)
Diseño de Sistemas InteractivosIntroducción > Interfaz de usuario
28/01/2016 David Díez Cebollero
![Page 10: Sesion01 introduccion-ui](https://reader035.vdocuments.pub/reader035/viewer/2022062310/589b24c81a28ab2d4c8b4de7/html5/thumbnails/10.jpg)
Diseño de Sistemas InteractivosIntroducción > Diseño de interfaz de usuario
28/01/2016 David Díez Cebollero
![Page 11: Sesion01 introduccion-ui](https://reader035.vdocuments.pub/reader035/viewer/2022062310/589b24c81a28ab2d4c8b4de7/html5/thumbnails/11.jpg)
Diseño de Sistemas InteractivosIntroducción > Diseño de interfaz de usuario
28/01/2016 David Díez Cebollero
![Page 12: Sesion01 introduccion-ui](https://reader035.vdocuments.pub/reader035/viewer/2022062310/589b24c81a28ab2d4c8b4de7/html5/thumbnails/12.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022062310/589b24c81a28ab2d4c8b4de7/html5/thumbnails/13.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022062310/589b24c81a28ab2d4c8b4de7/html5/thumbnails/14.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022062310/589b24c81a28ab2d4c8b4de7/html5/thumbnails/15.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022062310/589b24c81a28ab2d4c8b4de7/html5/thumbnails/16.jpg)
Diseño de Sistemas InteractivosIntroducción > Diseño de interfaz de usuario
28/01/2016 David Díez Cebollero
![Page 17: Sesion01 introduccion-ui](https://reader035.vdocuments.pub/reader035/viewer/2022062310/589b24c81a28ab2d4c8b4de7/html5/thumbnails/17.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022062310/589b24c81a28ab2d4c8b4de7/html5/thumbnails/18.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022062310/589b24c81a28ab2d4c8b4de7/html5/thumbnails/19.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022062310/589b24c81a28ab2d4c8b4de7/html5/thumbnails/20.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022062310/589b24c81a28ab2d4c8b4de7/html5/thumbnails/21.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022062310/589b24c81a28ab2d4c8b4de7/html5/thumbnails/22.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022062310/589b24c81a28ab2d4c8b4de7/html5/thumbnails/23.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022062310/589b24c81a28ab2d4c8b4de7/html5/thumbnails/24.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022062310/589b24c81a28ab2d4c8b4de7/html5/thumbnails/25.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022062310/589b24c81a28ab2d4c8b4de7/html5/thumbnails/26.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022062310/589b24c81a28ab2d4c8b4de7/html5/thumbnails/27.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022062310/589b24c81a28ab2d4c8b4de7/html5/thumbnails/28.jpg)
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