1. USER EXPERIENCE DESIGN (UX)

2. Antes de comenzar..
HISTORIA CONCEPTUAL
DE HCI

3. Opera la maquina

5. Utiliza el software
Opera la maquina

6. Spreadsheet
Procesador de textos
Utiliza el software
Juegos (Basicos)
Opera la maquina

7. Spreadsheet
Procesador de textos
Utiliza el software
Juegos (Basicos)
Opera la maquina

8. Dibuja
Crea un brochure
Realiza una tarea Crea un presupuesto
Crea una canción
Utiliza el software
Soluciona el problema
De un avion
Opera la maquina

9. 1984

10. Hoy Día

11. Administra un hogar
Crea musica
Maneja un negocio
Experiencia
vive, aprende,
trabaja, juega
Aprende matematicas
Realiza una tarea
Compra, alquila
Mantiene un carro
Utiliza el software
Imersate
Opera la maquina en una fantasia

12. Dinamismo
Conectar
Experiencia
vive, aprende,
trabaja, juega
Realiza una tarea
Utiliza el software
Opera la maquina

13. Dinamismo
?

14. Dinamismo
Nuestro ambiente y las
herraminetas que utilizamos se
adaptan a nosotros mientras nos
movemos en la vida.

15. Dinamismo

16. AMBER CASE (INTERACTION12)
Herramientas tradicionales
Extension de nuestro ser fisico
Computadores
Extenciones de nuestro ser mental
SOLIDO LIQUIDO
AIRE

17. USER EXPERIENCE DESIGN (UX)
INTERACTION DESIGN (IxD)
SERVICE DESIGN (sd)

18. INFORMATION ARCHITECTURE
HCI
HUMAN FACTORS
USABILITY
USER EXPERIENCE DESIGN (UX)
INTERACTION DESIGN (IxD)
SERVICE DESIGN (sd)

19. INFORMATION ARCHITECTURE
HCI
HUMAN FACTORS
USABILITY
USER EXPERIENCE DESIGN (UX)
INTERACTION DESIGN (IxD)
SERVICE DESIGN (sd)
COGNITIVE PSYCHOLOGY
DESIGN RESEARCH
DESIGN STRATEGY
DESIGN THINKING

20. INFORMATION ARCHITECTURE
HCI
HUMAN FACTORS
USABILITY
USER EXPERIENCE DESIGN (UX)
INTERACTION DESIGN (IxD)
SERVICE DESIGN (sd)
COGNITIVE PSYCHOLOGY
DESIGN RESEARCH
DESIGN STRATEGY
DESIGN THINKING

21. USER EXPERIENCE DESIGN (UX)

22. ¿QUE SON EXPERIENCIAS?

23. BUEN SERVICIO
COMER EN UN
BUENA COMIDA
RESTAURANTE CON...
BUENAS VIBRAS!

24. Y una mala experiencia…
El mesero te derrama la copa de vino mientras la
ponia en la mesa…
Esperas 30 min en cola y al llegar cierran la
ventanilla...
Llegas a casa y te duele la barriga…
Con que puedes relacionar esa analogia con lo que
hacemos aquí, En LIQUID? Con el diseño de
Productos?

25. La satisfaccion que tiene un
usuario al usar un producto
o sistema

26. UNA EXPERIENCIA ES
LA MEZCLA DE...
DISEÑO
USABILIDAD
FUNCIONALIDAD
CONTENIDO

27. La experiencia de usuario depende no sólo de
los factores relativos al diseño (hardware,
software, usabilidad, diseño de interacción,
accesibilidad, diseño gráfico y visual, calidad de
los contenidos, buscabilidad o encontrabilidad,
utilidad, etc) sino además de aspectos relativos
a las emociones, sentimientos, construcción y
transmisión de la marca, confiabilidad del
producto, etc.
http://es.wikipedia.org/wiki/Experiencia_de_usuario

29. OK.. ENTONCES..
PORQUE GRITO TANTO?
CRI...CRI...

30. ...PORQUE EL DISEÑO DE UNA
EXPERIENCIA NO ES SOLO UN
SE INTEGRA A TODO! LOS DETALLES
SON LOS QUE CUENTAN!
QUE ESTRESANTE!!!

31. ENTONCES...
...PARA NO GRITAR MAS...
TAN TAN TAN !!

32. LOS NOMBRO A TODOS:
EMBAJADORES DE UX
CHAN!

33. PORQUE?
....

