arquitectura de información, construyendo ux con bases sólidas
DESCRIPTION
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.TRANSCRIPT
![Page 1: Arquitectura de información, construyendo UX con bases sólidas](https://reader033.vdocumento.com/reader033/viewer/2022061210/548faf02b47959763e8b4da0/html5/thumbnails/1.jpg)
Arquitectura de InformaciónDiseñando experiencias de usuario con bases sólidas
Juan David SaabArquitecto de Información
![Page 2: Arquitectura de información, construyendo UX con bases sólidas](https://reader033.vdocumento.com/reader033/viewer/2022061210/548faf02b47959763e8b4da0/html5/thumbnails/2.jpg)
¿En quién se centra el diseño?
![Page 3: Arquitectura de información, construyendo UX con bases sólidas](https://reader033.vdocumento.com/reader033/viewer/2022061210/548faf02b47959763e8b4da0/html5/thumbnails/3.jpg)
“Hemos logrado un diseño realmente innovador”
![Page 4: Arquitectura de información, construyendo UX con bases sólidas](https://reader033.vdocumento.com/reader033/viewer/2022061210/548faf02b47959763e8b4da0/html5/thumbnails/4.jpg)
![Page 5: Arquitectura de información, construyendo UX con bases sólidas](https://reader033.vdocumento.com/reader033/viewer/2022061210/548faf02b47959763e8b4da0/html5/thumbnails/5.jpg)
Lo anterior es un síntoma de...
Diseño Centrado en el Diseñador
![Page 6: Arquitectura de información, construyendo UX con bases sólidas](https://reader033.vdocumento.com/reader033/viewer/2022061210/548faf02b47959763e8b4da0/html5/thumbnails/6.jpg)
“La parte funcional está bien, cumplimos con los casos de uso”
![Page 7: Arquitectura de información, construyendo UX con bases sólidas](https://reader033.vdocumento.com/reader033/viewer/2022061210/548faf02b47959763e8b4da0/html5/thumbnails/7.jpg)
Lo anterior es un síntoma de...
Diseño Centrado en el Desarrollador
![Page 8: Arquitectura de información, construyendo UX con bases sólidas](https://reader033.vdocumento.com/reader033/viewer/2022061210/548faf02b47959763e8b4da0/html5/thumbnails/8.jpg)
“Yo quiero algo más dinámico. ¿No le podemos poner musiquita?”
![Page 9: Arquitectura de información, construyendo UX con bases sólidas](https://reader033.vdocumento.com/reader033/viewer/2022061210/548faf02b47959763e8b4da0/html5/thumbnails/9.jpg)
“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 y Posicionamiento Socio-estratégico no está en el menú
principal”
![Page 10: Arquitectura de información, construyendo UX con bases sólidas](https://reader033.vdocumento.com/reader033/viewer/2022061210/548faf02b47959763e8b4da0/html5/thumbnails/10.jpg)
Lo anterior es un síntoma de...
Diseño centrado en el Cliente
![Page 11: Arquitectura de información, construyendo UX con bases sólidas](https://reader033.vdocumento.com/reader033/viewer/2022061210/548faf02b47959763e8b4da0/html5/thumbnails/11.jpg)
![Page 12: Arquitectura de información, construyendo UX con bases sólidas](https://reader033.vdocumento.com/reader033/viewer/2022061210/548faf02b47959763e8b4da0/html5/thumbnails/12.jpg)
¿Planes... de estudio?
![Page 13: Arquitectura de información, construyendo UX con bases sólidas](https://reader033.vdocumento.com/reader033/viewer/2022061210/548faf02b47959763e8b4da0/html5/thumbnails/13.jpg)
¿Planes... de estudio?
![Page 14: Arquitectura de información, construyendo UX con bases sólidas](https://reader033.vdocumento.com/reader033/viewer/2022061210/548faf02b47959763e8b4da0/html5/thumbnails/14.jpg)
El cliente NO siempre tiene la razón
![Page 15: Arquitectura de información, construyendo UX con bases sólidas](https://reader033.vdocumento.com/reader033/viewer/2022061210/548faf02b47959763e8b4da0/html5/thumbnails/15.jpg)
Diseño Centrado en el Usuario
DCU
![Page 16: Arquitectura de información, construyendo UX con bases sólidas](https://reader033.vdocumento.com/reader033/viewer/2022061210/548faf02b47959763e8b4da0/html5/thumbnails/16.jpg)
Un enfoque en el cual se ubica al usuario en el centro de cualquier decisión de diseño.
Organización Usuarios
![Page 17: Arquitectura de información, construyendo UX con bases sólidas](https://reader033.vdocumento.com/reader033/viewer/2022061210/548faf02b47959763e8b4da0/html5/thumbnails/17.jpg)
Un enfoque en el cual se ubica al usuario en el centro de cualquier decisión de diseño.
Organización UsuariosPersonas
![Page 18: Arquitectura de información, construyendo UX con bases sólidas](https://reader033.vdocumento.com/reader033/viewer/2022061210/548faf02b47959763e8b4da0/html5/thumbnails/18.jpg)
¿Qué hace realmente bueno a un sitio web?
![Page 19: Arquitectura de información, construyendo UX con bases sólidas](https://reader033.vdocumento.com/reader033/viewer/2022061210/548faf02b47959763e8b4da0/html5/thumbnails/19.jpg)
Los elementos de la Experiencia de Usuario (UX)
Una definición basada en una serie de capas o niveles...
Jesse James Garret (2000) - http://www.jjg.net/elements/pdf/elements.pdf
![Page 20: Arquitectura de información, construyendo UX con bases sólidas](https://reader033.vdocumento.com/reader033/viewer/2022061210/548faf02b47959763e8b4da0/html5/thumbnails/20.jpg)
Panel de Morville
Una definición basada en la convergencia de facetas...
Peter Morville (2004) - http://semanticstudios.com/publications/semantics/000029.php
![Page 21: Arquitectura de información, construyendo UX con bases sólidas](https://reader033.vdocumento.com/reader033/viewer/2022061210/548faf02b47959763e8b4da0/html5/thumbnails/21.jpg)
Arquitectura de Información y su aporte a la Experiencia de usuario
![Page 22: Arquitectura de información, construyendo UX con bases sólidas](https://reader033.vdocumento.com/reader033/viewer/2022061210/548faf02b47959763e8b4da0/html5/thumbnails/22.jpg)
¿Cuánto afecta una mala AI a los usuarios?
Jakob Nielsen (2009) - http://www.useit.com/alertbox/ia-failures.html
![Page 23: Arquitectura de información, construyendo UX con bases sólidas](https://reader033.vdocumento.com/reader033/viewer/2022061210/548faf02b47959763e8b4da0/html5/thumbnails/23.jpg)
¿Qué es Arquitectura de Información?
![Page 24: Arquitectura de información, construyendo UX con bases sólidas](https://reader033.vdocumento.com/reader033/viewer/2022061210/548faf02b47959763e8b4da0/html5/thumbnails/24.jpg)
Una disciplina que trata de organizar contenidos y objetos, describirlos claramente y brindar a las personas mecanismos para poder encontrarlos
Arquitectura de Información
“”
![Page 25: Arquitectura de información, construyendo UX con bases sólidas](https://reader033.vdocumento.com/reader033/viewer/2022061210/548faf02b47959763e8b4da0/html5/thumbnails/25.jpg)
El arte de hacer la información fácil de encontrar
![Page 26: Arquitectura de información, construyendo UX con bases sólidas](https://reader033.vdocumento.com/reader033/viewer/2022061210/548faf02b47959763e8b4da0/html5/thumbnails/26.jpg)
¿Porqué es importante la Arquitectura de Información?
![Page 27: Arquitectura de información, construyendo UX con bases sólidas](https://reader033.vdocumento.com/reader033/viewer/2022061210/548faf02b47959763e8b4da0/html5/thumbnails/27.jpg)
¿Qué debemos conocer?
ContextoUsuarios
Contenido
![Page 28: Arquitectura de información, construyendo UX con bases sólidas](https://reader033.vdocumento.com/reader033/viewer/2022061210/548faf02b47959763e8b4da0/html5/thumbnails/28.jpg)
¿Cómo hacer una AI?
![Page 29: Arquitectura de información, construyendo UX con bases sólidas](https://reader033.vdocumento.com/reader033/viewer/2022061210/548faf02b47959763e8b4da0/html5/thumbnails/29.jpg)
Una de las tantas formas...
En 7 Pasos
![Page 30: Arquitectura de información, construyendo UX con bases sólidas](https://reader033.vdocumento.com/reader033/viewer/2022061210/548faf02b47959763e8b4da0/html5/thumbnails/30.jpg)
1Documento Guía
El fundamento
Antecedentes
Objetivos del sitio
Objetivos de conversión
Usuarios y sus necesidades
Lluvia de ideas
ContextoUsuarios
![Page 31: Arquitectura de información, construyendo UX con bases sólidas](https://reader033.vdocumento.com/reader033/viewer/2022061210/548faf02b47959763e8b4da0/html5/thumbnails/31.jpg)
2Benchmarking
Conociendo el contexto
Selección de sitios
Definición de criterios
Evaluación cuantitativa
Evaluación cualitativa
Comparativo y conclusiones
ContextoContenido
![Page 32: Arquitectura de información, construyendo UX con bases sólidas](https://reader033.vdocumento.com/reader033/viewer/2022061210/548faf02b47959763e8b4da0/html5/thumbnails/32.jpg)
3Personajes
Conociendo profundamente a los usuarios
Definición de perfiles
Definición de escenarios
Tareas clave
Motivaciones
Factores de riesgo
ContextoUsuariosContenido
![Page 33: Arquitectura de información, construyendo UX con bases sólidas](https://reader033.vdocumento.com/reader033/viewer/2022061210/548faf02b47959763e8b4da0/html5/thumbnails/33.jpg)
http://wwff.thespacer.net/blog/template-de-personajes-personas/
![Page 34: Arquitectura de información, construyendo UX con bases sólidas](https://reader033.vdocumento.com/reader033/viewer/2022061210/548faf02b47959763e8b4da0/html5/thumbnails/34.jpg)
4Estudio SEO
Posicionamiento desde la perspectiva UX
Inventario inicial de palabras clave
Determinación de potencial
Palabras clave principales
Contenidos sugeridos
ContextoUsuariosContenido
![Page 35: Arquitectura de información, construyendo UX con bases sólidas](https://reader033.vdocumento.com/reader033/viewer/2022061210/548faf02b47959763e8b4da0/html5/thumbnails/35.jpg)
5Inventario de contenidos
¿Qué tenemos y qué necesitamos?
Contenidos actuales
Objetivos de los usuarios
Contenidos sugeridos por sitios pares
Inventario final
Contenido
![Page 36: Arquitectura de información, construyendo UX con bases sólidas](https://reader033.vdocumento.com/reader033/viewer/2022061210/548faf02b47959763e8b4da0/html5/thumbnails/36.jpg)
6Blueprints
Entender claramente la dimensión del sitio web
Estructuración y rotulado inicial
Definición de mapa provisional
Pruebas sobre mapa provisional
Propuesta final de mapa de navegación
![Page 37: Arquitectura de información, construyendo UX con bases sólidas](https://reader033.vdocumento.com/reader033/viewer/2022061210/548faf02b47959763e8b4da0/html5/thumbnails/37.jpg)
![Page 38: Arquitectura de información, construyendo UX con bases sólidas](https://reader033.vdocumento.com/reader033/viewer/2022061210/548faf02b47959763e8b4da0/html5/thumbnails/38.jpg)
7Wireframes
Las maquetas o bocetos
Necesidades de los usuarios
Estructuras de navegación
Prototipos de baja resolución
Pruebas con usuarios
Prototipos finales
![Page 39: Arquitectura de información, construyendo UX con bases sólidas](https://reader033.vdocumento.com/reader033/viewer/2022061210/548faf02b47959763e8b4da0/html5/thumbnails/39.jpg)
¡Gracias!
Juan David [email protected]
Skype: juan.saabwww.juansaab.co
@juansaab
www.usabilidadaldia.com