SlideShare ist ein Scribd-Unternehmen logo
1 von 52
Downloaden Sie, um offline zu lesen
Un puente entre dos mundos
                                  Diseño Centrado en las Personas




                                               Jorge Barahona Ch.
                                               Seminario de PostGrado
                                      Departamento de Ciencia de la Computación
                                        Pontificia Universidad Católica de Chile

                                                Septiembre 04, 2009
® 2000-2009 AyerViernes S.A.

viernes 4 de septiembre de 2009
Indice




® 2000-2009 AyerViernes S.A.

viernes 4 de septiembre de 2009
Indice




                        •      La interfaz es el producto

                        •      De la Usabilidad a la Experiencia

                        •      La ética de la Experiencia

                        •      Metodología del Diseño Centrado en las Personas




® 2000-2009 AyerViernes S.A.

viernes 4 de septiembre de 2009
viernes 4 de septiembre de 2009
La interfaz es el producto




viernes 4 de septiembre de 2009
La interfaz es el producto




                                  http://www.wayfaring.com/maps/show/48030
viernes 4 de septiembre de 2009
viernes 4 de septiembre de 2009
viernes 4 de septiembre de 2009
viernes 4 de septiembre de 2009
http://gawker.com/5350982/google-patents-worlds-simplest-home-page
viernes 4 de septiembre de 2009
viernes 4 de septiembre de 2009
viernes 4 de septiembre de 2009
viernes 4 de septiembre de 2009
viernes 4 de septiembre de 2009
De la Usabilidad
                                  a la Experiencia




viernes 4 de septiembre de 2009
viernes 4 de septiembre de 2009
viernes 4 de septiembre de 2009
viernes 4 de septiembre de 2009
viernes 4 de septiembre de 2009
viernes 4 de septiembre de 2009
viernes 4 de septiembre de 2009
viernes 4 de septiembre de 2009
La ética de la Experiencia




viernes 4 de septiembre de 2009
viernes 4 de septiembre de 2009
viernes 4 de septiembre de 2009
viernes 4 de septiembre de 2009
viernes 4 de septiembre de 2009
viernes 4 de septiembre de 2009
Metodología del Diseño
                 Centrado en las Personas




viernes 4 de septiembre de 2009
Diseño Centrado en las Personas



                        •      Estrategia

                        •      Conducta del consumidor digital

                        •      Arquitectura de la Información

                        •      Diseño Visual

                        •      Diseño Front




® 2000-2009 AyerViernes S.A.

viernes 4 de septiembre de 2009
viernes 4 de septiembre de 2009
Estrategia



                        •      Brief

                        •      Conversaciones guiadas

                        •      SEO (Search Engine Optimization)

                        •      Benchamark

                        •      Tracking de marca




® 2000-2009 AyerViernes S.A.

viernes 4 de septiembre de 2009
Estudio del comportamiento del
                                     consumidor digital



                        •       Modelos mentales

                        •       Personas y Escenarios

                        •       Evaluaciones de Usabilidad

                        •       Eyetracking




® 2000-2009 AyerViernes S.A.

viernes 4 de septiembre de 2009
viernes 4 de septiembre de 2009
viernes 4 de septiembre de 2009
® 2000-2009 AyerViernes S.A.

viernes 4 de septiembre de 2009
® 2000-2009 AyerViernes S.A.

viernes 4 de septiembre de 2009
® 2000-2009 AyerViernes S.A.

viernes 4 de septiembre de 2009
Arquitectura de la Información




                        •      Card Sorting

                        •      Mapas de Navegación

                        •      Mapas de Interacción

                        •      Wireframes




® 2000-2009 AyerViernes S.A.

viernes 4 de septiembre de 2009
viernes 4 de septiembre de 2009
viernes 4 de septiembre de 2009
Clerk.com




                                                                          ¿Qué es                                    Regístrate
                                                                                               Testimonials
                                                                           Clerk?                                     Gratis



                                                                          Tipos de
                                                                           Cuenta




                                                                                                                                                 Mi cuenta




                                                                                                                                      Comunidad               Pagos /
                                                                                                                                                                               Mis Hoteles   Mis Usuarios           Mis Datos
                                                                                                                                        Clerk                Upgrades



                                                                                                                                                                                              Permisos

                                                                                                                  Clerk                Foro de
                                                                                                                                                               Blog
                                                                                                                 Whishlist             Soporte


                                                                                                                                                                                                                                                    Dirección
                                                                                                                                                                                                                                                    Teéfonos / Fax
                                                                                                                                                                                                      Mi Hotel                  Configuración
                                                                                                                                                                                                                                                    URL
                                                                                                                                                                                                                                                    Logo




           Panel                      Ventas                Clientes                  Empresas                          Agencias                                                                     Administrar




           Grilla         Ventas                Ventas
                                                            Listado                    Listado                           Listado                                Habitaciones                          Servicios                                Monedas
                         Realizadas             Activas




           Nueva                                                                                                                                                            Ficha                                                              Tabla de
                                                          Ficha Cliente              Ficha Cliente                    Ficha Cliente                    Tipos                                 Tipos            Ficha Servicio
          Reserva                                                                                                                                                         Habitación                                                           Monedas



                                                                                                                                                      Precios                                                      Precios
                             Ficha Reserva o Venta

                                 Habitaciones

                                      Cliente
                                                          Historial de
                                 Tipo de Venta              ventas

                                      Cargos

                                      Resumen




