Blog

12 de diciembre de 2013

La importancia de un Wireframe

En el contexto de diseño web y tratamiento de sitios, un wireframe es básicamente una guía visual que representa la estructura del sitio, el esqueleto, el esquema u orden del diseño web. Normalmente éste se crea antes que el esquema, ya que el diseño web depende de la estructura que se haya definido.  Normalmente esta tarea la realiza un arquitecto de la información, dependiendo de lo que se pueda haber acordado con el cliente.

Un wireframe no es exactamente un diseño web donde se aplican esquemas de colores, tipografías y estilos gráficos, la finalidad del wireframe es representar la funcionalidad, el comportamiento y la jerarquía de la información para concluir en un buen posicionamiento web, dentro de muchos otros propósitos.

Al momento de crear un wireframe para algún proyecto, se debe seguir varios puntos importantes, como hacer que el contenido sea fluido y claro, crear estructuras pensando en el usuario final, seguir tendencias del mercado, y manejar flujos normales de trabajos.

También es importante agregar que la creación de Wireframes puede ser un poco más sencilla, ya que en la web se pueden encontrar una cantidad de herramientas de gran ayuda, tanto en formato de aplicaciones para descargar y utilizar en la computadora, como en herramientas online para la creación y diseño de wireframes más rápido y eficiente, como lo son Balsamiq, Mockups, Mockflow, o Axure entre otros tantos nombres, a pesar de que la posibilidad de que tu diseño web comience con un wireframe hecho a lápiz y papel, también es una opción tradicional que aún recomiendan los profesionales.

by Ignacio Fuentes