USER EXPERIENCE DESIGN (UX)
Antes de comenzar..                            HISTORIA CONCEPTUAL         DE HCI
Opera la maquina
Utiliza el software Opera la maquina
Spreadsheet                                Procesador de textosUtiliza el software                                    Jueg...
Spreadsheet                                Procesador de textosUtiliza el software                                    Jueg...
Dibuja                                Crea un brochureRealiza una tarea                         Crea un presupuesto       ...
1984
Hoy Día
Administra un hogar                                             Crea musica                                               ...
Dinamismo      Conectar   Experiencia   vive, aprende,   trabaja, juegaRealiza una tarea Utiliza el software   Opera la ma...
Dinamismo            ?
Dinamismo          Nuestro ambiente y las       herraminetas que utilizamos se      adaptan a nosotros mientras nos       ...
Dinamismo
AMBER CASE (INTERACTION12)	 	 Herramientas tradicionales	 Extension de nuestro ser fisico	 	 	 	                  	 	      ...
USER EXPERIENCE DESIGN (UX)INTERACTION DESIGN (IxD)SERVICE DESIGN (sd)
INFORMATION ARCHITECTURE	HCI	HUMAN FACTORS	USABILITYUSER EXPERIENCE DESIGN (UX)    INTERACTION DESIGN (IxD)    	    SERVIC...
INFORMATION ARCHITECTURE	HCI	HUMAN FACTORS	USABILITYUSER EXPERIENCE DESIGN (UX)    	INTERACTION DESIGN (IxD)SERVICE DESIGN...
INFORMATION ARCHITECTURE	HCI	HUMAN FACTORS	USABILITYUSER EXPERIENCE DESIGN (UX)	INTERACTION DESIGN (IxD)  SERVICE DESIGN (...
USER EXPERIENCE DESIGN (UX)
¿QUE SON EXPERIENCIAS?
BUEN SERVICIOCOMER EN UN                     BUENA COMIDARESTAURANTE CON...                     BUENAS VIBRAS!
Y una mala experiencia…El mesero te derrama la copa de vino mientras laponia en la mesa…Esperas 30 min en cola y al llegar...
La satisfaccion que tiene unusuario al usar un productoo sistema
UNA EXPERIENCIA ES  LA MEZCLA DE...       DISEÑO	     USABILIDAD	   FUNCIONALIDAD	    CONTENIDO
La experiencia de usuario depende no sólo delos factores relativos al diseño (hardware,software, usabilidad, diseño de int...
OK.. ENTONCES..PORQUE GRITO TANTO?                 CRI...CRI...
...PORQUE EL DISEÑO DE UNA  EXPERIENCIA NO ES SOLO UNSE INTEGRA A TODO! LOS DETALLES     SON LOS QUE CUENTAN!             ...
ENTONCES......PARA NO GRITAR MAS...                     TAN TAN TAN !!
LOS NOMBRO A TODOS: EMBAJADORES DE UX                      CHAN!
PORQUE?          ....
JUNTOS VAMOS A CREAREXPERIENCIAS ESPECTACULARES.                  BIENVENIDOS AL CLUB.
“Los detalles no son los detalles. Son lo         que hacen el diseño”                               - CHARLES EAMS
“Diseño no es solo como se ve ni como se siente es tambien como funciona.”                              - STEVE JOBS
Asu.. Y como hacemos eso?
PROCESSO
La Vision, Metas  Objetivos del Cliente
EL USUARIO¿Quien es?¿Qué Quiere?¿Qué Necesita?Como aprendemos esto:Investigación ContextualAnalisis de TargetBenchmarkPerf...
STORYBOARDING: ANALYSIS DE USOSe crean todos los “scenarios” posibles en el cual el usuario seencontrará al interactuar co...
ANALYSIS/CREACION DE CONTENIDOAl saber quien es nuestro usuario al 110% podemos decidir quecontenido será de valor.También...
HORA DE DISEÑAR!
http://www.ibm.com/developerworks/library/w-berry/
Diseño de Navegación     Arquitectura de flujo de una pantalla a otra en todas las     situación posibles.Wireframes      ...
TESTING!
DIETER RAMS  JAKOB NIELSEN
LAS 10 REGLAS HEURÍSTICAS DE USABILIDADVisibilidad del estado del    Minimizar la carga de lasistema                      ...
EN RESUMEN
PORQUE?
Marca: Vision de la marca  objetivos de marca
Negocio: Objectivos y metas medibles	Marca: Vision de la marca  objetivos de marca
Usuario: Necesidades emocionales  racionales	     Negocio: Objectivos y metas medibles	Marca: Vision de la marca  objetivo...
Util¿Hay algunarazon parausarlo?		¿Cuál es elproposito?		¿Satisface lasnecesidas delusuario?		                 Usuario: Ne...
Util           Utilizable                    	¿Hay alguna         ¿Es intuitivo?	razon para          	usarlo?	          ¿E...
Util           Utilizable           Deseable                    	                 	                    ¿Es intuitivo?	   ¿...
Util           Utilizable           Deseable           Sostenible                    	                 	                 	...
Util           Utilizable           Deseable           Sostenible             Social                    	                 ...
Util           Utilizable           Deseable           Sostenible             Social                    	                 ...
Util           Utilizable           Deseable           Sostenible             Social                    	                 ...
UNA Excelente Experiencia para el Consumidor      Util           Utilizable           Deseable           Sostenible       ...
Si estan interesados en leer un   poco sobre todo lo que eh           hablado….
¿Listos paraCrear una Experiencia?
Donuts con Emociones Frustado     Ansioso Molesto     Triunfador Enfermo     CansadoEnamorado     Divertido
BRIEFLa fotografía de comida está creciendo cada vez masen las redes sociales. Sin embargo la industria culinaria(restaura...
UNA Excelente Experiencia para el Consumidor      Util           Utilizable           Deseable           Sostenible       ...
Que productos/servicios querrán utilizar los clientesque van a restaurantes…¿Lo que le ofrecemos a la industria es loque l...
¿Quién va a utilizar al final el producto?
EL CONSUMIDOR!
INTRO UX
INTRO UX
INTRO UX
INTRO UX
INTRO UX
INTRO UX
INTRO UX
INTRO UX
INTRO UX
INTRO UX
Próxima SlideShare
Cargando en…5
×

INTRO UX

810 visualizaciones

Publicado el

Publicado en: Diseño
0 comentarios
1 recomendación
Estadísticas
Notas
  • Sé el primero en comentar

Sin descargas
Visualizaciones
Visualizaciones totales
810
En SlideShare
0
De insertados
0
Número de insertados
16
Acciones
Compartido
0
Descargas
11
Comentarios
0
Recomendaciones
1
Insertados 0
No insertados

No hay notas en la diapositiva.

INTRO UX

  1. 1. USER EXPERIENCE DESIGN (UX)
  2. 2. Antes de comenzar.. HISTORIA CONCEPTUAL DE HCI
  3. 3. Opera la maquina
  4. 4. Utiliza el software Opera la maquina
  5. 5. Spreadsheet Procesador de textosUtiliza el software Juegos (Basicos) Opera la maquina
  6. 6. Spreadsheet Procesador de textosUtiliza el software Juegos (Basicos) Opera la maquina
  7. 7. Dibuja Crea un brochureRealiza una tarea Crea un presupuesto Crea una canción Utiliza el software Soluciona el problema De un avion Opera la maquina
  8. 8. 1984
  9. 9. Hoy Día
  10. 10. Administra un hogar Crea musica Maneja un negocio Experiencia vive, aprende, trabaja, juega Aprende matematicasRealiza una tarea Compra, alquila Mantiene un carro Utiliza el software Imersate Opera la maquina en una fantasia
  11. 11. Dinamismo Conectar Experiencia vive, aprende, trabaja, juegaRealiza una tarea Utiliza el software Opera la maquina
  12. 12. Dinamismo ?
  13. 13. Dinamismo Nuestro ambiente y las herraminetas que utilizamos se adaptan a nosotros mientras nos movemos en la vida.
  14. 14. Dinamismo
  15. 15. AMBER CASE (INTERACTION12) Herramientas tradicionales Extension de nuestro ser fisico Computadores Extenciones de nuestro ser mental SOLIDO LIQUIDO AIRE
  16. 16. USER EXPERIENCE DESIGN (UX)INTERACTION DESIGN (IxD)SERVICE DESIGN (sd)
  17. 17. INFORMATION ARCHITECTURE HCI HUMAN FACTORS USABILITYUSER EXPERIENCE DESIGN (UX) INTERACTION DESIGN (IxD) SERVICE DESIGN (sd)
  18. 18. INFORMATION ARCHITECTURE HCI HUMAN FACTORS USABILITYUSER EXPERIENCE DESIGN (UX) INTERACTION DESIGN (IxD)SERVICE DESIGN (sd) COGNITIVE PSYCHOLOGY DESIGN RESEARCH DESIGN STRATEGY DESIGN THINKING
  19. 19. INFORMATION ARCHITECTURE HCI HUMAN FACTORS USABILITYUSER EXPERIENCE DESIGN (UX) INTERACTION DESIGN (IxD) SERVICE DESIGN (sd) COGNITIVE PSYCHOLOGY DESIGN RESEARCH DESIGN STRATEGY DESIGN THINKING
  20. 20. USER EXPERIENCE DESIGN (UX)
  21. 21. ¿QUE SON EXPERIENCIAS?
  22. 22. BUEN SERVICIOCOMER EN UN BUENA COMIDARESTAURANTE CON... BUENAS VIBRAS!
  23. 23. Y una mala experiencia…El mesero te derrama la copa de vino mientras laponia en la mesa…Esperas 30 min en cola y al llegar cierran laventanilla...Llegas a casa y te duele la barriga…Con que puedes relacionar esa analogia con lo quehacemos aquí, En LIQUID? Con el diseño deProductos?
  24. 24. La satisfaccion que tiene unusuario al usar un productoo sistema
  25. 25. UNA EXPERIENCIA ES LA MEZCLA DE... DISEÑO USABILIDAD FUNCIONALIDAD CONTENIDO
  26. 26. La experiencia de usuario depende no sólo delos factores relativos al diseño (hardware,software, usabilidad, diseño de interacción,accesibilidad, diseño gráfico y visual, calidad delos contenidos, buscabilidad o encontrabilidad,utilidad, etc) sino además de aspectos relativosa las emociones, sentimientos, construcción ytransmisión de la marca, confiabilidad delproducto, etc.http://es.wikipedia.org/wiki/Experiencia_de_usuario
  27. 27. OK.. ENTONCES..PORQUE GRITO TANTO? CRI...CRI...
  28. 28. ...PORQUE EL DISEÑO DE UNA EXPERIENCIA NO ES SOLO UNSE INTEGRA A TODO! LOS DETALLES SON LOS QUE CUENTAN! QUE ESTRESANTE!!!
  29. 29. ENTONCES......PARA NO GRITAR MAS... TAN TAN TAN !!
  30. 30. LOS NOMBRO A TODOS: EMBAJADORES DE UX CHAN!
  31. 31. PORQUE? ....
  32. 32. JUNTOS VAMOS A CREAREXPERIENCIAS ESPECTACULARES. BIENVENIDOS AL CLUB.
  33. 33. “Los detalles no son los detalles. Son lo que hacen el diseño” - CHARLES EAMS
  34. 34. “Diseño no es solo como se ve ni como se siente es tambien como funciona.” - STEVE JOBS
  35. 35. Asu.. Y como hacemos eso?
  36. 36. PROCESSO
  37. 37. La Vision, Metas Objetivos del Cliente
  38. 38. EL USUARIO¿Quien es?¿Qué Quiere?¿Qué Necesita?Como aprendemos esto:Investigación ContextualAnalisis de TargetBenchmarkPerfiles de UsuariosEn base a toda la información recaudada en la investigación sehace un Estilo de Perfil de quién estará utilizando la herramienta.
  39. 39. STORYBOARDING: ANALYSIS DE USOSe crean todos los “scenarios” posibles en el cual el usuario seencontrará al interactuar con el producto/servicio.De esta manera sabemos que estamos creando una soluciónque está lista para las diferentes situaciones posibles.
  40. 40. ANALYSIS/CREACION DE CONTENIDOAl saber quien es nuestro usuario al 110% podemos decidir quecontenido 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 deContenidos.
  41. 41. HORA DE DISEÑAR!
  42. 42. http://www.ibm.com/developerworks/library/w-berry/
  43. 43. 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”
  44. 44. TESTING!
  45. 45. DIETER RAMS JAKOB NIELSEN
  46. 46. LAS 10 REGLAS HEURÍSTICAS DE USABILIDADVisibilidad del estado del Minimizar la carga de lasistema memoria del usuarioUtilizar el lenguaje de los Flexibilidad y eficiencia de usousuarios Los diálogos estéticos y diseñoControl y libertad para el minimalistausuario Ayudar a los usuariosConsitencia entándares reconocer, diagnosticar recuperarse de los erroresPrevención de errores Ayuda Documentación
  47. 47. EN RESUMEN
  48. 48. PORQUE?
  49. 49. Marca: Vision de la marca objetivos de marca
  50. 50. Negocio: Objectivos y metas medibles Marca: Vision de la marca objetivos de marca
  51. 51. Usuario: Necesidades emocionales racionales Negocio: Objectivos y metas medibles Marca: Vision de la marca objetivos de marca
  52. 52. Util¿Hay algunarazon parausarlo? ¿Cuál es elproposito? ¿Satisface lasnecesidas delusuario? Usuario: Necesidades emocionales racionales Negocio: Objectivos y metas medibles Marca: Vision de la marca objetivos de marca
  53. 53. Util Utilizable ¿Hay alguna ¿Es intuitivo? razon para usarlo? ¿Es fácil de usar? ¿Cuál es el proposito? ¿Es accesible? ¿Satisface lasnecesidas delusuario? Usuario: Necesidades emocionales racionales Negocio: Objectivos y metas medibles Marca: Vision de la marca objetivos de marca
  54. 54. Util Utilizable Deseable ¿Es intuitivo? ¿Es¿Hay alguna estéticamenterazon para ¿Es fácil de agradable? usarlo? usar? ¿Es¿Cuál es el ¿Es accesible? diferenciable? proposito? ¿Es¿Satisface lasnecesidas del memorable? usuario? Usuario: Necesidades emocionales racionales Negocio: Objectivos y metas medibles Marca: Vision de la marca objetivos de marca
  55. 55. 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 lasnecesidas del memorable? usuario? Usuario: Necesidades emocionales racionales Negocio: Objectivos y metas medibles Marca: Vision de la marca objetivos de marca
  56. 56. 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 lasnecesidas del memorable? comunidad? usuario? Usuario: Necesidades emocionales racionales Negocio: Objectivos y metas medibles Marca: Vision de la marca objetivos de marca
  57. 57. 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 lasnecesidas del memorable? comunidad? usuario? Lo Básico Usuario: Necesidades emocionales racionales Negocio: Objectivos y metas medibles Marca: Vision de la marca objetivos de marca
  58. 58. 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 lasnecesidas 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
  59. 59. 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 lasnecesidas 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
  60. 60. Si estan interesados en leer un poco sobre todo lo que eh hablado….
  61. 61. ¿Listos paraCrear una Experiencia?
  62. 62. Donuts con Emociones Frustado Ansioso Molesto Triunfador Enfermo CansadoEnamorado Divertido
  63. 63. BRIEFLa fotografía de comida está creciendo cada vez masen 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 industriaculinaria conociendo este comportamiento actual?
  64. 64. 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 lasnecesidas 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. 65. Que productos/servicios querrán utilizar los clientesque van a restaurantes…¿Lo que le ofrecemos a la industria es loque los consumidores quieren, o loque la industria culinaria querrá?
  66. 66. ¿Quién va a utilizar al final el producto?
  67. 67. EL CONSUMIDOR!

×