Sesion02 introduccion-ux

40
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

Transcript of Sesion02 introduccion-ux

Page 1: Sesion02 introduccion-ux

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: Sesion02 introduccion-ux

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

Entender el concepto de Experiencia de Usuario (UX)Conocer qué disciplinas intervienen en el Diseño de UX

Diseño de la Interacción (IxD) Diseño de Interfaz de Usuario Interacción Hombre-Máquina (HCI) Desarrollo de software

Saber qué se entiende por un sistema interactivoEntender el concepto de Diseño de Sistemas Interactivos (DSI)Estudiar el proceso de diseño de sistemas interactivos

Análisis del problema Definición de la solución Evaluación

29/01/2016 David Díez Cebollero

Page 3: Sesion02 introduccion-ux

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

29/01/2016 David Díez Cebollero

User eXperience

Page 4: Sesion02 introduccion-ux

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

29/01/2016 David Díez Cebollero

User eXperience

“Conjunto de factores relativos a la interacción del usuario con un producto, servicio u organización cuyo resultado es la generación de una impresión positiva o negativa sobre los mismos.”

“Every aspect of the user's interaction with a product, service, or company that make up the user's perceptions of the whole.”

@UXPA

Page 5: Sesion02 introduccion-ux

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

29/01/2016 David Díez Cebollero

- UX no es (solo) Usabilidad -

@Universal Principles of Design - Rockport Publishers

UX

Page 6: Sesion02 introduccion-ux

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

30/01/2015David Díez Cebollero

- UX no es (solo) Estética -

Page 7: Sesion02 introduccion-ux

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

30/01/2015David Díez Cebollero @Magnus Revang

Page 8: Sesion02 introduccion-ux

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

29/01/2016 David Díez Cebollero

@The UX Book – Morgan Kaufmann

¿Qué es una experiencia?

Page 9: Sesion02 introduccion-ux

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

29/01/2016 David Díez Cebollero

No se diseñala experiencia de

usuario, se diseña para

lograr (una buena) experiencia de

usuario

Page 10: Sesion02 introduccion-ux

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

29/01/2016 David Díez Cebollero

“La definición, organización y desarrollo de aquellos elementos que afectan a la experiencia del usuario con el propósito de influir en su percepción y comportamiento.”

“The creation and synchronization of the elements that affect users’ experience with the intent of influencing their perceptions and behavior.”

@A project Guide to UX Design

User eXperience Design

Page 11: Sesion02 introduccion-ux

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

29/01/2016 David Díez Cebollero

Page 12: Sesion02 introduccion-ux

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

29/01/2016 David Díez Cebollero

@ed_lea

- UXD no es (solo) UID -

Page 13: Sesion02 introduccion-ux

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

29/01/2016 David Díez Cebollero

@ed_lea

- UXD no es (solo) UID -

User Interface Design (UID)Disciplina encargada de establecer la manera en la cual debe diseñarse el medio de interacción entre el usuario y el sistema (producto, servicio o espacio).

Page 14: Sesion02 introduccion-ux

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

29/01/2016 David Díez Cebollero@Web UI Design Best Practices - UX Pin

- UXD no es (solo) UID -

Page 15: Sesion02 introduccion-ux

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

29/01/2016 David Díez Cebollero

Computer

Science

Human-Computer

Interaction

Human

Factors

@Adaptado de www.envis-precisely.com

User Experience Design

Page 16: Sesion02 introduccion-ux

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

29/01/2016 David Díez Cebollero

Computer

Science

Human-Computer

Interaction

HumanFactors

Human-Computer Interaction (HCI) Disciplina encargada del diseño, evaluación e implementación de interacciones entre las personas y los ordenadores, así como del estudio de los fenómenos que las rodean. (ACM SIGCHI)

Interaction Design (IxD)Disciplina de diseño dirigida a crear una interacción apropiada entre las personas y los productos o servicios que utilizan en su vida diaria.

Page 17: Sesion02 introduccion-ux

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

29/01/2016 David Díez Cebollero

