Blogarubio

Hace algún tiempo navegando por la web me tope con los Wireframe y tome algunas notas que las publico hoy, puede ser de ayuda para quien se introduce en el tema.

Según José Mª Martínez-Priego en SimDalom::WyP dice que los Wireframes son:

“…las mayas de líneas que se utiliza en el modelado 3d para reducir dificultad en la transformación del boceto. Aplicado este concepto a la arquitectura de la información deducimos que el wireframe es el esqueleto de páginas, con sus relaciones, dependencias y condiciones, de un sitio web. De este modo podemos planificar, y conocer para su posterior diseño y desarrollo, todas las páginas y procesos de nuestro sitio web con detalle.”

“No lo entiendo” define Wireframes como:

“Una representación esquemática de una página web sin elementos gráficos que muestran contenido y comportamiento de las páginas. Sirven como herramienta de comunicación y discusión entre arquitectos de información, programadores, diseñadores y clientes. También se pueden utilizar para pruebas de usuarios.”

En Arquitectura de Información asegurán que un Wireframe grafica básicamente:

• Elementos de navegación: menús, accesos directos e hipervínculos.
• Elementos de información: contenidos de texto e imágenes.
• Elementos de interacción: herramientas o funcionalidades que el usuario puede realizar.
• Elementos de apoyo: ítems de ayuda y orientación, como mapas de navegación o faqs.
• Elementos promocionales: espacio dedicado a banners publicitarios o a destacados internos del propio producto.

El Factor Humano establece la importancia de los Wireframes:

“En primer lugar, el definir claramente las características de contenido de las páginas que componen un sitio es de una importancia sustantiva.
En segundo lugar permite establecer hitos con el cliente que generan definiciones precisas.”

Conceptos relacionados
Vocabulario Visual es, según Jesse James Garrett,

un conjunto de símbolos usado para describir algo (usualmente un sistema, estructura o proceso). El vocabulario descrito aquí puede ser usado por un arquitecto de información o diseńador de interacción para describir, en un nivel alto, la estructura y/o flujo de la experiencia de usuario de un sitio Web.

Diagrama de Contenidos, según El Factor Humano,

nos permite definir el detalle de contenidos a nivel global del sitio, identificar secciones, tipos de páginas, etc. Luego de tener el panorama completo del sitio debemos pasar a identificar y modelar el detalle de contenidos a nivel de página.