Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

Diseño de Experiencia de Usuario UxD

Metodologías para desarrollar e implementar el Diseño de Experiencia de Usuario UxD. Ingeniería de Software.

  • Identifiez-vous pour voir les commentaires

Diseño de Experiencia de Usuario UxD

  1. 1. Gestión Empresarial Picture by corning: http://www.corning.com/index.aspx Diseño de Experiencia de Usuario UxD Etapas, actividades, técnicas y herramientas… By Juan Manuel Aguera Castro blog: http://jmaguera.blogspot.mx/
  2. 2. Gestión Empresarial Componentes Clave Diseño de Experiencia de Usuario
  3. 3. Las necesidades concretas de la organización y lo que espera conseguir a través del desarrollo de soluciones web (móviles, etc.) se ven plasmadas en los objetivos; los cuales, alineados a las necesidades de los usuarios, s e r á n l a g u í a d e t o d o p r o c e s o d e conceptualización, diseño e implementación de aplicaciones. Diseño de Experiencia de Usuario Gestión Empresarial
  4. 4. Gestión Empresarial Diseño de Experiencia de Usuario F o r t a l e c e r l a p r e s e n c i a y fortalecimiento de marca en Internet E s t a b l e c e r e s t r a t e g i a s d e v e n t a j a s competitivas de s e r v i c i o s d e contenidos Web para los clientes Establecer canales de comunicación e interacción de valor agregado para los clientes, usuarios, proveedores, etc. OBJETIVOS ESTRATÉGICOS Ejemplos de objetivos
  5. 5. Gestión Empresarial Los Elementos de la Experiencia de Usuario de Garret (2002) See more at: http://www.nosolousabilidad.com/articulos/uxd.htm#sthash.YhErYfRj.dpuf Diseño de Experiencia de Usuario Premisas Básicas
  6. 6. Gestión Empresarial Etapas de creación de un producto de software 1 23 4 REQUERIMIENTOS DISEÑOIMPLEMENTACIÓN PRUEBAS
  7. 7. Gestión Empresarial Enfoque de Etapas en la creación de software Lineal Iterativo R D I P P R D P R D P R DR D I P Requerimientos Diseño Implementación Pruebas
  8. 8. Gestión Empresarial Rol del Diseñador dentro del proceso de creación
  9. 9. Gestión Empresarial Contexto Contenido Usuarios Todo proyecto es relativo a los usuarios, contexto y contenidos específicos en cada caso. Morville (2004) Diseño de Experiencia de Usuario
  10. 10. Metodología Etapas Responden al tiempo transcurrido ¿CUÁNDO? Actividades o Tareas Responden al proceso ¿QUÉ? Técnicas Responden al lo que se hace para lograr los procesos y tareas ¿CÓMO? Herramientas Responden a qué se usa para aplicar las técnicas ¿CON QUÉ? Gestión Empresarial Diseño de Experiencia de Usuario 4 COMPONENTES BÁSICOS
  11. 11. Gestión Empresarial Diseño de Experiencia de Usuario ETAPAS INVESTIGACIÓN Se obtiene toda la información p o s i b l e d e l p r o y e c t o , u s u a r i o s y p r o d u c t o a diseñar ORGANIZACIÓN ! Se procesa toda la información para convertirla en un producto. DISEÑO ! S e p l a s m a e l d i s e ñ o d e l producto a partir de lo organizado PRUEBA ! Se comprueba la c a l i d a d d e l diseño propuesto 1 2 3 4
  12. 12. Obtener toda la información posible del proyecto a diseñar Gestión Empresarial Diseño de Experiencia de Usuario ACTIVIDADES y/o TAREAS A REALIZAR EN CADA ETAPA Etapas del Diseño de Experiencia de Usuario 1 2 3 4 Organizar toda la información recolectada para convertirla en producto Proponer el diseño del producto a partir de lo organizado Comprobar el diseño propuesto del producto Investigación Organización Diseño Prueba
  13. 13. ETAPA 1 INVESTIGACIÓN Gestión Empresarial Diseño de Experiencia de Usuario
  14. 14. Gestión Empresarial Diseño de Experiencia de Usuario ETAPA 1. INVESTIGACIÓN Información relacionada con el proyecto Estudio de usuarios (receptores) Realizar un análisis del uso del mismo (Ejemplo: Logs, Google Analytics) Realizar una evaluación del producto existente para determinar su calidad Estudio de Contexto Estudio de Contenidos I N I C I O En caso de estar rediseñado un producto Estudio del proceso de diseño F I N Si No
  15. 15. Gestión Empresarial Diseño de Experiencia de Usuario Obtener la mayor cantidad de información posible, tanto del cliente como de los usuarios ETAPA1 INVESTIGACIÓN
  16. 16. Gestión Empresarial Diseño de Experiencia de Usuario © ETAPA1 INVESTIGACIÓN continua…
  17. 17. Gestión Empresarial Diseño de Experiencia de Usuario ARTEFACTOS GENERADOS INVESTIGACIÓN INVESTIGACIÓN
  18. 18. ETAPA 2 ORGANIZACIÓN, ANÁLISIS DE INFORMACIÓN Gestión Empresarial Diseño de Experiencia de Usuario
  19. 19. Gestión Empresarial Diseño de Experiencia de Usuario ETAPA 2 ORGANIZACIÓN (ANÁLISIS DE INFORMACIÓN)
  20. 20. Gestión Empresarial Diseño de Experiencia de Usuario ARTEFACTOS GENERADOS ORGANIZACIÓN
  21. 21. Gestión Empresarial Diseño de Experiencia de Usuario ETAPA 3 DISEÑO
  22. 22. Gestión Empresarial Diseño de Experiencia de Usuario ETAPA 3 ! DISEÑO
  23. 23. Diseño de Experiencia de Usuario ARTEFACTOS GENERADOS DISEÑO Gestión Empresarial
  24. 24. Gestión Empresarial Diseño de Experiencia de Usuario ETAPA 4 PRUEBA
  25. 25. Gestión Empresarial Diseño de Experiencia de Usuario ETAPA 4 ! PRUEBA
  26. 26. Diseño de Experiencia de Usuario ARTEFACTOS GENERADOS PRUEBA Gestión Empresarial
  27. 27. Gestión Empresarial Diseño de Experiencia de Usuario T É C N I C A S M U Y U S A D A S PA R A L A B Ú S Q U E D A D E I N F O R M A C I Ó N T É C N I C A S B Á S I C A S E N E L P R O C E S O D E D I S E Ñ O T É C N I C A S M U Y U S A D A S PA R A E L F U N C I O N A M I E N T O D E L P R O D U C T O T É C N I C A S M U Y U S A D A S PA R A D I S E Ñ A R E L P R O D U C T O T É C N I C A S U S A D A S PA R A H A C E R L O S T E S T D E L D I S E Ñ O P L A N T E A D O T É C N I C A S M U Y U S A D A S PA R A L A O R G A N I Z A C I Ó N TÉCNICAS
  28. 28. Gestión Empresarial Diseño de Experiencia de Usuario T É C N I C A S B Á S I C A S E N E L P R O C E S O D E D I S E Ñ O Reuniones Entrevistas y Encuestas Observación Revisiones bibliográficas Consulta a experto(s) Representación y mapeo
  29. 29. Gestión Empresarial Diseño de Experiencia de Usuario T É C N I C A S M U Y U S A D A S PA R A L A B Ú S Q U E D A D E I N F O R M A C I Ó N Tormenta de ideas (brainstorming). Focus group Crítica de diseños anteriores. Diseño participativo. Tormenta de idea de necesidades de información (brainstorming). Escenarios. Personas. Benchmarking (análisis competitivo). Análisis de frecuencia de texto (repetición de términos y conceptos en los contextos)
  30. 30. Gestión Empresarial Diseño de Experiencia de Usuario T É C N I C A S M U Y U S A D A S PA R A L A O R G A N I Z A C I Ó N Organización de tarjetas (card sorting). Agrupación (finalizando en un Diagrama de Afinidad). Secuencia (Análisis de secuencia) (Ronda León, Mesa Rábade; 2005). Tabulación de contenidos (crear tablas con los diferentes contenidos a organizar). Validación de términos
  31. 31. Gestión Empresarial Diseño de Experiencia de Usuario Análisis de tareas (Task Analysis). Flujogramas. Paseo cognitivo T É C N I C A S M U Y U S A D A S PA R A E L F U N C I O N A M I E N T O D E L P R O D U C T O
  32. 32. Gestión Empresarial Diseño de Experiencia de Usuario T É C N I C A S M U Y U S A D A S PA R A D I S E Ñ A R E L P R O D U C T O Diagramas en papel. Diagramas de organización (Blueprint) Diagramas de funcionamiento (Flow diagram). Diagramas de presentación (Wireframe). Etiquetado (Labeling). Prototipado digital
  33. 33. Gestión Empresarial Diseño de Experiencia de Usuario T É C N I C A S U S A D A S PA R A H A C E R L O S T E S T D E L D I S E Ñ O P L A N T E A D O Crítica de diseño con usuarios y clientes (Critic design). Pruebas con usuarios (User test). Evaluación heurística (Heuristic test). Mapeo de clics dentro de la p a n t a l l a d e l p r o d u c t o (MouseTracking). Monitorización o seguimiento visual (EyeTracking)
  34. 34. Gestión Empresarial Diseño de Experiencia de Usuario HERRAMIENTAS Las herramientas del diseñador de experiencia de usuario son diversas y aplicables conforme a las posibilidades de presupuesto y acceso a las tecnologías del proyecto. El mercado ofrece una excelente propuesta de herramientas profesionales de alto costo, así como de herramientas gratuitas. ! Para el caso de organización de la información, podemos hacer uso de encuestas online, herramientas que permiten diseñar encuestas en linea para ser respondida por usuarios remotos de algún segmento de mercado en especifico.
  35. 35. Gestión Empresarial Diseño de Experiencia de Usuario Ejemplos de herramientas: Survey Manager de Netquest (www.solucionesnetquest.com/ survey_manager) E-encuestas (www.e-encuesta.com) ! Aplicaciones para el mapeo de contenidos y conceptos: MindManager de MindJet (www.mindjet.com) CMapTools. (http://cmap.ihmc.us) Freemind (http://freemind.sourceforge.net) PowerMapper (www.powermapper.com) Xtreeme SiteXpert (www.xtreeme.com/sitexpert) ! Aplicaciones para la representación de contenidos, como son diagramas o prototipos (ejemplos): Axure RP Pro (www.axure.com) SmartDraw (www.smartdraw.com) Microsoft Visio (www.microsoft.com) OmniGraffle (OSX) (www.omnigroup.com) iGrafx Flowcharter (www.igrafx.com) HERRAMIENTAS
  36. 36. Gestión Empresarial Diseño de Experiencia de Usuario El uso de metodologías, técnicas y herramientas en el proceso de Diseño de aplicaciones de software, permite a ingenieros expertos y los que se encuentran en proceso de llegar a serlo, conocer una diversidad de posibles formas para encontrar soluciones de gran utilidad en los diferentes ámbitos de aplicación. Por tanto, las propuestas aquí expuestas, representan un esfuerzo por enfatizar las premisas de uso actual y altamente concurridas por ingenieros desarrolladores de aplicaciones, las cuales evolucionan continuamente y dan oportunidad a reformularse y robustecerse a cada momento. ! Las propuestas aquí presentadas, representan una guía y referencia que puede adaptarse, modificarse y/o enriquecerse conforme al contexto aplicable y las necesidades de los clientes, usuarios, contenidos, tecnologías y entorno de aplicación. CONCLUSIONES
  37. 37. Gestión Empresarial Diseño de Experiencia de Usuario Bibliografía y referencias ! - Coutin Domínguez, Adrian. Arquitectura de información para sitios web. Anaya Multimedia, 2002 - Garret, Jesse James. Un vocabulario visual para describir arquitectura de información y diseño de interacción. Traducción: Javier Velazco (marzo 2002) [en línea] <http://www.jjg.net/elements/translations/elements_es.pdf > - Garret, Jesse James. The Elements of User Experience. User Center Design for the Web and Beyond. (2da edición). New Riders, 2011. - Kuniavsky, Mike. Observing the User Experience: A Practitioner's Guide to User Research. Morgan Kaufmann Publishers, 2003. - Lidwell, William; Holden, Kritina y Butler, Jill. Universal principles of design. Rockport publishers, 2003 - Morville, Peter. User Experience Design. [En línea] <http://semanticstudios.com/publications/semantics/000029.php> junio, 2004 - Reiss, Eric. Practical Information Architecture. A hands-on approach to structuring successful websites. Addison-Wesley, 2000 - Rosenfeld, Louis y Morville, Peter. Information architecture for the World Wide Web. O’Reilly Media, Inc. 3ra edición. 2007. - Ronda León, Rodrigo. Productos electrónicos: principios y pautas. Editorial Félix Varela, La Habana, 2005 - Ronda León, Rodrigo. La Arquitectura de Información y las Ciencias de la Información. [En línea] Nosolousabilidad <http:// www.nosolousabilidad.com/articulos/ai_ciencias_informacion.htm> mayo 2005 - Ronda León, Rodrigo y Mesa Rábade, Yaima. Análisis de Secuencia: una herramienta para la Arquitectura de Información. [En línea] Nosolousabilidad <http://www.nosolousabilidad.com/articulos/analisis_secuencia.htm> julio 2005 - Ronda León, Rodrigo. Revisión de técnicas de arquitectura de información. [En línea] Nosolousabilidad <http://www.nosolousabilidad.com/ articulos/tecnicas_ai.htm> 5 de Enero de 2007, no 6, 2007 - Ronda León, Rodrigo. La diagramación en la arquitectura de información. [En línea] Nosolousabilidad <http://www.nosolousabilidad.com/ articulos/diagramacion.htm> 25 de Diciembre de 2007, no 6, 2007 - Ronda León, Rodrigo. El etiquetado en el diseño de software. [En línea] Nosolousabilidad <http://www.nosolousabilidad.com/articulos/ etiquetado.htm> enero de 2013, no 12, 2013 - Spencer, Donna. A practical guide to Information Architecture. Five Simple Steps. 2010 - Wikipedia (the free encyclopedia). Shannon–Weaver model. [en línea] (Consultado Febrero 2013) http://en.wikipedia.org/wiki/Shannon- Weaver_model - Wodtke, Christina y Govella, Austin. Information Architecture. Blueprint for the Web. (2da edición) New Riders, 2009

×