34. JUNTOS VAMOS A CREAR
EXPERIENCIAS ESPECTACULARES.
BIENVENIDOS AL CLUB.

35. “Los detalles no son los detalles. Son lo
que hacen el diseño”
- CHARLES EAMS

36. “Diseño no es solo como se ve ni como
se siente es tambien como funciona.”
- STEVE JOBS

37. Asu.. Y como hacemos eso?

38. PROCESSO

39. La Vision, Metas Objetivos del Cliente

40. EL USUARIO
¿Quien es?
¿Qué Quiere?
¿Qué Necesita?
Como aprendemos esto:
Investigación Contextual
Analisis de Target
Benchmark
Perfiles de Usuarios
En base a toda la información recaudada en la investigación se
hace un Estilo de Perfil de quién estará utilizando la herramienta.

41. STORYBOARDING: ANALYSIS DE USO
Se crean todos los “scenarios” posibles en el cual el usuario se
encontrará al interactuar con el producto/servicio.
De esta manera sabemos que estamos creando una solución
que está lista para las diferentes situaciones posibles.

42. ANALYSIS/CREACION DE CONTENIDO
Al saber quien es nuestro usuario al 110% podemos decidir que
contenido será de valor.
También podemos saber que servicios serán de valor para este.
Arquitectura de Información, Herarchía de la Información, Matriz de
Contenidos.

44. HORA DE DISEÑAR!

45. http://www.ibm.com/developerworks/library/w-berry/

46. Diseño de Navegación
Arquitectura de flujo de una pantalla a otra en todas las
situación posibles.
Wireframes
Se crean todas las interfaces en base a la navegación, el
concepto creativo y las necesidades del usuario en sus
diferentes “scenarios”

48. TESTING!

49. DIETER RAMS JAKOB NIELSEN

50. LAS 10 REGLAS HEURÍSTICAS DE USABILIDAD
Visibilidad del estado del Minimizar la carga de la
sistema memoria del usuario
Utilizar el lenguaje de los Flexibilidad y eficiencia de uso
usuarios
Los diálogos estéticos y diseño
Control y libertad para el minimalista
usuario
Ayudar a los usuarios
Consitencia entándares reconocer, diagnosticar
recuperarse de los errores
Prevención de errores
Ayuda Documentación

53. EN RESUMEN

54. PORQUE?

55. Marca: Vision de la marca objetivos de marca

56. Negocio: Objectivos y metas medibles
Marca: Vision de la marca objetivos de marca

57. Usuario: Necesidades emocionales racionales
Negocio: Objectivos y metas medibles
Marca: Vision de la marca objetivos de marca

58. Util
¿Hay alguna
razon para
usarlo?
¿Cuál es el
proposito?
¿Satisface las
necesidas del
usuario?
Usuario: Necesidades emocionales racionales
Negocio: Objectivos y metas medibles
Marca: Vision de la marca objetivos de marca

59. Util Utilizable
¿Hay alguna ¿Es intuitivo?
razon para
usarlo?
¿Es fácil de
usar?
¿Cuál es el
proposito?
¿Es accesible?
¿Satisface las
necesidas del
usuario?
Usuario: Necesidades emocionales racionales
Negocio: Objectivos y metas medibles
Marca: Vision de la marca objetivos de marca

60. Util Utilizable Deseable
¿Es intuitivo?
¿Es
¿Hay alguna
estéticamente
razon para
¿Es fácil de agradable?
usarlo?
usar?
¿Es
¿Cuál es el
¿Es accesible?
diferenciable?
proposito?
¿Es
¿Satisface las
necesidas del memorable?
usuario?
Usuario: Necesidades emocionales racionales
Negocio: Objectivos y metas medibles
Marca: Vision de la marca objetivos de marca

61. Util Utilizable Deseable Sostenible
¿Es intuitivo?
¿Es ¿Es
¿Hay alguna
estéticamente mantenible?
razon para
¿Es fácil de agradable?
usarlo?
usar?
¿Puede
¿Es evolucionar?
¿Cuál es el
¿Es accesible?
diferenciable?
proposito?
¿Se puede
¿Es escalar?
¿Satisface las
necesidas del memorable?
usuario?
Usuario: Necesidades emocionales racionales
Negocio: Objectivos y metas medibles
Marca: Vision de la marca objetivos de marca

