El desarrollo web incluye varias etapas, y lograr coherencia entre las expectativas del cliente y las habilidades del equipo de producción en este proceso puede tornarse en toda una experiencia. En ocasiones, las marcas no tienen claro cómo quieren mostrarse a través de un sitio, una aplicación móvil o las redes sociales.
Aquí entra al juego el wireframe, una útil herramienta para ensayar prototipos sin malgastar tiempo, recursos de diseño y programación. Luego de tener certeza sobre la estructura de contenidos y diagrama de navegación de un sitio, dibujar maquetas, esquemas, prototipos, bosquejos o wireframes permite ordenar los elementos y ayudar a los clientes a visualizar lo que buscan.
Estos ensayos pueden realizarse manualmente en hojas de papel, con ayuda de un stencil o en un computador con software. Una vez aprobado, un wireframe puede transformarse en un mockup, es decir, una versión más cercana al look & feel del sitio en términos de color y dimensiones, o puede pasar directamente a la fase de diseño y programación, para luego convertirse en una plantilla o en algún elemento gráfico que finalmente se transformará en el producto final.
Cada equipo puede elegir la técnica para crear wireframes que sea más conveniente. Lo principal es cumplir estos objetivos: ayudar al cliente a definir cómo quiere verse y obtener feedback sobre el avance del trabajo.
En estos enlaces puedes encontrar herramientas para hacer wireframes gratis:
Smashing Magazine: Free Wireframing Kits, UI Design Kits, PDFs and Resources
Net Magazine: Wireframe tools: the top 10 solutions
Mashable: 10 Free Wireframing Tools for Designers
