SlideShare una empresa de Scribd logo
Curso-Taller
Fundamentos de
Experiencia de Usuario
Víctor García
BBVA Bancomer
Fundamentos de User Experience
Fundamentos de User Experience
¡Hola!
Lead User Experience Consultant & Agile Practitioner @ BBVA Bancomer
UX Instructor @ Usaria
Agile Instructor @ EBC, División Educación Corporativa
Scrum Master Certified by Scrum Alliance
UX Nights & Ágiles México Staff
Víctor García
@idvicman
Curso-Taller
Fundamentos de
Experiencia de Usuario
Agenda
Parte I Principios
• Introducción a Experiencia de Usuario
• Un poco de historia
• Definiciones básicas y alineación de conceptos
• Introducción al Diseño Centrado en el Usuario
• Entender
• Diseñar
• Desarrollar
• Evaluar
• Frameworks
• UX en las organizaciones
Agenda
Parte II Práctica
• User Centered Design Game
¿Están listos?
Parte I Principios
Introducción a
Experiencia de Usuario
Un poco de historia…
HoyLa tecnología forma parte de nuestra vida. De nosotros mismos.
HoyLa tecnología nos permite conectarnos.
HoyLa tecnología nos permite aislarnos.
HoyNo es la tecnología, es lo que logramos a través de ella.
HoyNo es la tecnología, es la experiencia.
Starbucks
StarbucksNo es el café.
StarbucksNo es el café, es el servicio.
StarbucksNo es el café, es la individualidad.
StarbucksNo es el café, es la tecnología que posibilita el servicio.
StarbucksNo es el café, es la experiencia.
UberNo es el transporte, es la experiencia.
AirBnBNo es el hospedaje, es la experiencia.
¿Desde cuándo
empezamos a hablar de
experiencia de usuario?
2007Lanzamiento iPhone. Inicia la revolución móvil.
2007Lanzamiento iPhone. Inicia la revolución móvil.
2006Time: Person of the year. “Tú controlas la Era de la Información”.
1993Don Norman, el primer Arquitecto de Experiencia de Usuario.
– Don Norman.
“Inventé el término [Experiencia de Usuario] porque pensé
que interfaz y usabilidad eran demasiado limitados: quise
cubrir todos los aspectos de la experiencia de una persona
con un sistema, incluyendo el diseño industrial, gráficos, la
interfaz, la interacción física y la manual”.
1993Jakob Nielsen publica el libro Usability Engineering.
– Jakob Nielsen.
“Es importante darse cuenta de que la usabilidad no es
una propiedad única o unidimensional de una interfaz de
usuario. La usabilidad tiene varios componentes y está
tradicionalmente asociada con cinco atributos:
facilidad de aprendizaje, la eficiencia, la recordación, los
errores y la satisfacción.”.
1991Primera página web. Proyecto W3 por Tim Berners-Lee.
1984Lanzamiento de la computadora Macintosh de Apple.
1984Lanzamiento de la computadora Macintosh de Apple.
1955Designing for people de Henry Dreyfuss.
1948Toyota Production System. Filosofía “respeto a la gente”.
1939Segunda Guerra Mundial. Factores humanos aplicados en tecnología.
1900Taylorismo. La interacción entre los trabajadores y sus herramientas.
Experiencia de Usuario se
relaciona con un conjunto de
disciplinas, tecnologías y
acontecimientos importantes
en la historia, por lo menos,
desde el último siglo.
Incluso, mucho antes.
Fundamentos de User Experience
Definiciones básicas y
alineación de conceptos
Interacción Humano-Computadora
• La Interacción Humano-Computadora es la disciplina
relacionada con el diseño, evaluación e implementación de
sistemas de cómputo interactivos para uso humano y al
estudio de los fenómenos que rodean a la interacción.
ACM SIGCHI Curricula for Human-Computer Interaction
Curricula for Human-Computer Interaction.
Usabilidad
• Efectividad, eficiencia y satisfacción con la que un producto
permite alcanzar objetivos específicos a usuarios específicos
en un contexto de uso específico.
Norma ISO 9241-11:1998: Ergonomic requirements for office work with visual
display terminals (VDTs) — Part 11: Guidance on usability
Usability framework.
Diseño Centrado en el Usuario
• Un enfoque para el diseño y desarrollo de sistemas que tiene
como objetivo hacer sistemas interactivos más usables,
centrándose en el uso del sistema y aplicando factores
humanos/ergonomía y los conocimientos y técnicas de
usabilidad.
Norma ISO 9241-210: Ergonomics of human–system interaction — Part 210:
Human-centred design for interactive systems
Diseño Centrado en el Usuario
• Entender el contexto de uso.
• Especificar las necesidades de los usuarios.
• Producir soluciones de diseño para satisfacer las
necesidades de esos usuarios.
• Evaluar los diseños en cuanto a los requerimientos.
Norma ISO 9241-210: Ergonomics of human–system interaction — Part 210:
Human-centred design for interactive systems
Diseño Centrado en el Usuario.
Experiencia de Usuario
• Conjunto de percepciones y respuestas de una persona
resultantes del uso y/o el uso previo de un producto, sistema
o servicio.
Norma ISO 9241-210: Ergonomics of human–system interaction — Part 210:
Human-centred design for interactive systems
Fundamentos de User Experience
PROPRIETARY&CONFIDENTIAL.©2015 TERANTBWA
PROPRIETARY&CONFIDENTIAL.©2015 TERANTBWA
Interfaz
Dispositivo
Interacción
Usuario
Lo que ve
Lo que escucha
Lo que expresa
Lo que siente
Lo que piensa
Entorno
Experiencia de Usuario
• NOTA 1 La experiencia del usuario incluye todas las
emociones de los usuarios, creencias, preferencias,
percepciones, las respuestas físicas y psicológicas,
comportamientos y logros que ocurren antes, durante y
después de su uso.
Norma ISO 9241-210: Ergonomics of human–system interaction — Part 210:
Human-centred design for interactive systems
Fundamentos de User Experience
Fundamentos de User Experience
Fundamentos de User Experience
Experiencia de Usuario
• NOTA 2 La experiencia del usuario es una consecuencia de la
imagen de marca, la presentación, la funcionalidad, el
rendimiento del sistema, el comportamiento interactivo y
capacidades de asistencia del sistema, el estado físico e
interno del usuario como resultado de experiencias previas,
actitudes, habilidades y personalidad, y el contexto de uso.
Norma ISO 9241-210: Ergonomics of human–system interaction — Part 210:
Human-centred design for interactive systems
Fundamentos de User Experience
Fundamentos de User Experience
Fundamentos de User Experience
Experiencia de Usuario
• NOTA 3 Usabilidad, si se interpreta desde la perspectiva de
las metas personales de los usuarios, puede incluir el tipo de
aspectos perceptivos y emocionales típicamente asociados
con la experiencia del usuario. Los criterios de usabilidad
pueden ser usados para evaluar los aspectos de la
experiencia del usuario.
Norma ISO 9241-210: Ergonomics of human–system interaction — Part 210:
Human-centred design for interactive systems
Fundamentos de User Experience
Disciplinas relacionadas
The Disciplines of User Experience Design de Dan Saffer.
http://visual.ly/disciplines-user-experience-design
Roles involucrados
UX Umbrella. UX es un esfuerzo de equipo.
“User experience is the way
you experience the world”
“Today, the term "User Experience" has
been horribly misused. It used by
people to say "I am a User Experience
Designer, I design websites, I design
apps" and they have no clues to what
they are doing. They think the
“experience” is a simple device, the
website, or the app or who knows what.
No. It's everything: it's the way you
experience the world, it's the way you
experience your life, it's the way you
experience the service or -yes- an app
or a computer system.
But, it's a system, it's everything”.
Donald Norman
Frameworks
The Elements
of User Experience
Jesse James Garrett
The Elements of User Experience.
The Elements of User Experience :
User-Centered Design for the Web and
Beyond
Jesse James Garrett
Lean UX
Jeff Gothelf
Ciclo Lean UX.
Lean UX: Applying Lean Principles to
Improve User Experience
Jeff Gothelf
IA Practice Model
Louis Rosenfeld
IA Practice model.
Information Architecture: For the Web
and Beyond
Louis Rosenfeld
Goal-Directed Design process
Alan Cooper
Construcción de procesos digitales exitosos.
Goal-Directed Design process.
Investigación
de usuarios
Modelado
de usuarios y
contexto de
uso
Requerimientos
de usuarios y
contexto de uso
Estructura
del diseño y del
flujo de
interacción
Refinamiento
comportamiento,
forma y
contenido
Soporte
necesidades
de desarrollo
About Face : The Essentials of
Interaction Design
Alan Cooper
Design Thinking
Fundamentos de User Experience
Fundamentos de User Experience
Fundamentos de User Experience
Fundamentos de User Experience
Service Design Thinking
EXPLORACIÓN CREACIÓN REFLEXIÓN IMPLEMENTACIÓN
Touchpoint Service Evidence Service Period
Customer Service Provider Stakeholder Service Designer
Cada punto de
contacto entre el
cliente y el proveedor
del servicio
Un artefacto tangible
relacionado a un
proceso del servicio
Pre servicio / Servicio / Post servicio
Periodo del servicio actual
This Is Service Design Thinking: Basics, Tools, Cases
Marc Stickdorn, Jakob Schneider
UX en las organizaciones
Fundamentos de User Experience
Fundamentos de User Experience
The User Experience Team of One: A Research and
Design Survival Guide
Leah Buley
Org Design for Design Orgs: Building and Managing
In-House Design Teams
Peter Merholz, Kristin Skinner
¿Preguntas?
¡Break! :)
Parte II Práctica
Diseño Centrado en el Usuario
Diseño Centrado en el Usuario
• Un enfoque para el diseño y desarrollo de sistemas que tiene
como objetivo hacer sistemas interactivos más usables,
centrándose en el uso del sistema y aplicando factores
humanos/ergonomía y los conocimientos y técnicas de
usabilidad.
Norma ISO 9241-210: Ergonomics of human–system interaction — Part 210:
Human-centred design for interactive systems
Diseño Centrado en el Usuario
• Entender el contexto de uso.
• Especificar las necesidades de los usuarios.
• Producir soluciones de diseño para satisfacer las
necesidades de esos usuarios.
• Evaluar los diseños en cuanto a los requerimientos.
Norma ISO 9241-210: Ergonomics of human–system interaction — Part 210:
Human-centred design for interactive systems
Diseño Centrado en el Usuario.
Entender
• Las características de los usuarios previstos.
• Las tareas que los usuarios realizarán.
• El medio ambiente en el que los usuarios ocuparán el sistema.
Norma ISO 9241-210: Ergonomics of human–system interaction — Part 210: Human-centred design for
interactive systems.
Técnicas y métodos
• UX Questionnaire
• UX Project Plan
• Listening Tour
• Opportunity Workshop
• Project Brief
• Strategy Workshop
Técnicas y métodos
• Guerilla User Research
• Heuristic Markup
• Comparative Assessment
• …
Project brief.
UX Project Plan.
UX Project Plan.
UX Questionnaire.
Listening Tour.
Fundamentos de User Experience
Diseñar
• Identificar el rango de usuarios relevantes, y otras personas,
en el diseño.
• Proveer una declaración clara de las metas de Diseño
Centrado en el Usuario.
• Establecer las prioridades adecuadas para los distintos
requisitos.
Norma ISO 9241-210: Ergonomics of human–system interaction — Part 210: Human-centred design for
interactive systems.
Diseñar
• Proporcionar parámetros mensurables contra los que los
diseños emergentes se pueden validar.
• Confirmar el interés de los usuarios, o quienes los
representen, en el proceso.
• Incluir requisitos legales.
• Documentar.
Norma ISO 9241-210: Ergonomics of human–system interaction — Part 210: Human-centred design for
interactive systems.
Técnicas y métodos
• Design Principles & patterns
• Personas
• Sketching and sketchboards
• Task Flows
• Wireframes
• …
Proto-personas.
Sketching.
Sketchboard.
Taskflow.
Wireframes.
Fundamentos de User Experience
Desarrollar
• Desarrollar propuestas del esquema de diseño de forma
multidisciplinaria.
• Hacer la(s) solución(es) de diseño más concreta(s), mediante
simulaciones, maquetas, prototipos, etc.
• Mostrar la(s) solución(es) de diseño a los usuarios y permitir
que realicen tareas/simulaciones del sistema.
• Iterar el proceso hasta que se cumplan los objetivos de diseño.
Norma ISO 9241-210: Ergonomics of human–system interaction — Part 210: Human-centred design for
interactive systems.
Técnicas y métodos
• Prototyping
• Low-Fidelity
• Medium-Fidelity
• High-Fidelity
• Product increment
Fundamentos de User Experience
Fundamentos de User Experience
Fundamentos de User Experience
http://www.axure.com
http://www.justinmind.com
https://www.invisionapp.com
Fundamentos de User Experience
Fundamentos de User Experience
Fundamentos de User Experience
Evaluar
• Evaluar si se han cumplido los objetivos del usuario y de la
organización.
• Proporcionar información que pueda ser utilizada para
mejorar el diseño. Hay una variedad de métodos de
evaluación, que difieren en su formalidad, rigor y usuarios
involucrados. El mejor método dependerá de la naturaleza
del producto que se esté desarrollando, el presupuesto y las
restricciones de tiempo.
Norma ISO 9241-210: Ergonomics of human–system interaction — Part 210: Human-centred design for
interactive systems.
Técnicas y métodos
• Usability Testing
• Discount Usability Testing
• A/B Testing
• Eye Tracking
• …
Fundamentos de User Experience
https://www.techsmith.com/morae.html
Fundamentos de User Experience
Fundamentos de User Experience
https://www.usertesting.com/ http://www.userzoom.es/
http://fivesecondtest.com
https://www.optimalworkshop.com/chalkmark
https://www.optimalworkshop.com/treejack
Factores clave para
implementar Diseño Centrado
en el Usuario
Factores clave
• El diseño está basado en una comprensión explícita de usuarios, tareas y
entornos.
• Los usuarios están involucrados durante el diseño y el desarrollo.
• El diseño está dirigido y refinado por evaluaciones centradas en
usuarios.
• El proceso es iterativo.
• El diseño está orientado a toda la experiencia del usuario.
• El equipo de diseño incluye habilidades y perspectivas multidisciplinares.
El Diseño Centrado en el
Usuario es una utopía
¿Preguntas?
¡Break! :)
User Centered Design Game
http://uxed.uoc.edu/ucdgame/index.html
Reglas
• El juego UCD está estructurado en 4 secciones:
• Definición de usuarios
• Análisis de las características de los usuarios
• Diseñar y evaluar una propuesta de solución
• Evaluar el proceso
• Formar equipos de 4-5 participantes
• 2-3 horas de duración
Declaración del problema
Con el creciente número de personas que viajan en avión,
cada vez más aeropuertos están equipados con máquinas
que permiten a los pasajeros llevar a cabo su propio proceso
de registro. Sin embargo, pocas personas optan por utilizar
las máquinas de auto check-in.
Debido a esto, una compañía ha decidido diseñar una
máquina de auto check-in bajo un proceso de diseño
centrado en el usuario.
Fundamentos de User Experience
Definición de usuarios
30 minutos
Análisis de las características
de los usuarios
40 minutos
Diseñar y evaluar una
propuesta de solución
40 minutos
Evaluar el proceso
30 minutos
¿Preguntas?
¡Gracias!
Víctor García
@idvicman
Curso-Taller
Fundamentos de
Experiencia de Usuario
Víctor García
BBVA Bancomer

