SlideShare una empresa de Scribd logo
1 de 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
Diseño de Sistemas Interactivos
Introducció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 interactivo
 Entender 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/2016David Díez Cebollero
Diseño de Sistemas Interactivos
Introducción > Experiencia de Usuario (UX)
29/01/2016David Díez Cebollero
User eXperience
Diseño de Sistemas Interactivos
Introducción > Experiencia de Usuario (UX) > Definición
29/01/2016David 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
Diseño de Sistemas Interactivos
Introducción > Experiencia de Usuario (UX) > Definición
29/01/2016David Díez Cebollero
- UX no es (solo) Usabilidad -
@Universal Principles of Design - Rockport Publishers
U
X
Diseño de Sistemas Interactivos
Introducción > Experiencia de Usuario (UX) > Definición
30/01/2015David Díez Cebollero
- UX no es (solo) Estética -
Diseño de Sistemas Interactivos
Introducción > Experiencia de Usuario (UX) > Definición
30/01/2015David Díez Cebollero @Magnus Revang
Diseño de Sistemas Interactivos
Introducción > Diseño de Experiencia de Usuario (UXD)
29/01/2016David Díez Cebollero
@The UX Book – Morgan Kaufmann
¿Qué es una experiencia?
Diseño de Sistemas Interactivos
Introducción > Diseño de Experiencia de Usuario (UXD)
29/01/2016David Díez Cebollero
No se diseña
la experiencia de
usuario,
se diseña para
lograr (una buena)
experiencia de
usuario
Diseño de Sistemas Interactivos
Introducción > Diseño de Experiencia de Usuario (UXD) > Definición
29/01/2016David 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
Diseño de Sistemas Interactivos
Introducción > Diseño de Experiencia de Usuario (UXD) > Definición
29/01/2016David Díez Cebollero
Diseño de Sistemas Interactivos
Introducción > Diseño de Experiencia de Usuario (UXD) > Definición
29/01/2016David Díez Cebollero
@ed_lea
- UXD no es (solo) UID -
Diseño de Sistemas Interactivos
Introducción > Diseño de Experiencia de Usuario (UXD) > Definición
29/01/2016David 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).

Diseño de Sistemas Interactivos
Introducción > Diseño de Experiencia de Usuario (UXD) > Definición
29/01/2016David Díez Cebollero
@Web UI Design Best Practices - UX Pin
- UXD no es (solo) UID -
Diseño de Sistemas Interactivos
Introducción > Diseño de Experiencia de Usuario (UXD) > Disciplinas
29/01/2016David Díez Cebollero @Adaptado de www.envis-precisely.com
User Experience Design
Diseño de Sistemas Interactivos
Introducción > Diseño de Experiencia de Usuario (UXD) > Disciplinas
29/01/2016David Díez Cebollero

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.
Diseño de Sistemas Interactivos
Introducción > Diseño de Experiencia de Usuario (UXD) > Disciplinas
29/01/2016David Díez Cebollero