Desarrollo de softwareActividad dirigida a la construcción (diseño, codificación, prueba y documentación) de productos software.

Ingeniería de softwareAplicación de un enfoque sistemático, disciplinado y cuantificable al desarrollo, operación y mantenimiento de software. (IEEE 1993)

Page 18: Sesion02 introduccion-ux

Diseño de Sistemas InteractivosIntroducción > Sistema interactivo

29/01/2016 David Díez Cebollero

Sistema interactivo- Interactive (computer) system -

“Un sistema interactivo hace referencia al conjunto de componentes software y dispositivos hardware caracterizados por responder dinámicamente a las acciones ejecutadas por un individuo en base al procesamiento digital de la información.”

“Algunos autores también lo refieren como sistemas software interactivos”

Page 19: Sesion02 introduccion-ux

Diseño de Sistemas InteractivosIntroducción > Sistema interactivo

29/01/2016 David Díez Cebollero

@The UX Book – Morgan Kaufmann

Sistema interactivo- Interactive (computer) system -

Page 20: Sesion02 introduccion-ux

Diseño de Sistemas InteractivosIntroducción > Sistema interactivos > Limitaciones del modelo tradicional

29/01/2016 David Díez Cebollero

Volere Requirements Specification Template

Modelo de desarrollo tradicional

Problema 1. Indefinición de aspectos/características básicas de uso.

Traditional requirements Interactive systems requirements

Page 21: Sesion02 introduccion-ux

Diseño de Sistemas InteractivosIntroducción > Sistema interactivos > Limitaciones del modelo tradicional

29/01/2016 David Díez Cebollero

@Software Requirements – Microsoft Press

Modelo de desarrollotradicional

Problema 2. Descomposición excesiva, incluso ficticia, del sistema entre requisitos funcionales y requisitos de usuario.

Page 22: Sesion02 introduccion-ux

Diseño de Sistemas InteractivosIntroducción > Sistema interactivos > Limitaciones del modelo tradicional

29/01/2016 David Díez Cebollero

Modelo de desarrollo tradicional

Problema 3. Habitualmente, los requisitos no vienen dados por el clientes sino que tienen que ser educidos por los diseñadores

Page 23: Sesion02 introduccion-ux

Diseño de Sistemas InteractivosIntroducción > Sistema interactivos > Diseño Centrado en el Usuario (UCD)

29/01/2016 David Díez Cebollero

Paradigmas de diseño

Page 24: Sesion02 introduccion-ux

Diseño de Sistemas InteractivosIntroducción > Sistema interactivos > Diseño Centrado en el Usuario (UCD)

29/01/2016 David Díez Cebollero

User Centered Design“Paradigma de diseño basado en considerar al

usuario, al individuo, como el elemento primordial

del proceso de diseño.”

“El propósito es estudiar al usuario a fin de conocer las labores que desempeña, así

como sus necesidades e inquietudes.”

Page 25: Sesion02 introduccion-ux

Diseño de Sistemas InteractivosIntroducción > Sistema interactivos > Diseño Centrado en el Usuario (UCD)

29/01/2016 David Díez Cebollero

Page 26: Sesion02 introduccion-ux

Diseño de Sistemas InteractivosIntroducción > Sistema interactivos > Diseño Centrado en el Usuario (UCD)

29/01/2016 David Díez Cebollero

Centrado en el usuario y sus tareas El objetivo es estudiar al usuario a fin de

conocer sus preferencias y necesidades Centrar el estudio del problema en el contexto

de utilización del sistema Medidas empíricas

Establecer los objetivos del usuario Fijar un conjunto de necesidades de usuario

comprobables de manera experimental Diseño iterativo

El desarrollo debe basarse en la continuación retroalimentación por parte de los usuarios

Labores esenciales: prototipado y evaluación

@The Fable of the User-Centred Design – UserFocus

Page 27: Sesion02 introduccion-ux

Diseño de Sistemas InteractivosIntroducción > Sistema interactivos > Diseño Centrado en el Usuario (UCD)

29/01/2016 David Díez Cebollero

Page 28: Sesion02 introduccion-ux

