Blog

Los wireframes, también llamados mock-ups o blueprints es un tema que está muy de moda entre los diseñadores web de hoy en día.  Debo decir que muchos de nosotros venimos haciendo wireframes desde hace mucho tiempo, cuando aún no se les llamaba por un nombre específico, ni existían herramientas, ni procesos ni reglas para elaborarlos…bueno, quizás si existían pero no estaban tan expuestas como ahora.  En ese entonces simplemente tomábamos un papel y comenzábamos a diagramar el sitio web, dónde iba el logo, el banner principal, las cajas de contenido, etc.; en ese momento estábamos haciendo un poco el papel de arquitectos de información sin saberlo.

Los wireframes juegan un papel muy importante en el diseño y desarrollo de un sitio web ya que definen el contenido, la estructura y la funcionalidad del mismo sin tomar en cuenta el diseño en sí (los colores, tipografía, gráficos, etc.)

Los wireframes combinados con el mapa del sitio son el corazón y el alma de un sitio web.  Son muy útiles ya que al crearlos surgen toda una serie de requerimientos y preguntas en las que nadie había pensando anteriormente, además ayudan a crear un seguimiento en la toma de decisiones que tienen que ver con la funcionalidad del sitio y el diseño.

Muchos pueden pensar que hacer wireframes es una pérdida de tiempo ya que muchos clientes por desconocimiento lo ven como algo innecesario o algo que va a retrasar su proyecto, cuando es todo lo contrario; hacer los wireframes puede ahorrarles tiempo y dinero tanto al cliente como al desarrollador web, ya que al obligar a los clientes a pensar en la funcionalidad del sitio evita tener que hacer grandes cambios después, cambios que son difíciles una vez que ya se tiene un diseño o una estructura establecida.

¿Cómo son creados los wireframes?

Los wireframes puedes ser creados con lápiz y papel o utilizando algún programa especial de los muchos que existen hoy en día.  Entre los más conocidos están: Balsamic Mockups, IPlotz, Visio, Omnigraffle.  Algunas personas prefieren usar Excel, Word o Powerpoint que también funcionan para el propósito.

Al crear los wireframes debemos tener mucho cuidado en no hacerlos ni muy detallados ni muy generales.  Un wireframe muy detallado no le deja espacio a la imaginación del diseñador y uno muy general puede ser malinterpretado por los diseñadores y programadores.

Let´s make websites with brains!