El documento presenta los conceptos de diseño centrado en el usuario y diseño de experiencia. Explica que el diseño centrado en el usuario busca crear experiencias que van más allá de los productos o servicios mediante el enfoque en las necesidades del usuario. También describe cómo los diseñadores pueden involucrarse a través de la arquitectura de información, diseño de interfaz y otros campos. Finalmente, presenta un caso práctico de diseño de experiencia aplicado a un sitio web.

1. Diseño Centrado en el Usuario
Jorge Barahona Ch.
jbarahona@arquitecturaucv.cl
Junio, 2007.
© 2005 Jorge Barahona Ch.

2. © 2005 Jorge Barahona Ch.

3. © 2005 Jorge Barahona Ch.

4. Un Diseño que se esfuerza por crear experiencias que
van más allá de los productos o servicios.
© 2005 Jorge Barahona Ch.

5. Un Diseño que se esfuerza por crear experiencias que
van más allá de los productos o servicios.
© 2005 Jorge Barahona Ch.

6. Un Diseño que se esfuerza por crear experiencias que
van más allá de los productos o servicios.
© 2005 Jorge Barahona Ch.

7. Un Diseño que se esfuerza por crear experiencias que
van más allá de los productos o servicios.
© 2005 Jorge Barahona Ch.

8. Un Diseño que se esfuerza por crear experiencias que
van más allá de los productos o servicios.
© 2005 Jorge Barahona Ch.

9. Un Diseño que se esfuerza por crear experiencias que
van más allá de los productos o servicios.
© 2005 Jorge Barahona Ch.

10. Diseño Centrado La Experiencia
en el Usuario del Usuario
Un Diseño que se esfuerza por crear experiencias que
van más allá de los productos o servicios.
© 2005 Jorge Barahona Ch.

11. Cómo un Diseñador se inserta en esta
Visión de Diseño?
© 2005 Jorge Barahona Ch.