62. Util Utilizable Deseable Sostenible Social
¿Es intuitivo?
¿Es ¿Es ¿Facilita una
¿Hay alguna
estéticamente mantenible?
conversación?
razon para
¿Es fácil de agradable?
usarlo?
usar?
¿Puede ¿Se puede
¿Es evolucionar?
compartir?
¿Cuál es el
¿Es accesible?
diferenciable?
proposito?
¿Se puede ¿Fomenta el
¿Es escalar?
sentido de una
¿Satisface las
necesidas del memorable?
comunidad?
usuario?
Usuario: Necesidades emocionales racionales
Negocio: Objectivos y metas medibles
Marca: Vision de la marca objetivos de marca

63. Util Utilizable Deseable Sostenible Social
¿Es intuitivo?
¿Es ¿Es ¿Facilita una
¿Hay alguna
estéticamente mantenible?
conversación?
razon para
¿Es fácil de agradable?
usarlo?
usar?
¿Puede ¿Se puede
¿Es evolucionar?
compartir?
¿Cuál es el
¿Es accesible?
diferenciable?
proposito?
¿Se puede ¿Fomenta el
¿Es escalar?
sentido de una
¿Satisface las
necesidas del memorable?
comunidad?
usuario?
Lo Básico
Usuario: Necesidades emocionales racionales
Negocio: Objectivos y metas medibles
Marca: Vision de la marca objetivos de marca

64. Util Utilizable Deseable Sostenible Social
¿Es intuitivo?
¿Es ¿Es ¿Facilita una
¿Hay alguna
estéticamente mantenible?
conversación?
razon para
¿Es fácil de agradable?
usarlo?
usar?
¿Puede ¿Se puede
¿Es evolucionar?
compartir?
¿Cuál es el
¿Es accesible?
diferenciable?
proposito?
¿Se puede ¿Fomenta el
¿Es escalar?
sentido de una
¿Satisface las
necesidas del memorable?
comunidad?
usuario?
Lo Básico
Siguiente Nivel
Usuario: Necesidades emocionales racionales
Negocio: Objectivos y metas medibles
Marca: Vision de la marca objetivos de marca

65. UNA Excelente Experiencia para el Consumidor
Util Utilizable Deseable Sostenible Social
¿Es intuitivo?
¿Es ¿Es ¿Facilita una
¿Hay alguna
estéticamente mantenible?
conversación?
razon para
¿Es fácil de agradable?
usarlo?
usar?
¿Puede ¿Se puede
¿Es evolucionar?
compartir?
¿Cuál es el
¿Es accesible?
diferenciable?
proposito?
¿Se puede ¿Fomenta el
¿Es escalar?
sentido de una
¿Satisface las
necesidas del memorable?
comunidad?
usuario?
Lo Básico
Siguiente Nivel
Usuario: Necesidades emocionales racionales
Negocio: Objectivos y metas medibles
Marca: Vision de la marca objetivos de marca

66. Si estan interesados en leer un
poco sobre todo lo que eh
hablado….

70. ¿Listos para
Crear una Experiencia?

71. Donuts con Emociones
Frustado Ansioso
Molesto Triunfador
Enfermo Cansado
Enamorado Divertido

72. BRIEF
La fotografía de comida está creciendo cada vez mas
en las redes sociales. Sin embargo la industria culinaria
(restaurantes) todavía no se conoce por su valor digital.
¿Que productos/servicios le podemos ofrecer a la industria
culinaria conociendo este comportamiento actual?

73. UNA Excelente Experiencia para el Consumidor
Util Utilizable Deseable Sostenible Social
¿Es intuitivo?
¿Es ¿Es ¿Facilita una
¿Hay alguna
estéticamente mantenible?
conversación?
razon para
¿Es fácil de agradable?
usarlo?
usar?
¿Puede ¿Se puede
¿Es evolucionar?
compartir?
¿Cuál es el
¿Es accesible?
diferenciable?
proposito?
¿Se puede ¿Fomenta el
¿Es escalar?
sentido de una
¿Satisface las
necesidas del memorable?
comunidad?
usuario?
Lo Básico
Siguiente Nivel
Usuario: Necesidades emocionales racionales
Negocio: Objectivos y metas medibles
Marca: Vision de la marca objetivos de marca

74. Que productos/servicios querrán utilizar los clientes
que van a restaurantes…
¿Lo que le ofrecemos a la industria es lo
que los consumidores quieren, o lo
que la industria culinaria querrá?

75. ¿Quién va a utilizar al final el producto?

76. EL CONSUMIDOR!