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

¿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.

Se dividen en:

• Blueprints• Wireframes

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.

Blueprints

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.

Wireframes

Diagramación

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)

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

Numeración

Numeración

Aplicación al proyecto

Numeración

• 1.0 Inicio• 1.1 La idea • 1.2 El Changarro

1.2.1 Playeras1.2.1.1Líneas de diseño1.2.1.2 Galerías 3D1.2.2 Tazas1.2.3 Gorras

• 1.3 El Memo1.3.1 Blog(Noticias)1.3.2 Podcast

• 1.4 El Mirador• 1.5 El Recado

Blueprint

Blueprint

Wireframe

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