Una introducción a la Arquitectura de Información y su contribución al diseño de sitios web. En esta presentación podrá encontrar: - Definición - Beneficios - Tareas de un arquitecto de información - Documentos blueprints - Documentos Wireframing / protipeado - Casos reales - Herramientas recomendadas

1. Introducción a la arquitectura
de información
Prototipos
Here›s Kate @Flickr
ARC Technology ARC+ PREMIUM 2

2. ¿Qué es la arquitectura de
información?

4. Clasificación 1
Galletitas (Soda, Tentación, Margarita, Charada, Gn, Chocosoda)
Saladas (Soda)
Dulces (Tentación, Margarita, Charada, Gn, Chocosoda)
De chocolate (Tentación, Charada, Gn, Chocosoda)
Rellenas (Charada, Gn)
No Rellenas (Tentación, Chocosoda)
De Vainilla (Tentación, Charada, Gn, Margarita)
Rellenas (Charada, Gn)
No Rellenas (Tentación, Chocosoda)

5. Clasificación 2
Galletas (Soda, Tentación, Margarita, Charada, Gn, Chocosoda)
Saladas (Soda)
Dulces (Tentación, Margarita, Charada, Gn, Chocosoda)
Rellenas (Charada, Gn, Chocosoda)
Rellenas de crema (Charada, Gn)
De chocolate rellenas con crema. (Charada)
De vainilla rellenas con crema. (Gn)
Cubiertas con crema (Chocosoda)
No rellenas (Tentación, Margarita)
De chocolate (Tentación)

6. La Arquitectura de la información no es…
Diseñar
Hacer usabilidad
Programar

7. La Arquitectura de la información es…
Estructurar, organizar y clasificar
información en base a las necesidades
del usuario facilitando su navegación y
comprensión del sitio web

8. ¿Qué beneficios obtenemos
con la arquitectura de
información?

9. Experiencia de uso, eliminado el costo de frustración
del usuario
Evitar el costo de mantenimiento del sitio web
Posicionamiento en buscadores
Evitar el costo de asistencia a los usuarios
Yusef Hassan

10. ¿Cuáles son las tareas
de un arquitecto de
información?

11. Inventariar contenidos
Definir taxonomías o jerarquizar categorías
Sistematizar el rotulado
Estructurar la información. Mapa de arquitectura
Diseñar sistemas de navegación y búsqueda
Definir esquemas de ordenación de la información
Diseñar lo wireframes o prototipos

12. ¿Qué documentos genera el
arquitecto de información?

14. Blueprints / Estructuras y
navegación

15. Inventario o matriz de contenidos

16. Mapa de arquitectura / mapa de sitio
http://extrivium.com

17. Wireframes / Prototipos

18. Son esquematizaciones
de la interfaz,
documentos en los que
se representa cómo
deberá ser la
distribución, ordenación
y relación de los
diferentes elementos en
cada una de las páginas
del sitio web.
www.sw3.com.ar/tutoriales/item/wireframe

19. Wireframes de baja fidelidad
www.nosolousabilidad.com

20. Wireframes de alta fidelidad

21. Más wireframes
Wireframes para móviles táctiles.
www.dribbble.com/shots/43166-Coursefinder-mobile-UI-planning

22. Más wireframes
Wireframes para tabletas.
www.dribbble.com/shots/234907-wip-2012G
www.kontain.com/visuell-interactive/entries/84477/the-ipad-and-the-future-of-wireframes

23. Inicio | Preguntas Frecuentes | Enlaces de Interés | Contáctenos | Mapa de Sitio
Logo
OSITRAN
Escudo
Nacional
ZONA DE BANNER
Acerca de OSITRAN Marco Normativo institucional Transparencia Buscar | Búsqueda avanzada
Solicitud de información Publicaciones
pública Notas de Prensa Ver +
Texto texto texto Texto texto texto Texto texto texto Texto texto texto Texto texto Boletines
texto Texto texto texto Texto texto
Consulta de Trámites
Imagen Memorias
Texto texto texto Texto texto texto Texto texto texto Texto texto texto Texto texto
texto Texto texto texto Texto texto Texto texto texto Texto texto texto Texto texto
Extranet texto Texto texto texto Texto texto Revista institucional
Oportunidad laboral >> Resúmenes periodísticos diario
Concursos Públicos Lista Final de
OSITRAN Día a Día Candidatos
Texto texto texto Texto texto texto Texto texto texto Texto texto texto Texto texto texto Texto texto texto Texto
Galería Multimedia texto texto Texto texto texto Texto texto texto Texto texto texto Texto texto texto Texto texto texto Texto texto Nombramiento de
texto Texto texto texto Texto texto texto Texto texto texto Texto texto texto Texto texto texto Directores
Texto texto texto Texto texto texto Texto texto texto Texto texto texto Texto texto texto Texto TEXTO TEXTO
Ver + Encuestas
Normas
OSITRAN Entidades prestadoras
Reglamentos y Directivas
TARIFAS, CONTRATOS, OTROS
Proyectos de Reglamentos
- Fecha de última actualización:
Entidades Prestadoras 18/07/2008
Reglamentos y Directivas Aeropuertos Carreteras Puertos Vías Férreas
Proyectos de Reglamentos - Correo del WebMaster:
consulta@ositran.gob.pe
Av. República de Panamá 3659 Urb. El Palomar - San Isidro / Telf.: 440-5115 fax: 421-4739
© Organismo Supervisor de Inversión en Infraestructura de Transporte de Uso Público
By Magia digital - 2008

24. By Magia digital - 2008

25. Herramientas más usadas para diseñar
wireframes
Balsamiq (www.balsamiq.com) un mes de prueba
Axure (www.axure.com) un mes de prueba
Pencil 1.3 (www.pencil.evolus.vn/en-US/Home.aspx ) Gratuita

26. Documentar la
arquitectura de
información es diseñar
experiencia usuaria

27. Esta presentación tiene una licencia
Creative Commons de:
Atribución
No comercial
Compartir igual
Percy Negrete
@percynegrete
percy.negrete@pucp.edu.pe