Más contenido relacionado

PDF
Qué es la identidad corporativa
PPT
Xilografia
DOCX
La influencia de la sociedad en el desarrollo técnico
PDF
PPTX
La tecnologia y su influencia
PDF
Etiquetas
PDF
Construcción de la marca
DOCX
Brief Google AdWords
Qué es la identidad corporativa
Xilografia
La influencia de la sociedad en el desarrollo técnico
La tecnologia y su influencia
Etiquetas
Construcción de la marca
Brief Google AdWords

Similar a Fundamentos de User Experience (20)

PDF
Taller Fundamentos de Experiencia de Usuario 01/03
PDF
Integración de Lean UX en Scrum
PDF
Integración de Lean UX en Scrum
PDF
Tutorial Lean UX Workshop - MexIHC 2016
PPT
2. diseño centrado al usuario
PPTX
E. semana 2 módulo 1
PDF
Usabilidad - Conceptos Básicos
PPTX
Ux teoría historia-métodos
PDF
Experiencia de usuario en proyectos de internet
PPT
Usabilidad: del Dicho al Hecho.
PDF
¿Cómo evaluar la Experiencia de Usuario?
PDF
Manual de tecnicas_para_el_diseno_participativo-usabilidad_corregido
PDF
Diseño Industrial INTI - Usabilidad
PPT
Usabilidad
PPTX
¿Diseñar para los usuarios o diseñar con los usuarios?
PDF
Introducción a Experiencia de Usuario
PPTX
Ingeniería de usabilidad
PPTX
Analisis de sistemas 1(usabilidad)
PPTX
USABILIDAD DE LOS SITIOS WEB
PDF
T01 dawebguis
Taller Fundamentos de Experiencia de Usuario 01/03
Integración de Lean UX en Scrum
Integración de Lean UX en Scrum
Tutorial Lean UX Workshop - MexIHC 2016
2. diseño centrado al usuario
E. semana 2 módulo 1
Usabilidad - Conceptos Básicos
Ux teoría historia-métodos
Experiencia de usuario en proyectos de internet
Usabilidad: del Dicho al Hecho.
¿Cómo evaluar la Experiencia de Usuario?
Manual de tecnicas_para_el_diseno_participativo-usabilidad_corregido
Diseño Industrial INTI - Usabilidad
Usabilidad
¿Diseñar para los usuarios o diseñar con los usuarios?
Introducción a Experiencia de Usuario
Ingeniería de usabilidad
Analisis de sistemas 1(usabilidad)
USABILIDAD DE LOS SITIOS WEB
T01 dawebguis
Publicidad

