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?
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.




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!