Desarrollo de software
Actividad dirigida a la construcción
(diseño, codificación, prueba y
documentación) de productos
software.
Ingeniería de software
Aplicación de un enfoque sistemático,
disciplinado y cuantificable al
desarrollo, operación y mantenimiento
de software. (IEEE 1993)
Diseño de Sistemas Interactivos
Introducción > Sistema interactivo
29/01/2016David 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”
Diseño de Sistemas Interactivos
Introducción > Sistema interactivo
29/01/2016David Díez Cebollero
@The UX Book – Morgan Kaufmann
Sistema interactivo
- Interactive (computer) system -
Diseño de Sistemas Interactivos
Introducción > Sistema interactivos > Limitaciones del modelo tradicional
29/01/2016David 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
Diseño de Sistemas Interactivos
Introducción > Sistema interactivos > Limitaciones del modelo tradicional
29/01/2016David Díez Cebollero
@Software Requirements – Microsoft Press
Modelo de desarrollo
tradicional
Problema 2. Descomposición
excesiva, incluso ficticia, del
sistema entre requisitos
funcionales y requisitos de
usuario.
Diseño de Sistemas Interactivos
Introducción > Sistema interactivos > Limitaciones del modelo tradicional
29/01/2016David 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
Diseño de Sistemas Interactivos
Introducción > Sistema interactivos > Diseño Centrado en el Usuario (UCD)
29/01/2016David Díez Cebollero
Paradigmas de diseño
Diseño de Sistemas Interactivos
Introducción > Sistema interactivos > Diseño Centrado en el Usuario (UCD)
29/01/2016David 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.”
Diseño de Sistemas Interactivos
Introducción > Sistema interactivos > Diseño Centrado en el Usuario (UCD)
29/01/2016David Díez Cebollero
Diseño de Sistemas Interactivos
Introducción > Sistema interactivos > Diseño Centrado en el Usuario (UCD)
29/01/2016David 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
Diseño de Sistemas Interactivos
Introducción > Sistema interactivos > Diseño Centrado en el Usuario (UCD)
29/01/2016David Díez Cebollero
Diseño de Sistemas Interactivos
Introducción > Sistema interactivos > Proceso de diseño
29/01/2016David Díez Cebollero
Modelo de diseño
centrado en las personas
@ISO 13407: 1999. Human-centred design process for
interactive systems
Diseño de Sistemas Interactivos
Introducción > Sistema interactivos > Proceso de diseño
29/01/2016David Díez Cebollero
Modelo de diseño
centrado en las personas
@ISO 9241-210: 2010. Ergonomics of human-system
interaction – Part 210: Human-centred design for interactive
systems