Más de Víctor Manuel García Luna (20)

PDF
Design Thinking en la transformación digital de una organización de gran escala
PDF
Outcomes over outputs
PDF
Midiendo la estrategia de producto en las organizaciones
PDF
Diseño estratégico para la gestión de un portfolio de proyectos
PDF
Una guía práctica para crear empatía a través de Design Thinking
PDF
Dual-Track Agile
PDF
Transformación a través del Diseño
PDF
Métodos de Integración Lean, Agile & Design Thinking
PDF
Team Canvas Meeting - Lite Version
PDF
10 técnicas de divergencia y convergencia
PDF
Taller de introducción a Lean Startup - Agile Open Acapulco
PDF
Taller de Introducción a Design Thinking - Agile Open Acapulco
PDF
Taller de generación de modelos de negocio con Business Model Canvas
PDF
Integración de UX en Scrum: Lecciones para compartir
PDF
Design Thinking Fundamentals
PDF
Lean Canvas: Diseñando tu modelo de negocio bajo principios de Lean Startup
PDF
Producto Mínimo Viable
PDF
Team canvas workshop
PDF
Unidad a través del cambio social: 4 pequeñas historias
PDF
Taller Agile Inception Deck
Design Thinking en la transformación digital de una organización de gran escala
Outcomes over outputs
Midiendo la estrategia de producto en las organizaciones
Diseño estratégico para la gestión de un portfolio de proyectos
Una guía práctica para crear empatía a través de Design Thinking
Dual-Track Agile
Transformación a través del Diseño
Métodos de Integración Lean, Agile & Design Thinking
Team Canvas Meeting - Lite Version
10 técnicas de divergencia y convergencia
Taller de introducción a Lean Startup - Agile Open Acapulco
Taller de Introducción a Design Thinking - Agile Open Acapulco
Taller de generación de modelos de negocio con Business Model Canvas
Integración de UX en Scrum: Lecciones para compartir
Design Thinking Fundamentals
Lean Canvas: Diseñando tu modelo de negocio bajo principios de Lean Startup
Producto Mínimo Viable
Team canvas workshop
Unidad a través del cambio social: 4 pequeñas historias
Taller Agile Inception Deck
Publicidad

