Successfully reported this slideshow.

Los Elementos de la experiencia de usuario | TransCyberiano 2010 | Manfred Pérez de Metodus

1,570 views

Published on

Los Elementos de la experiencia de usuario. Presentación sobre propuesta de Jasse James Garret en función de los elementos y pilares del desarrollo de aplicaciones web apetecibles para los usuarios.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Los Elementos de la experiencia de usuario | TransCyberiano 2010 | Manfred Pérez de Metodus

  1. 1. Manfred PérezLa experiencia de usuario
  2. 2. 5 s nt Lo e emel os
  3. 3. Estrategia Alcances Estructura Esqueleto Superficie
  4. 4. Diseño centrado enUn proceso deusuario el desarrollo de productos. El producto en sí mismo no es el fin. El producto final es el medio para brindar una experiencia de usuario satisfactoria. Es un conjunto de métodos enfatizados en entender al usuario más que a la tecnología.
  5. 5. La Experiencia de usuarioLa sensación, sentimiento, respuesta emocional, valoración ysatisfacción del usuario respecto a un producto, resultado delfenómeno de interacción con el producto y proveedor. Experiencia de UsuarioValoresEmociones UsabilidadExpectativas FuncionalidadExperiencias Previas Tamaño, PesoCaracterísticas físicas Lenguaje, SímbolosPersonalidadMotivación Usuario Interacción Producto Características Estéticas UtilidadHabilidades ReputaciónAños Adaptabilidadetc… Movilidad Factores Sociales Factores Contexto de uso etc… Presión de tiempo Culturales Tiempo Presión de Éxito y fracaso Sexo Símbolos Lugar Requerimientos Explícitos e Implícitos Hábitos Religión Temperatura etc… Normas Lenguaje, etc… Acompañamiento de Personas etc… Arhippainen y Tähti (2003)
  6. 6. g e n ieIn ría re ve r sa
  7. 7. 5 s sLo nop la
  8. 8. Diseño de laInformación
  9. 9. Especificaciones Funcionales Diseño de la Información
  10. 10. Arquitectura de InformaciónEspecificaciones Funcionales Diseño de la Información
  11. 11. Arquitectura de InformaciónEspecificaciones FuncionalesDiseño Interactivo Diseño de la Información
  12. 12. Arquitectura de InformaciónEspecificaciones FuncionalesDiseño Interactivo Diseño de la Información Diseño de Interfaz
  13. 13. Arquitectura de Información Especificaciones FuncionalesDiseño Interactivo Diseño de la InformaciónRequerimientos de Diseño de Interfaz Contenido
  14. 14. Arquitectura de Información Especificaciones FuncionalesDiseño Interactivo Diseño de la Diseño de Información NavegaciónRequerimientos de Diseño de Interfaz Contenido
  15. 15. l ta s e aD l le e as d p c a
  16. 16. Estrategia
  17. 17. Necesidades del usuario Que debe hacer el sitio para los que lo utilizan.Objetivos del sitio Que debe hacer el sitio para los que lo construyen.
  18. 18. …funcionen…se puedan utilizar…cumplan con las expectativas
  19. 19. Lamejor forma dedescubrir lasnecesidades delusuario.Muchas técnicas,unas cortas ybaratas, otraslargas y costosas
  20. 20. Permite identificar y manejar las necesidades de los usuarios.Dividea su audiencia en segmentos basados en características compartidas.
  21. 21. Permite identificar y manejar las necesidades de los usuarios.Dividea su audiencia en segmentos basados en características compartidas.
  22. 22. Permite identificar y manejar las necesidades de los usuarios.Dividea su audiencia en segmentos basados en características compartidas.
  23. 23.  Bosquejos personalizados basados en la investigación del usuario. Permite extrapolarizar un conjunto general de características a un caso específico.
  24. 24. ...Metas de Negocios....Conductores de Negocios....Requerimientos de negocios.
  25. 25.  Laúnica manera de saber si ha habido cambios en el sitio que hagan la diferencia. Que las métricas estén ajustados a la realidad de los objetivos
  26. 26.  Necesidades del usuario Investigación de usuario Segmentación de usuarios Personas Objetivos del sitio Métricas de éxito
  27. 27. Alcances
  28. 28. Especificacionesfuncionales. Características de la aplicación que el sitio debe de incluir.Requerimientos decontenido. Elementos de contenido que el sitio debe de incluir.
  29. 29.  Quécaracterísticas de la aplicación concuerdan con las necesidades del usuario y sus metas. Enfoque en “¿Qué hace esto?” No en “¿Cómo esto trabaja?” No en “¿Qué no hace esto?” Ser específico, sin dictar el diseño del sistema.
  30. 30.  ¿Quéinformación los usuarios necesitan o quieren del sitio? ¿Qué forma debe tomar? ¿De dónde viene? ¿Quién es el responsable? Definiciónde los elementos de acuerdo con el propósito.
  31. 31. ¡Documentar! 80%
  32. 32.  Requerimeinto de contenido Investigación de usuario Especificaciones funcionales Mantener la documentación siempre
  33. 33. Estructura
  34. 34. Diseño interactivo. Como se mueve el usuario desde el primer paso en el proceso hacia el siguiente.Arquitectura deInformación. Como se mueve el usuario desde un elemento de contenido hacia el siguiente.
  35. 35. Diseñointeractivo. Acciones que el usuario puede tomar en respuesta al sistema. Acciones que el sistema que puede tomar en respuesta al usuario..
  36. 36. Arquitectura deInformación. Definición conceptual de la relación entre los elementos de contenido Refleja la manera en que los usuarios piensan del tema. Comúnmente jerárquico, pero no necesariamente.
  37. 37. Vehículo Término ampliado Mecánico TérminosCarro Automóvil Relacionados Variante de Término Tráfico Términos Relacionados Doble Tracción Toyota
  38. 38. La Auditoría determina Tipos y Metadatos. Se enlista el inventario del contenido.Examinar la Arquitectura permite ayuda a dimensionar el alcance del contenido.
  39. 39.  Representaciones visuales, hacen que se trabaje mejor. Losdiagramas pueden ser tan simples o complejos, según su necesidad. Vocabulario visual.
  40. 40.  Diseño Interactivo. Arquitectura de Información. Estructura de la documentación.
  41. 41. Esquema
  42. 42. Diseño de la información. Facilita la comprensión de la información.Diseño de interfaz Ayuda las entradas del usuario y las salidas del sistema.Diseño de la navegación Favorece los movimientos a través del sitio.
  43. 43. Diseño de Información ¿Cómo podemos presentar la información para que sea entendida y utilizada por la gente? Comunicar la importancia relativa de las diferentes partes de la información. Guiar al usuario de una parte de información a otra. Llamar la atención a los detalles importantes. Comunicar la relación entre los elementoso
  44. 44. Diseño de Interfaz
  45. 45. Diseño de Interfaz
  46. 46.  Diseñode la información Diseño de interfaz Diseño de la navegación Boceto estructural (Wireframe)
  47. 47. Apariencia
  48. 48. Look and Feel. Lo que la gente usualmente piensa cuando usted dice “diseño web”. Es más que estética.
  49. 49.  Diseño visual. Apego a identidad de marca. Paleta de colores. Tipografía.
  50. 50. ® © 2009-2010. Todos los derechos reservados. TransCyberiano® Seminario TransCyberiano S.A. Todos los Derechos Reservados.El nombre Seminario TransCyberiano®, el logotipo Seminario TransCyberiano® y el símbolo de Seminario TransCyberiano® son marcas registradas por Seminario TransCyberiano S.A. y se encuentran protegidas en Costa Rica (No.178289) y otros países.

×