Diseño de Sistemas Interactivos
Introducción > Sistema interactivos > Proceso de diseño
29/01/2016David Díez Cebollero
¿Qué es diseñar?
Diseño de Sistemas Interactivos
Introducción > Sistema interactivos > Proceso de diseño
29/01/2016David Díez Cebollero
¿Qué es diseñar?
Diseño de Sistemas Interactivos
Introducció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.
Diseño de Sistemas Interactivos
Introducció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?
Diseño de Sistemas Interactivos
Introducción > Sistema interactivos > Proceso de diseño
29/01/2016David Díez Cebollero
@Thomas Kowark
Human-Centered Software Design and Engineering
Diseño de Sistemas Interactivos
Introducción > Diseño de Sistemas Interactivos (DSI)
29/01/2016David 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
Diseño de Sistemas Interactivos
Introducción > Diseño de Sistemas Interactivos (DSI)
29/01/2016David Díez Cebollero
@The UX Book – Morgan Kaufmann
UX software
requirements
Non-UX
software
requirements
Diseño de Sistemas Interactivos
29/01/2016David Díez Cebollero
Diseño de Sistemas Interactivos
Introducció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
29/01/2016David Díez Cebollero
Diseño de Sistemas Interactivos
Introducción > Diseño de Sistemas Interactivos (DSI
Synthesis
Evaluation
Analysis
DSI
Diseño de Sistemas Interactivos
Introducción > Diseño de Sistemas Interactivos (DSI
29/01/2016David Díez Cebollero @Adaptado de IDEO
Diseño de Sistemas Interactivos
Introducción > Contenido sesión 2
29/01/2016David 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 interactivo
 Entender 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

Más contenido relacionado

La actualidad más candente

Arquitectura de Información
Arquitectura de InformaciónArquitectura de Información
Arquitectura de InformaciónRodrigo Vera
 
Diseño de Interacción
Diseño de InteracciónDiseño de Interacción
Diseño de InteracciónRodrigo Vera
 
Nuestros entregables son nuestra moneda: Luchando contra 
la devaluación de UX
Nuestros entregables son nuestra moneda: Luchando contra 
la devaluación de UXNuestros entregables son nuestra moneda: Luchando contra 
la devaluación de UX
Nuestros entregables son nuestra moneda: Luchando contra 
la devaluación de UXSantiago Bustelo
 
El futuro del Diseño y UX: los 15 años que se vienen (Tendencias de diseño UX...
El futuro del Diseño y UX: los 15 años que se vienen (Tendencias de diseño UX...El futuro del Diseño y UX: los 15 años que se vienen (Tendencias de diseño UX...
El futuro del Diseño y UX: los 15 años que se vienen (Tendencias de diseño UX...Santiago Bustelo
 
Introducción a los Wireframes
Introducción a los WireframesIntroducción a los Wireframes
Introducción a los WireframesRodrigo Vera
 
MADA | Información Visual 2016 | Clase 4
MADA | Información Visual 2016 | Clase 4MADA | Información Visual 2016 | Clase 4
MADA | Información Visual 2016 | Clase 4Rodrigo Vera
 
Sacando punta al lápiz: Experiencia Mozilla Design Challenge Spring 2009
Sacando punta al lápiz: Experiencia Mozilla Design Challenge Spring 2009Sacando punta al lápiz: Experiencia Mozilla Design Challenge Spring 2009
Sacando punta al lápiz: Experiencia Mozilla Design Challenge Spring 2009eugeniaortiz
 
Juan Marcos Ortiz - Hospital Italiano de Bs. As. - UX en Salud
Juan Marcos Ortiz - Hospital Italiano de Bs. As. - UX en SaludJuan Marcos Ortiz - Hospital Italiano de Bs. As. - UX en Salud
Juan Marcos Ortiz - Hospital Italiano de Bs. As. - UX en SaludIxDA La Plata
 
Experiencia de Usuario y Política Pública: Incorporando UX a Ingeniería de s...
Experiencia de Usuario y Política Pública: Incorporando UX a Ingeniería de s...Experiencia de Usuario y Política Pública: Incorporando UX a Ingeniería de s...
Experiencia de Usuario y Política Pública: Incorporando UX a Ingeniería de s...Santiago Bustelo
 
5 Presentación Taller UX - Heurísticas 2017
5  Presentación Taller UX - Heurísticas 20175  Presentación Taller UX - Heurísticas 2017
5 Presentación Taller UX - Heurísticas 2017taller_ux
 
Diseño de Interacción en Cátedra Salomone DG2 DG3 FADU/UBA - 9 jun 2011
Diseño de Interacción en Cátedra Salomone DG2 DG3 FADU/UBA - 9 jun 2011Diseño de Interacción en Cátedra Salomone DG2 DG3 FADU/UBA - 9 jun 2011
Diseño de Interacción en Cátedra Salomone DG2 DG3 FADU/UBA - 9 jun 2011Santiago Bustelo
 

La actualidad más candente (12)

Arquitectura de Información
Arquitectura de InformaciónArquitectura de Información
Arquitectura de Información
 
Diseño de Interacción
Diseño de InteracciónDiseño de Interacción
Diseño de Interacción
 
Nuestros entregables son nuestra moneda: Luchando contra 
la devaluación de UX
Nuestros entregables son nuestra moneda: Luchando contra 
la devaluación de UXNuestros entregables son nuestra moneda: Luchando contra 
la devaluación de UX
Nuestros entregables son nuestra moneda: Luchando contra 
la devaluación de UX
 
El futuro del Diseño y UX: los 15 años que se vienen (Tendencias de diseño UX...
El futuro del Diseño y UX: los 15 años que se vienen (Tendencias de diseño UX...El futuro del Diseño y UX: los 15 años que se vienen (Tendencias de diseño UX...
El futuro del Diseño y UX: los 15 años que se vienen (Tendencias de diseño UX...
 
Introducción a los Wireframes
Introducción a los WireframesIntroducción a los Wireframes
Introducción a los Wireframes
 
MADA | Información Visual 2016 | Clase 4
MADA | Información Visual 2016 | Clase 4MADA | Información Visual 2016 | Clase 4
MADA | Información Visual 2016 | Clase 4
 
Diseño y usabilidad
Diseño y usabilidadDiseño y usabilidad
Diseño y usabilidad
 
Sacando punta al lápiz: Experiencia Mozilla Design Challenge Spring 2009
Sacando punta al lápiz: Experiencia Mozilla Design Challenge Spring 2009Sacando punta al lápiz: Experiencia Mozilla Design Challenge Spring 2009
Sacando punta al lápiz: Experiencia Mozilla Design Challenge Spring 2009
 
Juan Marcos Ortiz - Hospital Italiano de Bs. As. - UX en Salud
Juan Marcos Ortiz - Hospital Italiano de Bs. As. - UX en SaludJuan Marcos Ortiz - Hospital Italiano de Bs. As. - UX en Salud
Juan Marcos Ortiz - Hospital Italiano de Bs. As. - UX en Salud
 
Experiencia de Usuario y Política Pública: Incorporando UX a Ingeniería de s...
Experiencia de Usuario y Política Pública: Incorporando UX a Ingeniería de s...Experiencia de Usuario y Política Pública: Incorporando UX a Ingeniería de s...
Experiencia de Usuario y Política Pública: Incorporando UX a Ingeniería de s...
 
5 Presentación Taller UX - Heurísticas 2017
5  Presentación Taller UX - Heurísticas 20175  Presentación Taller UX - Heurísticas 2017
5 Presentación Taller UX - Heurísticas 2017
 
Diseño de Interacción en Cátedra Salomone DG2 DG3 FADU/UBA - 9 jun 2011
Diseño de Interacción en Cátedra Salomone DG2 DG3 FADU/UBA - 9 jun 2011Diseño de Interacción en Cátedra Salomone DG2 DG3 FADU/UBA - 9 jun 2011
Diseño de Interacción en Cátedra Salomone DG2 DG3 FADU/UBA - 9 jun 2011
 

Similar a Diseño de sistemas interactivos introducción

Santiago Bustelo - Incorporando UX a Ingeniería de Software y Desarrollo de S...
Santiago Bustelo - Incorporando UX a Ingeniería de Software y Desarrollo de S...Santiago Bustelo - Incorporando UX a Ingeniería de Software y Desarrollo de S...
Santiago Bustelo - Incorporando UX a Ingeniería de Software y Desarrollo de S...IxDA La Plata
 
UX no es diseño gráfico
UX no es diseño gráficoUX no es diseño gráfico
UX no es diseño gráficoIsabel Yepes
 
diseño de interacción.pdf
diseño de interacción.pdfdiseño de interacción.pdf
diseño de interacción.pdfSandra Milena
 
DSUC 01: UX Research
DSUC 01: UX ResearchDSUC 01: UX Research
DSUC 01: UX ResearchRodrigo Vera
 
DiseñO De Interacciones
DiseñO De InteraccionesDiseñO De Interacciones
DiseñO De Interaccionesfjellul
 
2. diseño centrado al usuario
2. diseño centrado al usuario2. diseño centrado al usuario
2. diseño centrado al usuariosalvador2711
 
"UX Design for Mobile Developers" - Andres Jordan Zeballos - GDG Cochabamba
"UX Design for Mobile Developers" - Andres Jordan Zeballos - GDG Cochabamba"UX Design for Mobile Developers" - Andres Jordan Zeballos - GDG Cochabamba
"UX Design for Mobile Developers" - Andres Jordan Zeballos - GDG Cochabambagdgsantacruz
 
¿Diseñar para los usuarios o diseñar con los usuarios?
¿Diseñar para los usuarios o diseñar con los usuarios?¿Diseñar para los usuarios o diseñar con los usuarios?
¿Diseñar para los usuarios o diseñar con los usuarios?IxDA Mendoza
 
UCD una Metodologia de desarrollo de SW
UCD una Metodologia de desarrollo de SWUCD una Metodologia de desarrollo de SW
UCD una Metodologia de desarrollo de SWDayfel Hernandez
 
DISEÑO UX_UI123456789023456789023456789.pdf
DISEÑO UX_UI123456789023456789023456789.pdfDISEÑO UX_UI123456789023456789023456789.pdf
DISEÑO UX_UI123456789023456789023456789.pdfedgartorres431176
 
DISEÑO UX_UI123456789023456789023456789.pdf
DISEÑO UX_UI123456789023456789023456789.pdfDISEÑO UX_UI123456789023456789023456789.pdf
DISEÑO UX_UI123456789023456789023456789.pdfedgartorres431176
 
DISEÑO UX_UI 1134567789012345678892.pdf
DISEÑO UX_UI 1134567789012345678892.pdfDISEÑO UX_UI 1134567789012345678892.pdf
DISEÑO UX_UI 1134567789012345678892.pdfedgartorres431176
 
Ux teoría historia-métodos
Ux teoría historia-métodosUx teoría historia-métodos
Ux teoría historia-métodosRodrigo Ronda
 
UX en 30 Minutos
UX en 30 MinutosUX en 30 Minutos
UX en 30 MinutosSol Mesz
 

Similar a Diseño de sistemas interactivos introducción (20)

Santiago Bustelo - Incorporando UX a Ingeniería de Software y Desarrollo de S...
Santiago Bustelo - Incorporando UX a Ingeniería de Software y Desarrollo de S...Santiago Bustelo - Incorporando UX a Ingeniería de Software y Desarrollo de S...
Santiago Bustelo - Incorporando UX a Ingeniería de Software y Desarrollo de S...
 
UX no es diseño gráfico
UX no es diseño gráficoUX no es diseño gráfico
UX no es diseño gráfico
 
diseño de interacción.pdf
diseño de interacción.pdfdiseño de interacción.pdf
diseño de interacción.pdf
 
DSUC 01: UX Research
DSUC 01: UX ResearchDSUC 01: UX Research
DSUC 01: UX Research
 
Sesion05 analisis-definir
Sesion05 analisis-definirSesion05 analisis-definir
Sesion05 analisis-definir
 
DiseñO De Interacciones
DiseñO De InteraccionesDiseñO De Interacciones
DiseñO De Interacciones
 
2. diseño centrado al usuario
2. diseño centrado al usuario2. diseño centrado al usuario
2. diseño centrado al usuario
 
Fundamentos de User Experience
Fundamentos de User ExperienceFundamentos de User Experience
Fundamentos de User Experience
 
"UX Design for Mobile Developers" - Andres Jordan Zeballos - GDG Cochabamba
"UX Design for Mobile Developers" - Andres Jordan Zeballos - GDG Cochabamba"UX Design for Mobile Developers" - Andres Jordan Zeballos - GDG Cochabamba
"UX Design for Mobile Developers" - Andres Jordan Zeballos - GDG Cochabamba
 
¿Diseñar para los usuarios o diseñar con los usuarios?
¿Diseñar para los usuarios o diseñar con los usuarios?¿Diseñar para los usuarios o diseñar con los usuarios?
¿Diseñar para los usuarios o diseñar con los usuarios?
 
Producto digitales para personas - UX
Producto digitales para personas - UXProducto digitales para personas - UX
Producto digitales para personas - UX
 
Introducción a Experiencia de Usuario
Introducción a Experiencia de UsuarioIntroducción a Experiencia de Usuario
Introducción a Experiencia de Usuario
 
UCD una Metodologia de desarrollo de SW
UCD una Metodologia de desarrollo de SWUCD una Metodologia de desarrollo de SW
UCD una Metodologia de desarrollo de SW
 
DISEÑO UX_UI123456789023456789023456789.pdf
DISEÑO UX_UI123456789023456789023456789.pdfDISEÑO UX_UI123456789023456789023456789.pdf
DISEÑO UX_UI123456789023456789023456789.pdf
 
DISEÑO UX_UI123456789023456789023456789.pdf
DISEÑO UX_UI123456789023456789023456789.pdfDISEÑO UX_UI123456789023456789023456789.pdf
DISEÑO UX_UI123456789023456789023456789.pdf
 
DISEÑO UX_UI 1134567789012345678892.pdf
DISEÑO UX_UI 1134567789012345678892.pdfDISEÑO UX_UI 1134567789012345678892.pdf
DISEÑO UX_UI 1134567789012345678892.pdf
 
Diseño de interfaces Fundamentos de UI y UX
Diseño de interfaces    Fundamentos de UI y UXDiseño de interfaces    Fundamentos de UI y UX
Diseño de interfaces Fundamentos de UI y UX
 
Ux teoría historia-métodos
Ux teoría historia-métodosUx teoría historia-métodos
Ux teoría historia-métodos
 
UX en 30 Minutos
UX en 30 MinutosUX en 30 Minutos
UX en 30 Minutos
 
Diseño web inclusivo y la maquetación
Diseño web inclusivo y la maquetaciónDiseño web inclusivo y la maquetación
Diseño web inclusivo y la maquetación
 

Último

Normas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratisNormas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratisbrasilyamile
 
Arquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth BermúdezArquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth BermúdezNaza59
 
Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoJorge Fernandez
 
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfCERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfasnsdt
 
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHEAPORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHEgonzalezdfidelibus
 
Quinto-Cuaderno-del-Alumno-optimizado.pdf
Quinto-Cuaderno-del-Alumno-optimizado.pdfQuinto-Cuaderno-del-Alumno-optimizado.pdf
Quinto-Cuaderno-del-Alumno-optimizado.pdfPapiElMejor1
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialAndreaMlaga1
 
TIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánicoTIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánicoWilsonChambi4
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfhellotunahaus
 
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfLAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfBrbara57940
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfslaimenbarakat
 
Arquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der RoheArquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der Roheimariagsg
 
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...MayerlyAscanioNavarr
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddabuitragoi
 
Maquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdfMaquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdforianaandrade11
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturajesusgrosales12
 
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdfcnaomi195
 
Arquitectura Moderna Walter Gropius- Frank Lloyd Wright
Arquitectura Moderna  Walter Gropius- Frank Lloyd WrightArquitectura Moderna  Walter Gropius- Frank Lloyd Wright
Arquitectura Moderna Walter Gropius- Frank Lloyd Wrightimariagsg
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOManuelBustamante49
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxbarbaracantuflr
 

Último (20)

Normas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratisNormas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratis
 
Arquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth BermúdezArquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth Bermúdez
 
Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimiento
 
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfCERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
 
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHEAPORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
 
Quinto-Cuaderno-del-Alumno-optimizado.pdf
Quinto-Cuaderno-del-Alumno-optimizado.pdfQuinto-Cuaderno-del-Alumno-optimizado.pdf
Quinto-Cuaderno-del-Alumno-optimizado.pdf
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especial
 
TIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánicoTIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánico
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdf
 
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfLAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
 
Arquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der RoheArquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der Rohe
 
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidad
 
Maquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdfMaquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdf
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitectura
 
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
 
Arquitectura Moderna Walter Gropius- Frank Lloyd Wright
Arquitectura Moderna  Walter Gropius- Frank Lloyd WrightArquitectura Moderna  Walter Gropius- Frank Lloyd Wright
Arquitectura Moderna Walter Gropius- Frank Lloyd Wright
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptx
 

Diseño de sistemas interactivos introducción

  • 1. 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
  • 2. Diseño de Sistemas Interactivos Introducció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 interactivo  Entender 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/2016David Díez Cebollero
  • 3. Diseño de Sistemas Interactivos Introducción > Experiencia de Usuario (UX) 29/01/2016David Díez Cebollero User eXperience
  • 4. Diseño de Sistemas Interactivos Introducción > Experiencia de Usuario (UX) > Definición 29/01/2016David 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
  • 5. Diseño de Sistemas Interactivos Introducción > Experiencia de Usuario (UX) > Definición 29/01/2016David Díez Cebollero - UX no es (solo) Usabilidad - @Universal Principles of Design - Rockport Publishers U X
  • 6. Diseño de Sistemas Interactivos Introducción > Experiencia de Usuario (UX) > Definición 30/01/2015David Díez Cebollero - UX no es (solo) Estética -
  • 7. Diseño de Sistemas Interactivos Introducción > Experiencia de Usuario (UX) > Definición 30/01/2015David Díez Cebollero @Magnus Revang
  • 8. Diseño de Sistemas Interactivos Introducción > Diseño de Experiencia de Usuario (UXD) 29/01/2016David Díez Cebollero @The UX Book – Morgan Kaufmann ¿Qué es una experiencia?
  • 9. Diseño de Sistemas Interactivos Introducción > Diseño de Experiencia de Usuario (UXD) 29/01/2016David Díez Cebollero No se diseña la experiencia de usuario, se diseña para lograr (una buena) experiencia de usuario
  • 10. Diseño de Sistemas Interactivos Introducción > Diseño de Experiencia de Usuario (UXD) > Definición 29/01/2016David 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
  • 11. Diseño de Sistemas Interactivos Introducción > Diseño de Experiencia de Usuario (UXD) > Definición 29/01/2016David Díez Cebollero
  • 12. Diseño de Sistemas Interactivos Introducción > Diseño de Experiencia de Usuario (UXD) > Definición 29/01/2016David Díez Cebollero @ed_lea - UXD no es (solo) UID -
  • 13. Diseño de Sistemas Interactivos Introducción > Diseño de Experiencia de Usuario (UXD) > Definición 29/01/2016David 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). 
  • 14. Diseño de Sistemas Interactivos Introducción > Diseño de Experiencia de Usuario (UXD) > Definición 29/01/2016David Díez Cebollero @Web UI Design Best Practices - UX Pin - UXD no es (solo) UID -
  • 15. Diseño de Sistemas Interactivos Introducción > Diseño de Experiencia de Usuario (UXD) > Disciplinas 29/01/2016David Díez Cebollero @Adaptado de www.envis-precisely.com User Experience Design
  • 16. Diseño de Sistemas Interactivos Introducción > Diseño de Experiencia de Usuario (UXD) > Disciplinas 29/01/2016David Díez Cebollero  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.
  • 17. Diseño de Sistemas Interactivos Introducción > Diseño de Experiencia de Usuario (UXD) > Disciplinas 29/01/2016David Díez Cebollero  Desarrollo de software Actividad dirigida a la construcción (diseño, codificación, prueba y documentación) de productos software. Ingeniería de software Aplicación de un enfoque sistemático, disciplinado y cuantificable al desarrollo, operación y mantenimiento de software. (IEEE 1993)
  • 18. Diseño de Sistemas Interactivos Introducción > Sistema interactivo 29/01/2016David 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”
  • 19. Diseño de Sistemas Interactivos Introducción > Sistema interactivo 29/01/2016David Díez Cebollero @The UX Book – Morgan Kaufmann Sistema interactivo - Interactive (computer) system -
  • 20. Diseño de Sistemas Interactivos Introducción > Sistema interactivos > Limitaciones del modelo tradicional 29/01/2016David 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
  • 21. Diseño de Sistemas Interactivos Introducción > Sistema interactivos > Limitaciones del modelo tradicional 29/01/2016David Díez Cebollero @Software Requirements – Microsoft Press Modelo de desarrollo tradicional Problema 2. Descomposición excesiva, incluso ficticia, del sistema entre requisitos funcionales y requisitos de usuario.
  • 22. Diseño de Sistemas Interactivos Introducción > Sistema interactivos > Limitaciones del modelo tradicional 29/01/2016David 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
  • 23. Diseño de Sistemas Interactivos Introducción > Sistema interactivos > Diseño Centrado en el Usuario (UCD) 29/01/2016David Díez Cebollero Paradigmas de diseño
  • 24. Diseño de Sistemas Interactivos Introducción > Sistema interactivos > Diseño Centrado en el Usuario (UCD) 29/01/2016David 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.”
  • 25. Diseño de Sistemas Interactivos Introducción > Sistema interactivos > Diseño Centrado en el Usuario (UCD) 29/01/2016David Díez Cebollero
  • 26. Diseño de Sistemas Interactivos Introducción > Sistema interactivos > Diseño Centrado en el Usuario (UCD) 29/01/2016David 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
  • 27. Diseño de Sistemas Interactivos Introducción > Sistema interactivos > Diseño Centrado en el Usuario (UCD) 29/01/2016David Díez Cebollero
  • 28. Diseño de Sistemas Interactivos Introducción > Sistema interactivos > Proceso de diseño 29/01/2016David Díez Cebollero Modelo de diseño centrado en las personas @ISO 13407: 1999. Human-centred design process for interactive systems
  • 29. Diseño de Sistemas Interactivos Introducción > Sistema interactivos > Proceso de diseño 29/01/2016David Díez Cebollero Modelo de diseño centrado en las personas @ISO 9241-210: 2010. Ergonomics of human-system interaction – Part 210: Human-centred design for interactive systems 
  • 30. Diseño de Sistemas Interactivos Introducción > Sistema interactivos > Proceso de diseño 29/01/2016David Díez Cebollero ¿Qué es diseñar?
  • 31. Diseño de Sistemas Interactivos Introducción > Sistema interactivos > Proceso de diseño 29/01/2016David Díez Cebollero ¿Qué es diseñar?
  • 32. Diseño de Sistemas Interactivos Introducció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.
  • 33. Diseño de Sistemas Interactivos Introducció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?
  • 34. Diseño de Sistemas Interactivos Introducción > Sistema interactivos > Proceso de diseño 29/01/2016David Díez Cebollero @Thomas Kowark Human-Centered Software Design and Engineering
  • 35. Diseño de Sistemas Interactivos Introducción > Diseño de Sistemas Interactivos (DSI) 29/01/2016David 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
  • 36. Diseño de Sistemas Interactivos Introducción > Diseño de Sistemas Interactivos (DSI) 29/01/2016David Díez Cebollero @The UX Book – Morgan Kaufmann UX software requirements Non-UX software requirements Diseño de Sistemas Interactivos
  • 37. 29/01/2016David Díez Cebollero Diseño de Sistemas Interactivos Introducció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
  • 38. 29/01/2016David Díez Cebollero Diseño de Sistemas Interactivos Introducción > Diseño de Sistemas Interactivos (DSI Synthesis Evaluation Analysis DSI
  • 39. Diseño de Sistemas Interactivos Introducción > Diseño de Sistemas Interactivos (DSI 29/01/2016David Díez Cebollero @Adaptado de IDEO
  • 40. Diseño de Sistemas Interactivos Introducción > Contenido sesión 2 29/01/2016David 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 interactivo  Entender 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

Notas del editor

  1. ¡¡¡Valor al cliente!!!
  2. Usability is not user-friendly, user-friendly is human factors & ergonomics
  3. Human factors engineering looks at the human as a component in a larger system for which performance is to be optimized.
  4. Human Factors & Ergonomics => Human Computer Interaction
  5. Dibujo libro UX
  6. No recomendaciones sino REQUISITOS
  7. Signum = Señalar, señalar el futuro Signum > Designio Disegno > Diseño (dibujar, algo artístico) Design > Inventar
  8. HCDE
  9. Definición
  10. Dibujo 23-3
  11. Nuestro modelo