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