Los wireframes son una representación esquemática de una página web. No es el diseño propiamente dicho sino la forma en que vamos a ordenar los elementos de la página y el peso que cada elemento va a tener dentro de ella.
Utilizar wirerames en el proceso de creación de una web ayuda a fijar los objetivos del sitio web, las necesidades del usuario que deben ser cubiertas ( idealmente detectadas por una investigación previa ) y a que todos los equipos que intervienen en el proceso ( diseñadres, programadores etc ) reciban unas instrucciones mucho más precisas sobre lo que esperamos de ellos.
La principal ventajas de usar wireframes es que ayudan a que el proyecto de desarrollo no se retrase por falta de definición o que el resultado se aleje mucho de lo que se esperaba, entrando en una espiral de cambios que termina por hacer del proyecto una pesadilla
En definitiva la idea de usar wireframes antes de diseñar y por supuesto programar nada es la misma que justifica que un arquitecto haga unos planos de la casa antes de ponerse a construirla y por supuesto a decorarla. Por ello os recomiendo ete vídeo en youtube
{ 1 trackback }
{ 2 comments… read them below or add one }
Lo cierto es que es un muy buen instrumento de trabajo, sobretodo cuando delante tienes a personas “no tecnologicas”. Nosotros además le damos ya un “toque” de diseño y la verdad es que ayuda mucho. Aunque a veces trae problemas con las expectativas del cliente, quién cree que lo que ve es lo que trendrá… por mas que le expliqués que aún falta la parte grafica encima…
saludos,
More from author
El uso de wireframes combinado con el diseño de árboles de navegación permite hacerse una idea muy, muy fiel de como quedará la navegación, usabilidad y estructura de cualquier sitio antes de diseñarlo y programarlo.
Creando esos documentos, sencillo, completos y muy, muy útiles consigues:
1) Ahorrarte documentación en word
2) Conseguir aprobaciones de cliente/jefes muy fiable mucho antes de empezar a trabajar y destinar horas de diseño y programación
3) Permite trabajar a diseño y maquetación en paralelo con programación, ya que todos puende ver como ha de funcionar y como tienen que verse por separado
4) Permite que cualquier miembro del equipo pueda hacer aportaciones válidas, sin necesidad de tener una imaginación prodigiosa.
Recomiendo una herramienta muy útil, Axure (http://www.axure.com/) que realiza todas las funciones y genera unos HTML navegables que causan sensación.
More from author