viernes 4 de septiembre de 2009
viernes 4 de septiembre de 2009
viernes 4 de septiembre de 2009
Diseño Visual


                        •      Diagramación

                        •      Definición

                               •   Cromática

                               •   Tipográfica

                               •   Estilística (Diseño Emocional)

                        •      Iconografía

                        •      Infografías




® 2000-2009 AyerViernes S.A.

viernes 4 de septiembre de 2009
viernes 4 de septiembre de 2009
viernes 4 de septiembre de 2009
Diseño Front




                        •      XHTML

                        •      CSS

                        •      Ajax

                        •      Ruby no Rails




® 2000-2009 AyerViernes S.A.

viernes 4 de septiembre de 2009
viernes 4 de septiembre de 2009
viernes 4 de septiembre de 2009
viernes 4 de septiembre de 2009
Muchas gracias.


                                       Jorge Barahona Ch.
                                  jbarahona@arquitecturaucv.cl




viernes 4 de septiembre de 2009

Weitere ähnliche Inhalte

Andere mochten auch (6)

Tst 001
Tst 001Tst 001
Tst 001
 
Clio
ClioClio
Clio
 
Galactosemia
GalactosemiaGalactosemia
Galactosemia
 
Rectal cancer pacc 16
Rectal cancer pacc 16Rectal cancer pacc 16
Rectal cancer pacc 16
 
Recruitment Industry Events in 2017
Recruitment Industry Events in 2017Recruitment Industry Events in 2017
Recruitment Industry Events in 2017
 
Locally advanced Rectal cancer debate: adjuvant chemotherapy following neoadj...
Locally advanced Rectal cancer debate: adjuvant chemotherapy following neoadj...Locally advanced Rectal cancer debate: adjuvant chemotherapy following neoadj...
Locally advanced Rectal cancer debate: adjuvant chemotherapy following neoadj...
 

Mehr von Jorge Barahona Ch.

Mehr von Jorge Barahona Ch. (20)

Oportunidades del Diseño UX en Latinoamérica
Oportunidades del Diseño UX en LatinoaméricaOportunidades del Diseño UX en Latinoamérica
Oportunidades del Diseño UX en Latinoamérica
 
Diseño de Experiencia de Usuarios para una startup: ClerkHotel errores y acie...
Diseño de Experiencia de Usuarios para una startup: ClerkHotel errores y acie...Diseño de Experiencia de Usuarios para una startup: ClerkHotel errores y acie...
Diseño de Experiencia de Usuarios para una startup: ClerkHotel errores y acie...
 
Taller de Diseño UX & Usabilidad Sesión Nº2, Diseño de Interacción & Interfaces
Taller de Diseño UX & Usabilidad Sesión Nº2, Diseño de Interacción & InterfacesTaller de Diseño UX & Usabilidad Sesión Nº2, Diseño de Interacción & Interfaces
Taller de Diseño UX & Usabilidad Sesión Nº2, Diseño de Interacción & Interfaces
 
Diseñar la Experiencia de Usuarios en ClerkHotel: errores y aciertos.
Diseñar la Experiencia de Usuarios en ClerkHotel: errores y aciertos.Diseñar la Experiencia de Usuarios en ClerkHotel: errores y aciertos.
Diseñar la Experiencia de Usuarios en ClerkHotel: errores y aciertos.
 
Taller de Diseño UX & Usabilidad Sesión Nº1 Desde la Estrategia a la Arquitec...
Taller de Diseño UX & Usabilidad Sesión Nº1 Desde la Estrategia a la Arquitec...Taller de Diseño UX & Usabilidad Sesión Nº1 Desde la Estrategia a la Arquitec...
Taller de Diseño UX & Usabilidad Sesión Nº1 Desde la Estrategia a la Arquitec...
 
