Date post: | 07-Jul-2015 |
Category: |
Education |
Upload: | amnessiacc |
View: | 138 times |
Download: | 2 times |
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