El documento describe los principios y procesos del diseño de experiencias digitales. Explica que el diseño de experiencias se centra en cómo las personas experimentan los productos y servicios en lugar de la perspectiva del negocio. Detalla los pasos de planificación de experiencias, diseño e implementación que incluyen investigación de usuarios, mapas de sitios, modelos de interacción, wireframes y pruebas de usabilidad para crear experiencias digitales fluidas y accesibles.

1. Experience DesignDiseñar experiencias digitalesJulio 01, 2010

2. 2Los 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 “

3. PAGE: 3IntroExperience Design existe para entender el grado en el cual los consum idores sienten que sus interacciones, satisfacen sus necesidades

4. PAGE: 4IntroHace 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

5. 5No esun tema exclusivo de diseño321EXPERIENCE DESIGNSTRATEGY/CONCEPTINGBUILDSite Maps, Interaction Models, WireframesUsability Test and IterateDesign collaboration on compsMeasurement PlanFunctional specificationsCollaborate on Flash AnimationAnswer SE questionsConsumer & Secondary ResearchPersonas & Experience ModelsFindings & RecommendationsConcepting - Briefing Creatives- Brainstorming- Evaluating strategic fit- Defining & prioritizing features/functions/content

6. PAGE: 61Experience Planning: Devela insights que informan conceptos y soluciones

7. Un planner de experiencia debería Desarrolla insights de consumidores para comunicarlos a los diferentes usuarios (internos y externos)

8. Crear marcos para la innovación que suceden en la etapa de diseño

9. Asegura que la voz del consumidor sea escuchada a través de todo el proceso

10. Provee un marco de referencia que permita optimizar la experiencia una vez un proyecto sale al aire

11. Contribuye en el brief creativo

12. Promueve e inspira ideas para conceptos

13. Genera lluvias de ideas para características, funciones y contenidoDiferentes estudios que permiten llenar vacíosContextual InterviewsPersonal Journals (online and offline)Chat LurkingSurveying (Online & Offline)Ethnographic ObservationParticipatory DesignCard SortingBlog Research PanelsProduct Usage Measurement & ReportingEye-tracking StudiesShopper InterceptsUsability Testing (Online & Offline)Self-Reporting and DocumentationFocus Groups (Online & Offline)

14. PAGE: 92Diseño de la experiencia: Cómo hacer de la experiencia digital algo fluido, consecuente y accesible

15. 10MATRIZ 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écnicaLa 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

16. 11Una 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

17. 122.DESIGNLos 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

18. 13Beneficios 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

19. 142.DESIGNLos 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)

20. 15Los 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

21. 16Los WIREFRAMES son esquemas/esqueleto que determinan la colocación relativa de la navegación, enlaces, nomenclatura y las prioridades de contenido

22. 17Los Wireframes indican las zonas de contenido y la importancia de jerarquias

23. 18Ojo: 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

24. 19Los Wireframes luego evolucionan a visuales (Comps)

25. 20Asegúrese de que sea fácil de usar!Haga tests de usabilidad, así sea de manera “hechiza”

26. 21When needed, we also test packaging, direct mail, products and in store experiencesCuando se requiere, incluso se testea la interacción con empaques, correos directos, productos o la misma experiencia en la tienda

27. PAGE: 223Construcción: Especificaciones técnicas que contribuyen a la animación final y resuelven preguntas técnicas y de desarrollo