Cómo evitar caer en la trampa de la ocupación hotelera
Cómo evitar caer en la trampa de la ocupación hoteleraCómo evitar caer en la trampa de la ocupación hotelera
Cómo evitar caer en la trampa de la ocupación hotelera
 
Metodología del Diseño Centrado en las Personas
Metodología del Diseño Centrado en las PersonasMetodología del Diseño Centrado en las Personas
Metodología del Diseño Centrado en las Personas
 
Eres lo que haces. No lo que dices que haces
Eres lo que haces. No lo que dices que hacesEres lo que haces. No lo que dices que haces
Eres lo que haces. No lo que dices que haces
 
Tu marca es lo que hace. No lo que dice de sí misma.
Tu marca es lo que hace. No lo que dice de sí misma.Tu marca es lo que hace. No lo que dice de sí misma.
Tu marca es lo que hace. No lo que dice de sí misma.
 
LC3-2010-Clase No.1
LC3-2010-Clase No.1LC3-2010-Clase No.1
LC3-2010-Clase No.1
 
Lc3 clase no.2
Lc3 clase no.2Lc3 clase no.2
Lc3 clase no.2
 
Redes Sociales: tu Cliente es el Capitán
Redes Sociales: tu Cliente es el CapitánRedes Sociales: tu Cliente es el Capitán
Redes Sociales: tu Cliente es el Capitán
 
Técnicas de Marketing de Influencia Social
Técnicas de Marketing  de Influencia SocialTécnicas de Marketing  de Influencia Social
Técnicas de Marketing de Influencia Social
 
Social Media Marketing 1
Social Media Marketing 1Social Media Marketing 1
Social Media Marketing 1
 
NIN, Storytelling de Conspiracion
NIN, Storytelling de ConspiracionNIN, Storytelling de Conspiracion
NIN, Storytelling de Conspiracion
 
Metodología y Estrategia de Diseño
Metodología y Estrategia de DiseñoMetodología y Estrategia de Diseño
Metodología y Estrategia de Diseño
 
Gestion Conversaciones
Gestion ConversacionesGestion Conversaciones
Gestion Conversaciones
 
Social Media Marketing Ii
Social Media Marketing IiSocial Media Marketing Ii
Social Media Marketing Ii
 
Social Media Marketing
Social Media MarketingSocial Media Marketing
Social Media Marketing
 
Eyetracking, Fija tu Estrategia
Eyetracking, Fija tu EstrategiaEyetracking, Fija tu Estrategia
Eyetracking, Fija tu Estrategia
 

Kürzlich hochgeladen

PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
Leo Florez
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
karendaza9506
 
140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc
ilvrosiebp
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivos
CristianGmez22034
 

Kürzlich hochgeladen (20)

INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
 
Geometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroGeometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de Querétaro
 
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
 
cabildo abierto forma de participación ciudadana
cabildo abierto forma de participación ciudadanacabildo abierto forma de participación ciudadana
cabildo abierto forma de participación ciudadana
 
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
 
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptxDISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
 
Planificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.docPlanificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.doc
 
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfCLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdf
 
DIAPOSITIVAS OFICIAL DE PROYECTO DE GRAGO
DIAPOSITIVAS OFICIAL DE PROYECTO DE GRAGODIAPOSITIVAS OFICIAL DE PROYECTO DE GRAGO
DIAPOSITIVAS OFICIAL DE PROYECTO DE GRAGO
 
Introduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptxIntroduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptx
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola Perez
 
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNALPOESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio
 
Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30
 
140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivos
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientes
 
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfSlaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
 

