Successfully reported this slideshow.

Experience design col class 13

527 views

Published on

Taller dictado por William Rodriguez.

Published in: Technology, Business
  • Be the first to comment

  • Be the first to like this

Experience design col class 13

  1. 1. Experience DesignDiseñar experiencias digitales<br />Julio 01, 2010<br />
  2. 2. 2<br />Los modelos de EXPERIENCIA son una reopresentación de cómo la gente experimenta los productos, servicios o ambientes (...), desde el punto de las “personas” teniendo una experiencia y NO desde el punto de vista del “negocio “<br />
  3. 3. PAGE: 3<br />Intro<br />Experience Design existe para entender el grado en el cual los consum idores sienten que sus interacciones, satisfacen sus necesidades<br />
  4. 4. PAGE: 4<br />Intro<br />Hace del diseño una experiencia. Una experiencia memorable, cómoda e innovadora, que se ajusta a las expectativas de cada target, al igual que a sus aspiraciones y limitaciones<br />
  5. 5. 5<br />No esun tema exclusivo de diseño<br />3<br />2<br />1<br />EXPERIENCE DESIGN<br />STRATEGY/CONCEPTING<br />BUILD<br />Site Maps, Interaction Models, Wireframes<br />Usability Test and Iterate<br />Design collaboration on comps<br />Measurement Plan<br />Functional specifications<br />Collaborate on Flash Animation<br />Answer SE questions<br />Consumer & Secondary Research<br />Personas & Experience Models<br />Findings & Recommendations<br />Concepting - Briefing Creatives- Brainstorming- Evaluating strategic fit- Defining & prioritizing features/functions/content<br />
  6. 6. PAGE: 6<br />1<br />Experience Planning: Devela insights que informan conceptos y soluciones<br />
  7. 7. Un planner de experiencia debería<br /><ul><li> Desarrolla insights de consumidores para comunicarlos a los diferentes usuarios (internos y externos)
  8. 8. Crear marcos para la innovación que suceden en la etapa de diseño
  9. 9. Asegura que la voz del consumidor sea escuchada a través de todo el proceso
  10. 10. Provee un marco de referencia que permita optimizar la experiencia una vez un proyecto sale al aire
  11. 11. Contribuye en el brief creativo
  12. 12. Promueve e inspira ideas para conceptos
  13. 13. Genera lluvias de ideas para características, funciones y contenido</li></li></ul><li>Diferentes estudios que permiten llenar vacíos<br />Contextual Interviews<br />Personal Journals (online and offline)<br />Chat Lurking<br />Surveying (Online & Offline)<br />Ethnographic Observation<br />Participatory Design<br />Card Sorting<br />Blog Research Panels<br />Product Usage Measurement & Reporting<br />Eye-tracking Studies<br />Shopper Intercepts<br />Usability Testing (Online & Offline)<br />Self-Reporting and Documentation<br />Focus Groups (Online & Offline)<br />
  14. 14. PAGE: 9<br />2<br />Diseño de la experiencia: Cómo hacer de la experiencia digital algo fluido, consecuente y accesible<br />
  15. 15. 10<br />MATRIZ DE CONTENIDOS: documenta y prioriza características, funciones, contenido y otros requerimientos, basandose en las necesidade del usuario, el propósito de la marca y la factibilidad técnica<br />La matriz de contenidos ayuda a :- Definir el alcance de los conceptos- Cotizar los proyectos con mayor presición- Validar viabillidad y deseabilidad de las ideas- Validar qué contenidos son actualizables y qué no<br />
  16. 16. 11<br />Una vez identificadas las características y funciones, se organizan de una manera intuitiva y sensible, que se ajusta a los requerimientos del consumidor y expresa el concepto creativo<br />
  17. 17. 12<br />2.DESIGN<br />Los MAPAS DE NAVEGACIÓN del sitio son diagramas visuales de la estructura y organización de las características, funciones y contenido, incluyendo los nombres de las secciones, navegación y fases<br />
  18. 18. 13<br />Beneficios de los mpas de navegación- Determina los niveles en los cuales la información residirá- Permite al equipo ver el sitio como un todo de una manera sencilla - Es un documento vivo que se actiualiza cada vez que se hace un cambio estructural o de navegación<br />
  19. 19. 14<br />2.DESIGN<br />Los MODELOS DE INTERACCIÓN son flujogramas “enfocados en el usuario” que ilustran la progresión de las personas a través de un flujo de funcionalidad. Resaltan puntos de decisión y de solicitud de información, asugurando un recorridio rápido y simple(Ojo: no son flujos de sistemas técnicos . Son de experiencia de usuario)<br />
  20. 20. 15<br />Los candidatos a necesitar Modelos de Interacción son puntos complejos multi-paso con objetivos concretos dentro del sitio:- Crear mi perfil- Registrarse para una promoción- Pagar, salir, descargar información- Subir un video, etc<br />
  21. 21. 16<br />Los WIREFRAMES son esquemas/esqueleto que determinan la colocación relativa de la navegación, enlaces, nomenclatura y las prioridades de contenido<br />
  22. 22. 17<br />Los Wireframes indican las zonas de contenido y la importancia de jerarquias<br />
  23. 23. 18<br />Ojo: los Wireframes no son ni el copy ni la disposición final de diseño. Están creados para la interpretación del equipo creativo<br />
  24. 24. 19<br />Los Wireframes luego evolucionan a visuales (Comps)<br />
  25. 25. 20<br />Asegúrese de que sea fácil de usar!Haga tests de usabilidad, así sea de manera “hechiza”<br />
  26. 26. 21<br />When needed, we also test packaging, direct mail, products and in store experiences<br />Cuando se requiere, incluso se testea la interacción con empaques, correos directos, productos o la misma experiencia en la tienda<br />
  27. 27. PAGE: 22<br />3<br />Construcción: Especificaciones técnicas que contribuyen a la animación final y resuelven preguntas técnicas y de desarrollo<br />
  28. 28. 23<br />ESPECIFICACIÓN FUNCIONALEspecifica cómo las funciones de la solución se deberían desempeñar desde una perpectiva del usuario<br />
  29. 29. PAGE: 24<br />“El diseño centrado en el usuario, significa la comprensión de lo que los usuarios necesitan, cómo piensan y cómo se comportan, e incorpora ese entendimiento dentro de cada aspecto de su proceso”<br />Jesse J. Garrett - User Experience Designer y cofundador del Instituto de Arquitectura de la Información <br />
  30. 30. PAGE: 25<br />Algunos ganadores de los Webby Awards 2010<br />http://www.moma.org/interactives/redstudio/popart/<br />http://thinkingspace.economist.com/<br />http://www.toyota.com/vehicles/minisite/newprius/#<br />http://www.hboimagine.com/<br />
  31. 31. PAGE: 26<br />¿Cómo implementar todo esto en Leo Burnett Colombia?<br />Discusión - Sugerencias<br />
  32. 32. PAGE: 27<br />Gracias !<br />

×