arquitectura de la información en web
TRANSCRIPT
![Page 1: Arquitectura de la información en web](https://reader036.vdocuments.site/reader036/viewer/2022062320/559b740f1a28ab744f8b45e6/html5/thumbnails/1.jpg)
DIAGRAMACIÓN EN ARQUITECTURA DE LA INFORMACIÓN EN WEB
![Page 2: Arquitectura de la información en web](https://reader036.vdocuments.site/reader036/viewer/2022062320/559b740f1a28ab744f8b45e6/html5/thumbnails/2.jpg)
¿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.
![Page 3: Arquitectura de la información en web](https://reader036.vdocuments.site/reader036/viewer/2022062320/559b740f1a28ab744f8b45e6/html5/thumbnails/3.jpg)
Se dividen en:
• Blueprints• Wireframes
![Page 4: Arquitectura de la información en web](https://reader036.vdocuments.site/reader036/viewer/2022062320/559b740f1a28ab744f8b45e6/html5/thumbnails/4.jpg)
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.
![Page 5: Arquitectura de la información en web](https://reader036.vdocuments.site/reader036/viewer/2022062320/559b740f1a28ab744f8b45e6/html5/thumbnails/5.jpg)
Blueprints
![Page 6: Arquitectura de la información en web](https://reader036.vdocuments.site/reader036/viewer/2022062320/559b740f1a28ab744f8b45e6/html5/thumbnails/6.jpg)
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.
![Page 7: Arquitectura de la información en web](https://reader036.vdocuments.site/reader036/viewer/2022062320/559b740f1a28ab744f8b45e6/html5/thumbnails/7.jpg)
Wireframes
![Page 8: Arquitectura de la información en web](https://reader036.vdocuments.site/reader036/viewer/2022062320/559b740f1a28ab744f8b45e6/html5/thumbnails/8.jpg)
Diagramación
![Page 9: Arquitectura de la información en web](https://reader036.vdocuments.site/reader036/viewer/2022062320/559b740f1a28ab744f8b45e6/html5/thumbnails/9.jpg)
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)
![Page 10: Arquitectura de la información en web](https://reader036.vdocuments.site/reader036/viewer/2022062320/559b740f1a28ab744f8b45e6/html5/thumbnails/10.jpg)
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
![Page 11: Arquitectura de la información en web](https://reader036.vdocuments.site/reader036/viewer/2022062320/559b740f1a28ab744f8b45e6/html5/thumbnails/11.jpg)
Numeración
![Page 12: Arquitectura de la información en web](https://reader036.vdocuments.site/reader036/viewer/2022062320/559b740f1a28ab744f8b45e6/html5/thumbnails/12.jpg)
Numeración
![Page 13: Arquitectura de la información en web](https://reader036.vdocuments.site/reader036/viewer/2022062320/559b740f1a28ab744f8b45e6/html5/thumbnails/13.jpg)
Aplicación al proyecto
![Page 14: Arquitectura de la información en web](https://reader036.vdocuments.site/reader036/viewer/2022062320/559b740f1a28ab744f8b45e6/html5/thumbnails/14.jpg)
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
![Page 15: Arquitectura de la información en web](https://reader036.vdocuments.site/reader036/viewer/2022062320/559b740f1a28ab744f8b45e6/html5/thumbnails/15.jpg)
Blueprint
![Page 16: Arquitectura de la información en web](https://reader036.vdocuments.site/reader036/viewer/2022062320/559b740f1a28ab744f8b45e6/html5/thumbnails/16.jpg)
Blueprint
![Page 17: Arquitectura de la información en web](https://reader036.vdocuments.site/reader036/viewer/2022062320/559b740f1a28ab744f8b45e6/html5/thumbnails/17.jpg)
Wireframe
![Page 18: Arquitectura de la información en web](https://reader036.vdocuments.site/reader036/viewer/2022062320/559b740f1a28ab744f8b45e6/html5/thumbnails/18.jpg)
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