Un Puente Entre Dos Mundos. Metodología del Diseño Centrado en las Personas

  • 1. Un puente entre dos mundos Diseño Centrado en las Personas Jorge Barahona Ch. Seminario de PostGrado Departamento de Ciencia de la Computación Pontificia Universidad Católica de Chile Septiembre 04, 2009 ® 2000-2009 AyerViernes S.A. viernes 4 de septiembre de 2009
  • 2. Indice ® 2000-2009 AyerViernes S.A. viernes 4 de septiembre de 2009
  • 3. Indice • La interfaz es el producto • De la Usabilidad a la Experiencia • La ética de la Experiencia • Metodología del Diseño Centrado en las Personas ® 2000-2009 AyerViernes S.A. viernes 4 de septiembre de 2009
  • 4. viernes 4 de septiembre de 2009
  • 5. La interfaz es el producto viernes 4 de septiembre de 2009
  • 6. La interfaz es el producto http://www.wayfaring.com/maps/show/48030 viernes 4 de septiembre de 2009
  • 7. viernes 4 de septiembre de 2009
  • 8. viernes 4 de septiembre de 2009
  • 9. viernes 4 de septiembre de 2009
  • 11. viernes 4 de septiembre de 2009
  • 12. viernes 4 de septiembre de 2009
  • 13. viernes 4 de septiembre de 2009
  • 14. viernes 4 de septiembre de 2009
  • 15. De la Usabilidad a la Experiencia viernes 4 de septiembre de 2009
  • 16. viernes 4 de septiembre de 2009
  • 17. viernes 4 de septiembre de 2009
  • 18. viernes 4 de septiembre de 2009
  • 19. viernes 4 de septiembre de 2009
  • 20. viernes 4 de septiembre de 2009
  • 21. viernes 4 de septiembre de 2009
  • 22. viernes 4 de septiembre de 2009
  • 23. La ética de la Experiencia viernes 4 de septiembre de 2009
  • 24. viernes 4 de septiembre de 2009
  • 25. viernes 4 de septiembre de 2009
  • 26. viernes 4 de septiembre de 2009
  • 27. viernes 4 de septiembre de 2009
  • 28. viernes 4 de septiembre de 2009
  • 29. Metodología del Diseño Centrado en las Personas viernes 4 de septiembre de 2009
  • 30. Diseño Centrado en las Personas • Estrategia • Conducta del consumidor digital • Arquitectura de la Información • Diseño Visual • Diseño Front ® 2000-2009 AyerViernes S.A. viernes 4 de septiembre de 2009
  • 31. viernes 4 de septiembre de 2009
  • 32. Estrategia • Brief • Conversaciones guiadas • SEO (Search Engine Optimization) • Benchamark • Tracking de marca ® 2000-2009 AyerViernes S.A. viernes 4 de septiembre de 2009
  • 33. Estudio del comportamiento del consumidor digital • Modelos mentales • Personas y Escenarios • Evaluaciones de Usabilidad • Eyetracking ® 2000-2009 AyerViernes S.A. viernes 4 de septiembre de 2009
  • 34. viernes 4 de septiembre de 2009
  • 35. viernes 4 de septiembre de 2009
  • 36. ® 2000-2009 AyerViernes S.A. viernes 4 de septiembre de 2009
  • 37. ® 2000-2009 AyerViernes S.A. viernes 4 de septiembre de 2009
  • 38. ® 2000-2009 AyerViernes S.A. viernes 4 de septiembre de 2009
  • 39. Arquitectura de la Información • Card Sorting • Mapas de Navegación • Mapas de Interacción • Wireframes ® 2000-2009 AyerViernes S.A. viernes 4 de septiembre de 2009
  • 40. viernes 4 de septiembre de 2009
  • 41. viernes 4 de septiembre de 2009
  • 42. Clerk.com ¿Qué es Regístrate Testimonials Clerk? Gratis Tipos de Cuenta Mi cuenta Comunidad Pagos / Mis Hoteles Mis Usuarios Mis Datos Clerk Upgrades Permisos Clerk Foro de Blog Whishlist Soporte Dirección Teéfonos / Fax Mi Hotel Configuración URL Logo Panel Ventas Clientes Empresas Agencias Administrar Grilla Ventas Ventas Listado Listado Listado Habitaciones Servicios Monedas Realizadas Activas Nueva Ficha Tabla de Ficha Cliente Ficha Cliente Ficha Cliente Tipos Tipos Ficha Servicio Reserva Habitación Monedas Precios Precios Ficha Reserva o Venta Habitaciones Cliente Historial de Tipo de Venta ventas Cargos Resumen viernes 4 de septiembre de 2009
  • 43. viernes 4 de septiembre de 2009
  • 44. viernes 4 de septiembre de 2009
  • 45. Diseño Visual • Diagramación • Definición • Cromática • Tipográfica • Estilística (Diseño Emocional) • Iconografía • Infografías ® 2000-2009 AyerViernes S.A. viernes 4 de septiembre de 2009
  • 46. viernes 4 de septiembre de 2009
  • 47. viernes 4 de septiembre de 2009
  • 48. Diseño Front • XHTML • CSS • Ajax • Ruby no Rails ® 2000-2009 AyerViernes S.A. viernes 4 de septiembre de 2009
  • 49. viernes 4 de septiembre de 2009
  • 50. viernes 4 de septiembre de 2009
  • 51. viernes 4 de septiembre de 2009
  • 52. Muchas gracias. Jorge Barahona Ch. jbarahona@arquitecturaucv.cl viernes 4 de septiembre de 2009