2. Agenda
¿Qué es la Arquitectura de la Información?
Técnicas de relevamiento
Sistemas de navegación
Sistemas de rotulado
Sistemas de búsqueda
Construcción de mapas de sitio y tablas de contenido
Storyboarding / Wireframes
Juan Manuel Carraro Esta obra está bajo una licencia de Creative Commons.
3. ¿Qué es la Arquitectura de la Información?
Elevator Speech para un AI:
Disciplina que consiste en organizar, jerarquizar y nombrar la
información presente en sitios Web, dispositivos móviles e
interfaces en general.
Conceptos fundamentales:
Información: su estructuración, organización y rotulado
Usabilidad y experiencia de usuario
Administración y gestión de contenidos
Findability: búsqueda y navegación
3
Juan Manuel Carraro Esta obra está bajo una licencia de Creative Commons.
4. ¿Qué es la Arquitectura de la Información?
¿Por qué es importante?
75 %
PROBLEMAS DE AI
Fuente: “Prioritizing Web Usability” Jakob Nielsen – Hoa Lorenger
4
Juan Manuel Carraro Esta obra está bajo una licencia de Creative Commons.
5. Técnicas de relevamiento de información
¿Qué debemos relevar?
Contexto
Contenido Usuarios
5
Juan Manuel Carraro Esta obra está bajo una licencia de Creative Commons.
6. Técnicas de relevamiento de información
Lo que debemos saber:
Contexto 1. Qué hace la organización
2. Cuáles son sus productos o servicios
3. Tomadores de decisiones
4. Cuál será el equipo de trabajo
Contenido Usuarios 5. Cuáles son los plazos de ejecución
6. Existen proyectos previos
7. Cuáles son los objetivos
8. Qué áreas están involucradas
9. Infraestructura tecnológica
10. Quiénes serán los usuarios
6
Juan Manuel Carraro Esta obra está bajo una licencia de Creative Commons.
7. Técnicas de relevamiento de información
Lo que debemos saber:
1. ¿Está definido?
Contexto 2. Fuentes del contenido
3. Responsables de producirlo
4. Responsables de aprobarlo
5. Formatos
Contenido Usuarios 6. Existen IAs previas
Cómo lo podemos saber:
1. Cuestionarios de relevamiento
2. Entrevistas
3. Análisis
4. Benchmarks
7
Juan Manuel Carraro Esta obra está bajo una licencia de Creative Commons.
8. Técnicas de relevamiento de información
Lo que debemos saber:
1. Quiénes son los usuarios
Contexto 2. Nivel de conocimiento
3. Qué tareas realizan habitualmente
4. Qué problemas tienen
5. Qué sugerencias tienen
Contenido Usuarios
Cómo lo podemos saber:
1. Estadísticas de uso del sitio
2. Entrevistas
3. Test con usuarios
4. Agrupamiento de tarjetas
8
Juan Manuel Carraro Esta obra está bajo una licencia de Creative Commons.
9. Sistemas de Navegación
1
Sistemas principales de navegación
¿Dónde estoy y dónde puedo ir?
1. Navegación global
¿Qué está relacionado?
2. Navegación local
3 3. Navegación contextual
CONTENIDO
22
¿Qué está relacionado?
Heat Map Eyetracking Study
9
Juan Manuel Carraro Esta obra está bajo una licencia de Creative Commons.
10. Sistemas de Navegación
Navegación
global
Navegación
Navegación
local
contextual
10
Juan Manuel Carraro Esta obra está bajo una licencia de Creative Commons.
11. Sistemas de Navegación
11
Juan Manuel Carraro Esta obra está bajo una licencia de Creative Commons.
12. Sistemas de Navegación
Sistemas suplementarios de navegación
1. Mapas de sitio
2. Índices
3. Guías / Tutoriales
Lanacion.com
Wikipedia.org
Blogger.com
12
Juan Manuel Carraro Esta obra está bajo una licencia de Creative Commons.
13. Sistemas de Navegación
Sistemas sociales de navegación
1. Contenido relacionado
2. Rankings
Amazon.com
3. Cloud Tags
4. Taggeado de usuarios
Lanacion.com
Amazon.com
Flickr.com 13
Juan Manuel Carraro Esta obra está bajo una licencia de Creative Commons.
14. Sistemas de Rotulado
1. Botones de navegación
2. Títulos de página
Características principales de las botoneras:
3. Links
1. Consistencia
2. Representatividad
3. Hablar el lenguaje del usuario
4. Simplicidad
Técnicas para diseñarlas:
1. Diagnóstico inicial de los rótulos ya utilizados
2. Análisis de comparables
3. Análisis del contenido
4. Ordenamiento de tarjetas
5. Testing y ajustes, testing y ajustes, testing y…
14
Juan Manuel Carraro Esta obra está bajo una licencia de Creative Commons.
15. Sistemas de Rotulado
1. Botones de navegación
2. Títulos de página
3. Links
Características principales de los títulos:
1. Cada página debe tener un título propio
2. El Title Tag y el título de cada página deben ser consistentes.
3. Redactar para los buscadores
4. Explicar claramente de qué se trata la nota en términos fácilmente
entendibles por un usuario tipo.
5. Evitar el uso de frases “ingeniosas” o “graciosas” que puedan confundir.
15
Juan Manuel Carraro Esta obra está bajo una licencia de Creative Commons.
16. Sistemas de Rotulado
1. Botones de navegación
2. Títulos de página
Características principales de los Links:
3. Links
1. Intuitivos
2. Evitar el “Haga clic aquí”
3. Deben tener entre 3 y 5 palabras máximo.
4. Es preferible que estén insertos dentro de un
párrafo que los contextualice.
16
Juan Manuel Carraro Esta obra está bajo una licencia de Creative Commons.
17. Sistemas de Rotulado
17
Juan Manuel Carraro Esta obra está bajo una licencia de Creative Commons.
18. Sistemas de Búsqueda
1. ¿Necesito un buscador?
Cuándo necesito un buscador:
2. Características centrales
3. Página de Resultados
1. Más de 100 páginas 4. Optimización de páginas
2. Extensos listados (no simples de indexar)
3. Variedad de categorías de contenido
4. Necesidad de saber qué buscan los usuarios
5. Los usuarios esperan que haya un buscador
18
Juan Manuel Carraro Esta obra está bajo una licencia de Creative Commons.
19. Sistemas de Búsqueda
1. ¿Necesito un buscador?
Qué esperan los usuarios de un buscador:
2. Características centrales
3. Página de Resultados
1. Una caja amplia donde introducir sus 4. Optimización de páginas
palabras clave.
2. Un botón que diga “Buscar”
3. Una nueva página con un listado de
resultados priorizados
19
Juan Manuel Carraro Esta obra está bajo una licencia de Creative Commons.
20. Sistemas de Búsqueda
Términos de la búsqueda
2
1. ¿Necesito un buscador?
3 2. Características centrales
Posibilidad de nueva búsqueda 3. Página de Resultados
4. Optimización de páginas
1
Listado de resultados priorizados con
‐ Título
‐ Descripción
‐ Link
‐ Keywords resaltadas
20
Juan Manuel Carraro Esta obra está bajo una licencia de Creative Commons.
21. Sistemas de Búsqueda
1. ¿Necesito un buscador?
Content Is King 2.
3.
Características centrales
Página de Resultados
4. Optimización de páginas
21
Juan Manuel Carraro Esta obra está bajo una licencia de Creative Commons.
22. Entregables de Arquitectura de Información
1. Mapas de Sitio
2. Tablas de Contenido
3. Storyboards
4. Prototipo
Psicofxp.com
22
Juan Manuel Carraro Esta obra está bajo una licencia de Creative Commons.
23. Entregables de Arquitectura de Información
1. Mapas de Sitio
2. Tablas de Contenido
3. Storyboards
4. Prototipo
Psicofxp.com
23
Juan Manuel Carraro Esta obra está bajo una licencia de Creative Commons.
24. Entregables de Arquitectura de Información
1. Mapas de Sitio
2. Tablas de Contenido
3. Storyboards
4. Prototipo
Psicofxp.com
24
Juan Manuel Carraro Esta obra está bajo una licencia de Creative Commons.
25. Entregables de Arquitectura de Información
1. Mapas de Sitio
2. Tablas de Contenido
3. Storyboards
4. Prototipo
Psicofxp.com
25
Juan Manuel Carraro Esta obra está bajo una licencia de Creative Commons.
26. Entregables de Arquitectura de Información
1. Mapas de Sitio
2. Tablas de Contenido
3. Storyboards
4. Prototipo
Psicofxp.com
26
Juan Manuel Carraro Esta obra está bajo una licencia de Creative Commons.
27. ¡Muchas Gracias!
Juan Manuel Carraro
carrarojm@ccomunicacion.com.ar
www.ccomunicacion.com.ar
Juan Manuel Carraro Esta obra está bajo una licencia de Creative Commons.