El documento habla sobre la diagramación en la arquitectura de la información en la web. Explica que la diagramación consiste en representar los contenidos y relaciones entre contenidos de un producto digital. Se dividen en blueprints, que representan las áreas de organización y rotulado, y wireframes, que muestran el contenido de las páginas. Los blueprints se representan con texto, cajas y flechas, mientras que los wireframes concretan los elementos en las páginas finales. La numeración de páginas web es una forma útil de mantener todo organizado

1. DIAGRAMACIÓN EN
ARQUITECTURA DE LA
INFORMACIÓN EN WEB

2. ¿Qué es una diagramación?
• La diagramación, a la cual nos
referimos,
consiste
en
la
representación de los contenidos que
tendrá un producto digital, y las
relaciones entre dichos contenidos.

3. Se dividen en:
• Blueprints
• Wireframes

4. Blueprints
Tienen como objetivo representar "las principales
áreas de organización y rotulado" (Rosenfeld &
Morville), y están enfocados a los aspectos
estructurales y de funcionamiento del producto.
Generalmente se representan con textos, cajas y
flechas.

5. Blueprints

6. Wireframes
tienen el objetivo de "mostrar el contenido de las
páginas" (Rosenfeld & Morville), concretando los
elementos que se plantearon en los primeros
planos (blueprints) y ubicándolos en las páginas
o pantallas del producto final.

7. Wireframes

8. Diagramación

9. Propuesta
1.- La numeración de las páginas web es una
forma muy útil para mantener todo organizado y
simplifica la comunicación sobre el sitio web.
(Jason Wathrow)

10. Numeración
• 1.0 Inicio
• 1.1 ¿Quiénes Somos
1.1.1 Nuestra Historia
1.1.2.Our Personal
1.1.2.1-1.1.2.8 Staff Bios
• 1.2 ¿Qué Hacemos
1.2.1 Productos
1.2.2 Servicios

11. Numeración

12. Numeración

13. Aplicación al proyecto

14. Numeración
•
•
•
•
•
•
1.0 Inicio
1.1 La idea
1.2 El Changarro
1.2.1 Playeras
1.2.1.1Líneas de diseño
1.2.1.2 Galerías 3D
1.2.2 Tazas
1.2.3 Gorras
1.3 El Memo
1.3.1 Blog(Noticias)
1.3.2 Podcast
1.4 El Mirador
1.5 El Recado

15. Blueprint

16. Blueprint

17. Wireframe

18. Referencias
•
•
Rodrigo Ronda León es Licenciado en Bibliotecología y Ciencia de la Información de la Facultad de
Comunicación de la Universidad de la Habana. Ha trabajado como arquitecto de información, analista de
sistema y diseñador de información en instituciones cubanas.
Jason Withrow es un miembro de la facultad enel departamento de la Internet
Profesionales(http://inp.wccnet.edu) enWashtenaw Community College(http://www.wccnet.edu). Es
profesor de una gran variedad de clases de diseño web, incluyendo clases en la experiencia de usuario,
la codificación de la Web, gestión de proyectos, y prácticas profesionales.
•
Recursos:
•
http://www.nosolousabilidad.com/articulos/diagramacion.htm
•
http://cmap.ihmc.us/Index.html