En el diseño web, el término wire frames se refiere al primer modelo de un proyecto. El proceso para desarrollar wire frames requiere que se incluya de manera veloz diversas características, realizar pruebas sobre las mismas y arreglar los detalles que no funcionan hasta que se llegue a una solución satisfactoria.
Este proceso se puede emplear para el diseño web, aplicaciones móviles e incluso para interfaces gráficas de usuario.
¿Cómo realizar wire frames?
Muchos wire frames son usados como una plantilla que se va modificando según la necesidad. De este modo, si desarrollas un wire frame de la página de inicio, puedes emplearlo como base para las demás páginas que componen el sitio web. Ten en cuenta que el desarrollo de wire frames se centra en la interacción del usuario con la interfaz así como la experiencia de usuario.
El primer objetivo es diseñar rápidamente cómo funciona la interfaz de usuario, mostrársela a cliente para que te pueda dar los comentarios al respecto. Ten en cuenta las funciones y elementos que le gustan al usuario promedio.
Luego de este primer paso puedes desarrollar una versión que contenga todas las funciones que has detallado en el wire frame. Necesitarás conocimientos básicos de HTML/CSS y Javascript para crear un modelo que tenga algún nivel de interacción. En esta etapa, los gráficos todavía no son importantes por lo que no es necesario que emplees mucho tiempo en decidir colores. Lo importante es que el prototipo funcione.
Usar las mejores herramientas
Para realizar wire frames podrías emplear un programa para crear formas básicas o incluso hacerlo en papel. Sea cual sea la opción que decidas, asegúrate que tu diseño sea claro para que el cliente lo pueda entender. Asimismo, puedes incluir anotaciones sobre el funcionamiento de ciertos elementos, de este modod puedes explicar efectos y transiciones.
Una vez que tienes decidida la diagramación se hace mucho más sencillo programar la página web, pues ya sabe cómo tiene que responder cada elemento del sitio.
Recibir sugerencias y opiniones
Los comentarios y críticas son la parte más importante del desarrollo de wire frames. Una vez que hayas alcanzado una nueva etapa en el desarrollo del prototipo envía copias a todas las personas involucradas en el proyecto para que puedas recibir sus comentarios y opiniones al respecto.
Si tu proyecto está dirigido a un número mayor de personas puedes lanzar una versión beta y pedir a los usuarios que dejen sus sugerencias y opiniones. Esto es muy útil pues obtienes comentarios directamente de tu público objetivo.
