Experiencia de Usuario / User Experience UI / UX · 2019-03-23 · Diseño de UX Esta noción de...
Transcript of Experiencia de Usuario / User Experience UI / UX · 2019-03-23 · Diseño de UX Esta noción de...
![Page 1: Experiencia de Usuario / User Experience UI / UX · 2019-03-23 · Diseño de UX Esta noción de resultado deseado nos lleva a la meta de diseño de interfaz de usuario y tener una](https://reader034.fdocuments.es/reader034/viewer/2022042622/5f7c14d3071fac6b63231af6/html5/thumbnails/1.jpg)
Experiencia de Usuario /
User Experience UI / UX
Alex Vidal
![Page 2: Experiencia de Usuario / User Experience UI / UX · 2019-03-23 · Diseño de UX Esta noción de resultado deseado nos lleva a la meta de diseño de interfaz de usuario y tener una](https://reader034.fdocuments.es/reader034/viewer/2022042622/5f7c14d3071fac6b63231af6/html5/thumbnails/2.jpg)
Agenda
Warm Up
Teoría sobre User Experience UX
Taller: Aplicación de la Metodología a
su proyecto
![Page 3: Experiencia de Usuario / User Experience UI / UX · 2019-03-23 · Diseño de UX Esta noción de resultado deseado nos lleva a la meta de diseño de interfaz de usuario y tener una](https://reader034.fdocuments.es/reader034/viewer/2022042622/5f7c14d3071fac6b63231af6/html5/thumbnails/3.jpg)
Programa de Innovación 2017
1.Aplicar la técnica a
nuestro proyecto
2.Mejorar nuestro
producto / servicio
![Page 4: Experiencia de Usuario / User Experience UI / UX · 2019-03-23 · Diseño de UX Esta noción de resultado deseado nos lleva a la meta de diseño de interfaz de usuario y tener una](https://reader034.fdocuments.es/reader034/viewer/2022042622/5f7c14d3071fac6b63231af6/html5/thumbnails/4.jpg)
User Experience UX / UI
Es diseño centrado en el usuario
El objetivo es lograr descubrir las
necesidades del usuario
El diseño es un proceso sistemático
UX Designer
![Page 5: Experiencia de Usuario / User Experience UI / UX · 2019-03-23 · Diseño de UX Esta noción de resultado deseado nos lleva a la meta de diseño de interfaz de usuario y tener una](https://reader034.fdocuments.es/reader034/viewer/2022042622/5f7c14d3071fac6b63231af6/html5/thumbnails/5.jpg)
Concepto central
Los usuarios utilizan una interfaz para
completar una tarea
S Sistema
Ut Tarea del Usuario
Output
Input
Interfaz
![Page 6: Experiencia de Usuario / User Experience UI / UX · 2019-03-23 · Diseño de UX Esta noción de resultado deseado nos lleva a la meta de diseño de interfaz de usuario y tener una](https://reader034.fdocuments.es/reader034/viewer/2022042622/5f7c14d3071fac6b63231af6/html5/thumbnails/6.jpg)
Experiencia de Usuario
Incluyen mas personas
Individuos
Grupos Sociedad
![Page 7: Experiencia de Usuario / User Experience UI / UX · 2019-03-23 · Diseño de UX Esta noción de resultado deseado nos lleva a la meta de diseño de interfaz de usuario y tener una](https://reader034.fdocuments.es/reader034/viewer/2022042622/5f7c14d3071fac6b63231af6/html5/thumbnails/7.jpg)
Diseño de UX
Esta noción de resultado deseado nos lleva a la
meta de diseño de interfaz de usuario y tener
una experiencia positiva del usuario. Dibujo.
Diseñar una interfaz que sean útiles y usables
Útiles (useful): que permita completar la tarea
Usables (usable): realizar la tarea de una manera
eficiente, eficaz y satisfactoria
![Page 8: Experiencia de Usuario / User Experience UI / UX · 2019-03-23 · Diseño de UX Esta noción de resultado deseado nos lleva a la meta de diseño de interfaz de usuario y tener una](https://reader034.fdocuments.es/reader034/viewer/2022042622/5f7c14d3071fac6b63231af6/html5/thumbnails/8.jpg)
Ciclo de Diseño
Ciclo de Diseño de la Interfaz de Usuario
1. Recolección de requerimientos
2. Diseño de alternativas
3. Prototipos 4. Evaluación
![Page 9: Experiencia de Usuario / User Experience UI / UX · 2019-03-23 · Diseño de UX Esta noción de resultado deseado nos lleva a la meta de diseño de interfaz de usuario y tener una](https://reader034.fdocuments.es/reader034/viewer/2022042622/5f7c14d3071fac6b63231af6/html5/thumbnails/9.jpg)
1. Recolección de
requerimientos
Comprender como los usuarios están
completando la tarea AHORA
Técnicas utilizadas:
1. Observación natural
2. Encuestas
3. Focus groups
4. Entrevistas
Presentación:
![Page 10: Experiencia de Usuario / User Experience UI / UX · 2019-03-23 · Diseño de UX Esta noción de resultado deseado nos lleva a la meta de diseño de interfaz de usuario y tener una](https://reader034.fdocuments.es/reader034/viewer/2022042622/5f7c14d3071fac6b63231af6/html5/thumbnails/10.jpg)
Metodología
Analizar y presentar la data cualitativa y
cuantitativa mas relevante
Analizar a los Stakeholders: primarios,
secundarios y terciarios
Presentación con diferentes técnicas
![Page 11: Experiencia de Usuario / User Experience UI / UX · 2019-03-23 · Diseño de UX Esta noción de resultado deseado nos lleva a la meta de diseño de interfaz de usuario y tener una](https://reader034.fdocuments.es/reader034/viewer/2022042622/5f7c14d3071fac6b63231af6/html5/thumbnails/11.jpg)
Perfil
![Page 12: Experiencia de Usuario / User Experience UI / UX · 2019-03-23 · Diseño de UX Esta noción de resultado deseado nos lleva a la meta de diseño de interfaz de usuario y tener una](https://reader034.fdocuments.es/reader034/viewer/2022042622/5f7c14d3071fac6b63231af6/html5/thumbnails/12.jpg)
Escenarios
![Page 13: Experiencia de Usuario / User Experience UI / UX · 2019-03-23 · Diseño de UX Esta noción de resultado deseado nos lleva a la meta de diseño de interfaz de usuario y tener una](https://reader034.fdocuments.es/reader034/viewer/2022042622/5f7c14d3071fac6b63231af6/html5/thumbnails/13.jpg)
Proceso
![Page 14: Experiencia de Usuario / User Experience UI / UX · 2019-03-23 · Diseño de UX Esta noción de resultado deseado nos lleva a la meta de diseño de interfaz de usuario y tener una](https://reader034.fdocuments.es/reader034/viewer/2022042622/5f7c14d3071fac6b63231af6/html5/thumbnails/14.jpg)
User Interface UI
![Page 15: Experiencia de Usuario / User Experience UI / UX · 2019-03-23 · Diseño de UX Esta noción de resultado deseado nos lleva a la meta de diseño de interfaz de usuario y tener una](https://reader034.fdocuments.es/reader034/viewer/2022042622/5f7c14d3071fac6b63231af6/html5/thumbnails/15.jpg)
2. Diseño de alternativas
Desarrollar una interfaz o sistema para hacer un
mejor trabajo de satisfacer las necesidades del
usuario frente a sus prácticas existentes.
Dilucidar problemas que queremos resolver al
usuario. El espacio de diseño: design space.
Utilizar notas para presentar todas las ideas de
los requerimientos funcionales y no funcionales.
En base a estas ideas diseñamos la interfaz.
Diseño de la interfaz de nuestro sistema.
![Page 16: Experiencia de Usuario / User Experience UI / UX · 2019-03-23 · Diseño de UX Esta noción de resultado deseado nos lleva a la meta de diseño de interfaz de usuario y tener una](https://reader034.fdocuments.es/reader034/viewer/2022042622/5f7c14d3071fac6b63231af6/html5/thumbnails/16.jpg)
Brainstorming
![Page 17: Experiencia de Usuario / User Experience UI / UX · 2019-03-23 · Diseño de UX Esta noción de resultado deseado nos lleva a la meta de diseño de interfaz de usuario y tener una](https://reader034.fdocuments.es/reader034/viewer/2022042622/5f7c14d3071fac6b63231af6/html5/thumbnails/17.jpg)
BS y Storyboard
El objetivo es crear novedad en el servicio para mejorar la experiencia del usuario
![Page 18: Experiencia de Usuario / User Experience UI / UX · 2019-03-23 · Diseño de UX Esta noción de resultado deseado nos lleva a la meta de diseño de interfaz de usuario y tener una](https://reader034.fdocuments.es/reader034/viewer/2022042622/5f7c14d3071fac6b63231af6/html5/thumbnails/18.jpg)
3. Prototipos
Técnica que busca asegurar que nuestro diseño
satisfaga las necesidades del usuario
Prototipo = primer modelo de un nuevo diseño
Low fidelity & high fidelity niveles
Objetivo: evaluar aspectos de nuestro nuevo
diseño y para comprobar si el diseño está
cumpliendo con los resultados deseados (outputs)
Sketchs, Mockup, Storyboard, Modelos 3D
![Page 19: Experiencia de Usuario / User Experience UI / UX · 2019-03-23 · Diseño de UX Esta noción de resultado deseado nos lleva a la meta de diseño de interfaz de usuario y tener una](https://reader034.fdocuments.es/reader034/viewer/2022042622/5f7c14d3071fac6b63231af6/html5/thumbnails/19.jpg)
3. Prototipos
![Page 20: Experiencia de Usuario / User Experience UI / UX · 2019-03-23 · Diseño de UX Esta noción de resultado deseado nos lleva a la meta de diseño de interfaz de usuario y tener una](https://reader034.fdocuments.es/reader034/viewer/2022042622/5f7c14d3071fac6b63231af6/html5/thumbnails/20.jpg)
User Experience UX / UI
![Page 21: Experiencia de Usuario / User Experience UI / UX · 2019-03-23 · Diseño de UX Esta noción de resultado deseado nos lleva a la meta de diseño de interfaz de usuario y tener una](https://reader034.fdocuments.es/reader034/viewer/2022042622/5f7c14d3071fac6b63231af6/html5/thumbnails/21.jpg)