Último (20)

PDF
ekos contruccion one central park losa colaborante tuberia inoxidable
PDF
Act. 2.1 Recursos Naturales y su Clasificación..pdf
DOCX
FCE POLITICa tercer grado secundaria adolescentes
PDF
Párchese y sobreviva al colegio.pdf, juego
PPTX
7ma sesion de clase de produccion de cuyes y conejos.....pptx
PDF
Arquitectura Expresionista, ARQUITECTURA
PPTX
Diapositiva marco del Buen Desempeño.pptx
PPTX
CONSTRUCCION DE MAQUINA ESCUADRADORA ..pptx
PPTX
El-Ingles-Una-Lengua-Directamente-Derivada-del-Latin.pptx
PPTX
11avo sesion de clase de produccion de cuyes y conejos.....pptx
PDF
Calendario socio productivo Baré ultimo.pdf
DOCX
EL SENSOR PARA CUIDAR EL MEDIO AMBIENTE.docx
DOCX
RUTA DE TRABAJO III BLOQUE DE SEMANA DE GESTION DE LA IE JUAN SANTOS ATAHUALP...
PDF
AMTD-609_FORMATOALUMNOTRABAJOFINAL602.pdf
PPTX
Dispensaciones la garcia, el gobierno humano, etc
PPTX
2 rev industrial y dit.pptx mamkaakkakakaaka
PDF
Higiene Industrial para la seguridad laboral
PPTX
13 y 14.pptxmjgyggguuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu
PDF
Presentación Diapositivas Propuesta de Proyecto Orgánico Aesthetic Beige y Ma...
PDF
NORMAS APA 7 EDICIÓN PARA DOCUMENTOS UNI
ekos contruccion one central park losa colaborante tuberia inoxidable
Act. 2.1 Recursos Naturales y su Clasificación..pdf
FCE POLITICa tercer grado secundaria adolescentes
Párchese y sobreviva al colegio.pdf, juego
7ma sesion de clase de produccion de cuyes y conejos.....pptx
Arquitectura Expresionista, ARQUITECTURA
Diapositiva marco del Buen Desempeño.pptx
CONSTRUCCION DE MAQUINA ESCUADRADORA ..pptx
El-Ingles-Una-Lengua-Directamente-Derivada-del-Latin.pptx
11avo sesion de clase de produccion de cuyes y conejos.....pptx
Calendario socio productivo Baré ultimo.pdf
EL SENSOR PARA CUIDAR EL MEDIO AMBIENTE.docx
RUTA DE TRABAJO III BLOQUE DE SEMANA DE GESTION DE LA IE JUAN SANTOS ATAHUALP...
AMTD-609_FORMATOALUMNOTRABAJOFINAL602.pdf
Dispensaciones la garcia, el gobierno humano, etc
2 rev industrial y dit.pptx mamkaakkakakaaka
Higiene Industrial para la seguridad laboral
13 y 14.pptxmjgyggguuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu
Presentación Diapositivas Propuesta de Proyecto Orgánico Aesthetic Beige y Ma...
NORMAS APA 7 EDICIÓN PARA DOCUMENTOS UNI

Fundamentos de User Experience