Que son los wireframes y para qué sirven

by javier on 03/07/2008

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

Blog Widget by LinkWithin
Comparte esta entrada:
  • Digg
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • Bitacoras.com
  • LinkedIn
  • Live
  • MisterWong
  • MySpace
  • Ping.fm
  • Wikio
  • Yahoo! Buzz

Random Posts

Javier Godoy es Director de Estrategia de la agencia de publicidad Inspiring Move y especialista en Analitica Web aplicada a medios sociales. Si deseas recibir asesoramiento para tu negocio ponte en contacto a traves de la direccion de correo disponible en la seccion contacta

  • 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.
  • 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,
blog comments powered by Disqus
Web Analytics