El blog de Javier Godoy

03 Jul, 2008

Que son los wireframes y para qué sirven

Posted by: jgodoy In: Usabilidad

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

Entradas reacionadas

  • No existen entradas relacionadas

3 Comentarios sobre "Que son los wireframes y para qué sirven"

1 | Aprendizdeturista

July 3rd, 2008 at 1:17 pm

Avatar

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,

2 | Daniel

July 11th, 2008 at 10:48 am

Avatar

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.

3 | Bookmarks about Wireframes

August 2nd, 2008 at 4:30 am

Avatar

[...] - bookmarked by 1 members originally found by mystoandpizzi on July 16, 2008 Que son los wireframes y para qué sirven http://javiergodoy.com/2008/07/03/que-son-los-wireframes-y-para-que-sirven/ - bookmarked by 4 [...]

Deja tu comentario


Unete a mi red

Acerca de

Javier Godoy es en la actualidad director de estrategia de Inspiring Move, agencia de servicios de marketing basados en la utilización de nuevos medios.

Recibe El Blog de Javier Godoy en tu email

Email Address:
*
* = required field

Cuentanos tus preferencia
Analítica web
Blogging
Community Marketing
CRM
E-mail marketing
Publicidad online
Redes Sociales
powered by MailChimp!

Firend Feed