Wireframe en diseño web

Un wireframe es 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.

Las ventajas de usar Wireframes son por un lado que el equipo y el cliente se centra en el diseño de contenidos y no en el diseño visual, y por otro lado, definiendo la organización y estructura en etapas previas al diseño y programación se evitan cambios posteriores más costosos, reduciendo así costos y tiempos.

La información que deben contener los wireframes es:

• Inventario de contenido.
• Elementos cómo: cabeceras, enlaces, listas, imágenes, formularios, etc.
• Vínculos, títulos, etc.
• Layout.
• Notas que nos indiquen el comportamiento de algunos elementos.

En general esta herramienta es parte del proceso de arquitectura de infomación y permite definir el detalle del contenido de las páginas más relevantes, por ello es aconsejable realizar el wireframe antes de empezar con el diseño y la programación del proyecto web.