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
...
Se dividen en:

• Blueprints
• Wireframes
Blueprints
Tienen como objetivo representar "las principales
áreas de organización y rotulado" (Rosenfeld &
Morville), y e...
Blueprints
Wireframes
tienen el objetivo de "mostrar el contenido de las
páginas" (Rosenfeld & Morville), concretando los
elementos q...
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 comunic...
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 ¿Q...
Numeración
Numeración
Aplicación al proyecto
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 3...
Blueprint
Blueprint
Wireframe
Referencias
•

•

Rodrigo Ronda León es Licenciado en Bibliotecología y Ciencia de la Información de la Facultad de
Comuni...
Próxima SlideShare
Cargando en…5
×

Arquitectura de la información en web

434 visualizaciones

Publicado el

Publicado en: Educación
0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
434
En SlideShare
0
De insertados
0
Número de insertados
22
Acciones
Compartido
0
Descargas
15
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Arquitectura de la información en web

  1. 1. DIAGRAMACIÓN EN ARQUITECTURA DE LA INFORMACIÓN EN WEB
  2. 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. 3. Se dividen en: • Blueprints • Wireframes
  4. 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. 5. Blueprints
  6. 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. 7. Wireframes
  8. 8. Diagramación
  9. 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. 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. 11. Numeración
  12. 12. Numeración
  13. 13. Aplicación al proyecto
  14. 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. 15. Blueprint
  16. 16. Blueprint
  17. 17. Wireframe
  18. 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

×