Información sobre este artículo

Aquí puedes saber cuántos comentarios hay, unirte a la conversación y suscribirte, entre otras cosas.


Artículos posterior y anterior
Conferencia eyetracking
¿Una imagen vale más que mil palabras?

¿Qué son los wireframes?

Escrito por Darcy el July 14th, 2008

Hace rato que quería reflexionar sobre un post buenísimo que escribió Yerko en su blog.

Siempre es difícil tratar de explicar qué es un wireframe, particularmente cuando se trata de personas que no están familiarizadas con términos relacionados al diseño centrado en el usuario.

Yerko hace una mezcla perfecta de definiciones,  primero cuando habla sobre la relación que existe entre los wireframes y la arquitectura de la información:

“¿qué tiene que ver los wireframes con la Arquitectura de la Información? mucho, ya que los wireframes son importantes tanto para el diseño de interfaz, donde esquematizamos el diseño, como también para la Arquitectura de la Información, donde jerarquizamos y distribuimos el contenido”.

Y en segundo lugar cuando los define en su desarrollo como herramienta del diseño de interacción:

“los wireframes son la distribución visual y jerarquización de contenidos; y la esquematización de la interfaz; creando así un puente que conecta las etapas de Arquitectura de la información y Diseño de Interfaz. Además los wireframes son imprescindibles para definir los comportamientos en la interacción (recepción / respuesta) entre sistema y el usuario”.

Lo anterior se relaciona directamente con los niveles de jerarquía y sus dimensiones, en cuanto a que las decisiones tomadas en esta etapa cobran un valor escencial, ya que es el espacio donde se producen las interacciones, relaciones y donde se define el sistema hipertextual.

Aconsejo que lean el post completo porque además comparte útiles tips para diseñar wireframes.



¿Qué opinas?

Dudas, consultas, críticas, lo que sea, escríbelo acá.

Opiniones y comentarios:

Así es Darcy, como tu dices, la idea es familiarizar a las personas con los wireframes y sus ventajas. Además pretendo seguir con el tema y profundizar aún más en tips de cómo diseñarlos.

¡Gracias por tu post!

Muy buen dato, el artículo está muy bueno, gracias ;)

PD: en tu perfil dice: “….empresa de diseño > en el usuario”

¿Centado?¿Centrado? ¿SENTADO? O_O no creo XD

correccion post anterior:

> = “Centado”

Yerko: Como te decía hoy: está muy bueno tu post, y gracias a ti por compartir ese conocimiento ;)

Carola: Gracias! arreglado el error.

[…] Todo lo que siempre quisiste saber para diferenciar wireframe, blueprint, prototipo, storyboard, mock Up o diagrama de contenido te lo cuenta mi tocaya Olga Carreras. Luego seguimos con cómo dar los primeros pasos creando wireframes. Aunque hay algunos detalles que no comparto, como el tamaño predeterminado de pantalla, para empezar en el tema está muy bien (vía Darcy) […]