Arquitectura de información, construyendo UX con bases sólidas.

3,353 views

Published on

Una nueva versión de la charla sobre Arquitectura de Información. Esta vez incluye un poco de contexto con respecto a UX y un poco de desarrollo conceptual. Al final la base práctica y central de la disciplina permanece casi sin cambios a través del tiempo.

------- /// --------- /// ----

A new version of the Information Architecture speak. Now It includes a few about the context with User Experience (UX) and a short about the concepts of IA. Finally the discipline remains with similar basis and metodologyes across the time.

Published in: Technology

Arquitectura de información, construyendo UX con bases sólidas.

  1. 1. Arquitectura de Información Diseñando experiencias de usuario con bases sólidas Juan David Saab Arquitecto de Información
  2. 2. ¿En quién se centra el diseño?
  3. 3. “Hemos logrado un diseño realmente innovador”
  4. 4. Lo anterior es un síntoma de... Diseño Centrado en el Diseñador
  5. 5. “La parte funcional está bien, cumplimos con los casos de uso”
  6. 6. Lo anterior es un síntoma de... Diseño Centrado en el Desarrollador
  7. 7. “Yo quiero algo más dinámico. ¿No le podemos poner musiquita?”
  8. 8. “Ninguno de los 30 campos del formulario de registro sobra, necesitamos recopilar datos” “Es que si usamos vínculos externos en una misma ventana perdemos usuarios” “¿Cómo?... El área de Desarrollo, Macro Gestión yPosicionamiento Socio-estratégico no está en el menú principal”
  9. 9. Lo anterior es un síntoma de... Diseño centrado en el Cliente
  10. 10. ¿Planes... de estudio?
  11. 11. ¿Planes... de estudio?
  12. 12. El cliente NO siempre tiene la razón
  13. 13. Diseño Centrado en el Usuario DCU
  14. 14. Un enfoque en el cual se ubica al usuario en el centro de cualquier decisión de diseño.Organización Usuarios
  15. 15. Un enfoque en el cual se ubica al usuario en el centro de cualquier decisión de diseño.Organización Usuarios Personas
  16. 16. ¿Qué hace realmentebueno a un sitio web?
  17. 17. Una definición basada en una serie de capas o niveles... Jesse James Garret (2000) - http://www.jjg.net/elements/pdf/elements.pdf Los elementos de la Experiencia de Usuario (UX)
  18. 18. Una definición basada en la convergencia de facetas... Peter Morville (2004) - http://semanticstudios.com/publications/semantics/ 000029.php Panel de Morville
  19. 19. Arquitectura de Información y su aporte a la Experiencia de usuario
  20. 20. ¿Cuánto afecta una mala AI a los usuarios? Jakob Nielsen (2009) - http://www.useit.com/alertbox/ia-failures.html
  21. 21. ¿Qué es Arquitectura de Información?
  22. 22. Arquitecturade Información“Una disciplina que trata de organizar contenidos y objetos, describirlos claramente y brindar a las personas mecanismos para poder encontrarlos
  23. 23. El arte de hacer la información fácil de encontrar
  24. 24. ¿Porqué es importante laArquitectura de Información?
  25. 25. ¿Qué debemos conocer? Usuarios Contexto Contenido
  26. 26. ¿Cómo hacer una AI?
  27. 27. Una de las tantas formas... En 7 Pasos
  28. 28. Documento Guía El fundamento Antecedentes1 Objetivos del sitio Objetivos de conversión Usuarios y sus necesidades Lluvia de ideas Usuarios Contexto
  29. 29. Benchmarking Conociendo el contexto Selección de sitios2 Definición de criterios Evaluación cuantitativa Evaluación cualitativa Comparativo y conclusiones Contenido Contexto
  30. 30. PersonajesConociendo profundamente a los usuarios Definición de perfiles3 Definición de escenarios Tareas clave Motivaciones Factores de riesgo Contenido Usuarios Contexto
  31. 31. http://wwff.thespacer.net/blog/template-de-personajes-personas/
  32. 32. Estudio SEOPosicionamiento desde la perspectiva UX Inventario inicial de palabras clave4 Determinación de potencial Palabras clave principales Contenidos sugeridos Contenido Usuarios Contexto
  33. 33. Inventario de contenidos ¿Qué tenemos y qué necesitamos? Contenidos actuales5 Objetivos de los usuarios Contenidos sugeridos por sitios pares Inventario final Contenido
  34. 34. BlueprintsEntender claramente la dimensión del sitio web Estructuración y rotulado inicial6 Definición de mapa provisional Pruebas sobre mapa provisional Propuesta final de mapa de navegación
  35. 35. Wireframes Las maquetas o bocetos Necesidades de los usuarios Estructuras de navegación7 Prototipos de baja resolución Pruebas con usuarios Prototipos finales
  36. 36. ¡Gracias! @juansaab Juan David Saab juansaabvanegas@gmail.comwww.usabilidadaldia.com Skype: juan.saab www.juansaab.co

×