Me gustaría que empezáramos dejando claro que son los wireframes y porque debes usarlos independientemente si eres diseñador o simplemente tienes una idea sobre una aplicación que quieres realizar. En un post anterior te hablo de la importancia de empezar en papel pero también dejo claro que nada sustituye a una buena herramienta digital.

Los Wireframes son una manera de definir la estructura de un website o aplicación. El objetivo es plasmar el user journey tomando en cuenta las necesidades de los usuarios pero en una etapa temprana del proceso de desarrollo antes del diseño final y el contenido.

Garantiza que el objetivo del proyecto se cumpla. Esto se debe a que interviene una mínima influencia creativa por lo que es más fácil centrarse en el objetivo y definir las expectativas del proyecto a nivel de funcionalidad.

Feedback más rápido. al requerir menos tiempo y esfuerzo para realizarlo da la oportunidad de mostrarlo al cliente y recibir una retroalimentación más rápida.

Si quieres empezar a crear la estructura de una website te dejo estas herramientas que te ayudarán  

Wireframe.cc

Wireframe.cc es una herramienta online que te permite comenzar de inmediato a diseñar wireframes sin necesidad de crear una cuenta. Si eres principiante es la solución perfecta para comenzar a digitalizar tus diseños en papel.

Balsamiq

Balsamiq es una solución de nivel intermedio a avanzado para diseñadores y desarrolladores web, que te permitirá validar completamente tus ideas antes de realizar un diseño final. 

Mockflow

Mockflow es para diseñadores web y desarrolladores que necesitan una herramienta  de wireframing pero que quizás no están familiarizados con otras herramientas más complejas.

Mockflow tiene una tienda llena de plantillas de terceros que sirven de inspiración o pueden comprarse y hacer el trabajo mucho más simple.

Gliffy

Gliffy es un servicio totalmente web, te permite dibujar bocetos de tu página web y crear wireframes tanto estáticos como dinámicos. También puedes colaborar con otras personas y recibir feedback en tiempo real.

Moqups

Moqups Esta es una de las mejores herramientas que ofrece el mercado gracias a sus fácil manejo. Solo con arrastrar elementos puedes diseñar tus pantallas y obtener un resultado muy limpio y muy cerca del diseño final.

Unos de los inconvenientes que puede tener un wireframes es el hecho de que al ser un prototipo tan básico a veces hay que usar la imaginación para entenderlo. Muchos de nuestros clientes no tendrán la capacidad para entender que solo estamos plasmando la estructura pero luego habrá colores y todo lo demás.  En estos casos lo correcto es explicarles cual es tu proceso de creación y advertirles sobre el alcance y la importancia de los wireframes.