Continuando con el tema del diseño de contenidos y al apreciar la importancia que ello tiene en la calidad del plan de arquitectura de información para un producto final; se tratará en este post un asunto básico que sirve para aclarar algunos conceptos que en apariencia resultan similares, ellos son: los "prototipos", los "wireframes" y los "blueprints".
La nomenclatura metodológica que se emplea en el aprendizaje de las técnicas de diseño y arquitectura sugieren que deben existir blueprints, wireframes y prototipos sobre un sitio web. En muchos casos estos términos se emplean como si fueran lo mismo; pero no.
1. Blueprints.
Este término puede identificarse con las palabras: plano o mapa. Bajo este entendido, el blueprint de un sitio web es un diagrama que a manera de mapa representa la estructura del sitio con todos sus elementos y las relaciones entre ellos.
1. Blueprints.
Este término puede identificarse con las palabras: plano o mapa. Bajo este entendido, el blueprint de un sitio web es un diagrama que a manera de mapa representa la estructura del sitio con todos sus elementos y las relaciones entre ellos.
2. Wireframes.
Este término se asocia con la palabra: maqueta. Pueden ser un conjunto de dibujos que representan cómo estarán organizados los elementos en las páginas, sin adiciones gráficas de modo que se puedan implementar aspectos generales del sistema sin entrar en detalle. Son los dibujos resultantes de la conceptualización.
Un ejemplo de wireframe es el siguiente:
Un ejemplo de wireframe es el siguiente:
(figura 1)
3. Prototipos.
Se denominan prototipos al conjunto de wireframes enlazados entre sí, en los que la interacción está definida, contemplada y que puede ser experimentada, lo cual implica que sean plasmados sólo en soporte digital. (1)
No obstante, como todo lo que ocurre en el mundo de la informática, el avance tecnológico y de metodologías de información hace que estas nociones aún sean tema de discusión que se renueva continuamente.
No obstante, como todo lo que ocurre en el mundo de la informática, el avance tecnológico y de metodologías de información hace que estas nociones aún sean tema de discusión que se renueva continuamente.
Figura (1) Tomada de
Imagen tomada de LEOPOLDO, Carlos. Qué es un wireframe. [en línea]
Disponible en: http://techtastico.com/post/wireframes/
Referencia (1) Tomada de
TORRES BURRIEL, Daniel. Wireframes y prototipos. [en línea]
Disponible en: http://www.torresburriel.com/weblog/2012/01/04/wireframes-y-prototipos/
Información adicional para su organización, por favor contacte a ingjfrb.ai@gmail.com
Disponible en: http://techtastico.com/post/wireframes/
Referencia (1) Tomada de
TORRES BURRIEL, Daniel. Wireframes y prototipos. [en línea]
Disponible en: http://www.torresburriel.com/weblog/2012/01/04/wireframes-y-prototipos/
Información adicional para su organización, por favor contacte a ingjfrb.ai@gmail.com