12. Cómo un Diseñador se inserta en esta
Visión de Diseño?
Arquitectura de
la Información
Administración
Administración del Conocimiento
de los Contenidos
Diseño de la
Diseño de
Información
la Interfaz
Diseño de la
Experiencia (UX)
Administración de
la relación con Administración de
el Cliente la(s) marca(s
CRM
Diseño de la Usabilidad
Interacción
© 2005 Jorge Barahona Ch.

13. Cómo un Diseñador se inserta en esta
Visión de Diseño?
Arquitectura de
la Información
Administración
Administración del Conocimiento
de los Contenidos
Diseño de la
Diseño de
Información
la Interfaz
Diseño de la
Experiencia (UX)
Administración de
la relación con Administración de
el Cliente la(s) marca(s
CRM
Diseño de la Usabilidad
Interacción
© 2003 Jorge Barahona Ch.
© 2005 Jorge Barahona Ch.

14. Experience Design?
• La visión que un
producto o servicio
puede acompañar al
Cliente en todo el
ciclo de vida del
mismo.
© 2005 Jorge Barahona Ch.

15. Experience Design?
• La visión que un
producto o servicio
puede acompañar al
Cliente en todo el
ciclo de vida del
mismo.
© 2005 Jorge Barahona Ch.

16. Experience Design?
• La visión que un
producto o servicio
puede acompañar al
Cliente en todo el
ciclo de vida del
mismo.
© 2005 Jorge Barahona Ch.

17. Experience Design?
• La visión que un
producto o servicio
puede acompañar al
Cliente en todo el
ciclo de vida del
mismo.
© 2005 Jorge Barahona Ch.

18. Experience Design?
• La visión que un
producto o servicio
puede acompañar al
Cliente en todo el
ciclo de vida del
mismo.
© 2005 Jorge Barahona Ch.

19. Experience Design?
• La visión que un
producto o servicio
puede acompañar al
Cliente en todo el
ciclo de vida del
mismo.
© 2005 Jorge Barahona Ch.

20. Experience Design?
• La visión que un
producto o servicio
puede acompañar al
Cliente en todo el
ciclo de vida del
mismo.
© 2005 Jorge Barahona Ch.

21. Experience Design?
• Tratar de crear un
ambiente que se
conecte a nivel
emocional con el
usuario.
© 2005 Jorge Barahona Ch.

22. Experience Design?
• Tratar de crear un
ambiente que se
conecte a nivel
emocional con el
usuario.
© 2005 Jorge Barahona Ch.

23. Experience Design?
• Tratar de crear un
ambiente que se
conecte a nivel
emocional con el
usuario.
© 2005 Jorge Barahona Ch.

24. Hay una diferencia sustancial entre
presentación y organización.
© 2005 Jorge Barahona Ch.

25. Hay una diferencia sustancial entre
presentación y organización.
© 2005 Jorge Barahona Ch.

26. Hay una diferencia sustancial entre
presentación y organización.
© 2005 Jorge Barahona Ch.

27. Hay una diferencia sustancial entre
AyerViernes S.A Mapa de Navegación
Web: Capitalcultural.cl
Cliente: Fundación Valparaíso
presentación y organización.
›› AREA DE AUTOPUBLICACION DE
CONTENIDOS
Acceso de
Administrador Artículos o
Contenidos
de Artículos Archivos
Acceso
Publicadores
Administración de
Contenidos
Administrador
de Usuarios
Acceso
Restringido
HOME
Planos y
BUSCADOR BUSCADOR
Newsletter Mapas
(Caja y PopUnder) (Caja y PopUnder)
PROTAGONISTAS
GUIA
AGENDA
CULTURALES
VIAJERO
CULTURAL
Qué pasa Condiciones de AGENDA
Quiénes somos? EVENTOS CÓMO LLEGAR? ALOJAMIENTOS REST/CAFES
ahora? Uso CULTURAL Entrevistas Noticias
Hoteles
Bus
Teatro
Mes Actuál B&B
Tren
Plantilla de
Danza
Días (31)
Mes 2 Otros
Auto
Mes 3 Música Cla
Músic Cont
Plástica
Lit./Poesía
Cinearte
Otros evs.
Ficha de Ficha de
Evento Servicio
INFO CONFIDENCIAL
Preparada por: Jorge Barahona Fecha de impresión:18/12/03
(jbarahona@ayerviernes.com) Guardado en: (mapa)cap_cult.xls
© 2005 Jorge Barahona Ch.

28. Experience Design, cómo?
El quot;enfoque personaquot; es de gran ayuda en la planificación del
diseño porque proporciona una persona real para la que crear el
producto digital.
© 2005 Jorge Barahona Ch.

29. Experience Design, cómo?
El quot;enfoque personaquot; es de gran ayuda en la planificación del
diseño porque proporciona una persona real para la que crear el
producto digital.
© 2005 Jorge Barahona Ch.

30. Experience Design, cómo?
El quot;enfoque personaquot; es de gran ayuda en la planificación del
diseño porque proporciona una persona real para la que crear el
producto digital.
“Lidia es madre de dos hijos y que trabaja
como Artista (Danza), nivel económico
medio, con los conocimientos de informática
mínimos para realizar su trabajo y poca
confianza en Internet porque a cada vez que
trata de usarla algo falla.”
© 2005 Jorge Barahona Ch.

31. © 2005 Jorge Barahona Ch.

32. © 2005 Jorge Barahona Ch.

33. © 2005 Jorge Barahona Ch.

34. © 2005 Jorge Barahona Ch.

35. © 2005 Jorge Barahona Ch.

36. © 2005 Jorge Barahona Ch.

37. © 2005 Jorge Barahona Ch.

38. © 2005 Jorge Barahona Ch.

39. © 2005 Jorge Barahona Ch.

40. © 2005 Jorge Barahona Ch.

41. © 2005 Jorge Barahona Ch.

42. © 2005 Jorge Barahona Ch.

43. © 2005 Jorge Barahona Ch.

44. © 2005 Jorge Barahona Ch.

45. © 2005 Jorge Barahona Ch.

46. :-(
© 2005 Jorge Barahona Ch.

47. El Diseño de le Experiencia, dónde?
Un quot;escenarioquot; es la descripción de una
quot;personaquot; en una situación de uso del sitio
web con una meta concreta.
© 2005 Jorge Barahona Ch.

48. El Diseño de le Experiencia, dónde?
Un quot;escenarioquot; es la descripción de una
quot;personaquot; en una situación de uso del sitio
web con una meta concreta.
quot;son las 18:00, acaba de llegar de recoger a
los niñas del Colegio y va a iniciar su
postulación a un Fondart. Para ello esperará
a estar tranquila y se conectará al sitio web
desde su casa vía conmutada y con su PC en
Windows 98. Su proyecto es un Festival de
Danza Moderna.
Está temerosa del nuevo sistema porque en
éste tipo de financiamiento se va gran parte
de su futuro profesionalquot;
© 2005 Jorge Barahona Ch.

49. El Diseño de le Experiencia, dónde?
Un quot;escenarioquot; es la descripción de una
quot;personaquot; en una situación de uso del sitio
web con una meta concreta.
© 2005 Jorge Barahona Ch.

50. El Diseño de le Experiencia, dónde?
Un quot;escenarioquot; es la descripción de una
quot;personaquot; en una situación de uso del sitio
web con una meta concreta.
© 2005 Jorge Barahona Ch.

51. © 2005 Jorge Barahona Ch.

52. Experience Design, en la práctica.
© 2005 Jorge Barahona Ch.

53. Experience Design, en la práctica.
© 2005 Jorge Barahona Ch.

54. Experience Design, en la práctica.
© 2005 Jorge Barahona Ch.

55. Caso: Mapcity
© 2005 Jorge Barahona Ch.

56. Caso: Mapcity
© 2005 Jorge Barahona Ch.

57. Caso: Mapcity
© 2005 Jorge Barahona Ch.

58. Caso: Mapcity
© 2005 Jorge Barahona Ch.

59. Caso: Mapcity
© 2005 Jorge Barahona Ch.

60. Caso: Mapcity
© 2005 Jorge Barahona Ch.

61. Caso: Mapcity
© 2005 Jorge Barahona Ch.

62. Caso: Mapcity
© 2005 Jorge Barahona Ch.

63. Caso: Mapcity
© 2005 Jorge Barahona Ch.

64. Caso: Mapcity
© 2005 Jorge Barahona Ch.

65. Caso: Mapcity
© 2005 Jorge Barahona Ch.

66. Caso: Mapcity
© 2005 Jorge Barahona Ch.

67. Caso: Mapcity
© 2005 Jorge Barahona Ch.

68. Referencias
• Jesse James Garret, http://www.jjg.net
“The Elements of User Experience” User-Centered Design for the Web.
AIGA-New Riders 2003.
• Nathan Shedroff
·”Experience Design”
New Riders 2001.
• Louis Rosenfeld, http://www.louisrosenfeld.com
• Centro de Investigación de la Web, http://www.ciw.cl
• Eduardo Manchón, http://www.ainda.info
• Alzado, http://www.alzado.org
• Edward Tufte, “Envisioning Information”
• Jeffrey Veen, “The art & science of web design”
• Javier Cañada, http://www.terremoto.com
• John Maeda, “Maeda & Media”
© 2005 Jorge Barahona Ch.

69. Gracias por tu atención.
Preguntas a:
jbarahona@ayerviernes.com
Nota:
para responder su email es fundamental que sea corto y
preciso en sus preguntas o comentarios.
www.ayerviernes.com
www.jorgebarahona.cl
© 2005 Jorge Barahona Ch.