Diseño de Sistemas InteractivosIntroducción > Sistema interactivos > Proceso de diseño

29/01/2016 David Díez Cebollero

Modelo de diseñocentrado en las personas

@ISO 13407: 1999. Human-centred design process for interactive systems

Page 29: Sesion02 introduccion-ux

Diseño de Sistemas InteractivosIntroducción > Sistema interactivos > Proceso de diseño

29/01/2016 David Díez Cebollero

Modelo de diseñocentrado en las personas

@ISO 9241-210: 2010. Ergonomics of human-system interaction – Part 210: Human-centred design for

interactive systems

Page 30: Sesion02 introduccion-ux

Diseño de Sistemas InteractivosIntroducción > Sistema interactivos > Proceso de diseño

29/01/2016David Díez Cebollero

¿Qué es diseñar?

Page 31: Sesion02 introduccion-ux

Diseño de Sistemas InteractivosIntroducción > Sistema interactivos > Proceso de diseño

29/01/2016David Díez Cebollero

¿Qué es diseñar?

Page 32: Sesion02 introduccion-ux

Diseño de Sistemas InteractivosIntroducción > Sistema interactivos > Proceso de diseño

29/01/2016David Díez Cebollero

¿Qué es diseñar?

Diseñar es un proceso de transformación orientado a crear un artefacto que resuelva un problema o carencia existente.

Page 33: Sesion02 introduccion-ux

Diseño de Sistemas InteractivosIntroducción > Sistema interactivos > Proceso de diseño

29/01/2016David Díez Cebollero

@Design. Creation of Artifacts in Society – University of Pennsylvania

¿Qué es diseñar?

Page 34: Sesion02 introduccion-ux

Diseño de Sistemas InteractivosIntroducción > Sistema interactivos > Proceso de diseño

29/01/2016 David Díez Cebollero

@Thomas Kowark

Human-Centered Software Design and Engineering

Page 35: Sesion02 introduccion-ux

Diseño de Sistemas InteractivosIntroducción > Diseño de Sistemas Interactivos (DSI)

29/01/2016 David Díez Cebollero

“Proceso de exploración dirigida a la definición del plan de acción para la implementación de un

sistema interactivo.”

“Abarca desde el diseño de componentes hardware y el software asociado a los mismos, al diseño de software ejecutado sobre dispositivos

genéricos.”

Diseño de Sistemas Interactivos

Page 36: Sesion02 introduccion-ux

Diseño de Sistemas InteractivosIntroducción > Diseño de Sistemas Interactivos (DSI)

29/01/2016 David Díez Cebollero@The UX Book – Morgan Kaufmann

UX software requirements

Non-UX software

requirements

Diseño de Sistemas Interactivos

Page 37: Sesion02 introduccion-ux

29/01/2016 David Díez Cebollero

Diseño de Sistemas InteractivosIntroducción > Diseño de Sistemas Interactivos (DSI)

@The UX Book – Morgan Kaufmann

Basado en la creación de EQUIPOS

MULTIDISCIPLINARES

Diseño de Sistemas Interactivos

Page 38: Sesion02 introduccion-ux

29/01/2016 David Díez Cebollero

Diseño de Sistemas InteractivosIntroducción > Diseño de Sistemas Interactivos (DSI

Synthesis

Evaluation

Analysis

DSI

Page 39: Sesion02 introduccion-ux

Diseño de Sistemas InteractivosIntroducción > Diseño de Sistemas Interactivos (DSI

29/01/2016 David Díez Cebollero @Adaptado de IDEO

Page 40: Sesion02 introduccion-ux

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

29/01/2016 David Díez Cebollero

Entender el concepto de Experiencia de Usuario (UX)Conocer qué disciplinas intervienen en el Diseño de UX

Diseño de la Interacción (IxD) Interacción Hombre-Máquina (HCI) Desarrollo de software

Saber qué se entiende por un sistema interactivoEntender el concepto de Diseño de Sistemas Interactivos

(DSI)Estudiar el proceso de diseño de sistemas interactivos

Análisis del problema Definición de la solución Evaluación