Un wireframe es la representación esquemática de una página web utilizada por los diseñadores web a través del cual se define antes de comenzar la maquetación utilizando una herramienta de wireframing.
Existen diferentes aplicaciones que sirven para realizar estos esquemas, algunos son gratuitos y otros de pago, pero en todos los casos merece la pena utilizarlos para ahorrar tiempo y trabajo a la hora de diseñar una página web.
Una herramienta de wireframing permite de forma sencilla crear el esquema de la web que se piensa diseñar y hacer un prototipo de cada una de las páginas que la integrarán. Este prototipo permite tener una idea visual de cómo va a quedar la estructura de la web sin pensar en el diseño final que se aplicará.
El árbol que se crea utilizando una herramienta de wireframing ayuda a pensar los puntos que aún faltan en el esquema y de esta forma no olvidar cosas puntuales como la página de error 404 o el apartado de protección de datos en envío de formularios.
Las distintas aplicaciones de wireframing ayudan al diseñador a crear los cimientos del sitio web, es el caso de Axure que además de ser simple de usar es imprescindible si se desea trabajar de forma ordenada y evita hacer la maquetación en photoshop.
Por otra parte, con una herramienta de wireframing es posible exportar el diseño a html, incluyendo los botones, de allí que hoy los diseñadores web utilizan estas aplicaciones para evitar perder tiempo y crear un sitio profesional y además optimizado para los buscadores web.
Entre las herramientas gratuitas para crear prototipos y maquetas se encuentran por ejemplo:
- Lumzy
Esta es una herramienta que ayuda a crear rápidamente maquetas y prototipos de sitios web, además de permitir crear mensajes de alerta y páginas de navegación, añadir enlaces y hasta un motor de chat para deliberar sobre los diseños.
- Mockup Builder
Ayuda al desarrollo de prototipos de forma muy versátil creando las maquetas de interfaz de usuario pero también es posible realizar wireframes interactivos, diseños web, prototipos para software de escritorio y hasta árboles de navegación.
- Tiggr
Aporta los recursos necesarios para la creación de prototipos para sitios web, además de aplicaciones de escritorio y móviles. Es ideal para diseñar un gran número de componente y compartir el trabajo a través de las redes sociales o el correo electrónico y generar código HTML / JS / CSS.
