miércoles, 14 de octubre de 2009

¿Qué es y para qué sirve un wireframe?

En la clase de hoy presentamos los wireframes y explicamos su relevancia dentro del proceso de desarrollo de los sitios web.

Un wireframe es un dibujo esquemático (sin elementos gráficos acabados ni color) que permite entender los elementos que serán incluidos en la interfaz de un sitio web. Gracias a su uso, es posible explicar a todos los participantes en el proceso de desarrollo (especialistas en contenido, diseño y programación), la forma que tendrá un sitio y la manera en que se debe abordar el trabajo.
El wireframe es utilizado en el proceso previo al diseño gráfico y normalmente es desarrollado en conjunto por todos los actores señalados, con el fin de identificar todos los problemas y las posibles soluciones que se deberán enfrentar a medida que se vaya construyendo el sitio.
Sobre el tema recomiendo la interesante exlicación que ofrece el diseñador Y. Pezzopane y este artículo de Smashing Magazine acerca de las herramientas usadas para crear wireframes.
En los comentarios, cada alumno ofrece su propia versión para la pregunta con la que se titula este post.
Nota final: La palabra wireframe viene de la industria de la animación y se refiere a los esquemas hechos sólo con líneas, que permiten identificar la formas que intervienen en una pantalla. De allì deriva su uso en la Arquiectura de Información.

6 comentarios:

  1. En mi opinión, el wireframe sirve para no errar en plataformas más sofisticadas como Dreamweaver, por eso es útil bosquejar el diseño en Power Point o hasta en una hoja de papel.

    Los invito a leer mi post sobre wireframes.

    Saludos, Andrés Huerta

    ResponderEliminar
  2. Interesante tópico el de hoy.

    Aquí está mi post sobre el tema, junto con un bonus track.

    Saludos,

    Rodrigo Lema González

    ResponderEliminar
  3. Suponía que una página web se hacía con bocetos, pero es bueno también conocer el nombre específico de éstos y en qué cirscunstancias se ocupan.

    Saludos.

    También tengo un post sobre wireframes en mi blog

    ResponderEliminar
  4. Bonita y práctica forma para poder tener una idea de cómo organizar y estructurar una página. Muy util para los que nos calentamos la cabeza a la hora de diseñar un sitio.

    Lo invito a revisar mi post sobre wireframes

    ResponderEliminar
  5. Que interesante es el uso del wireframe nossevirá mucho en la creación de nuestros sitios.Lean lo que puse

    SebastiánInostroza Soto

    ResponderEliminar
  6. Es una herramienta realmente importante y útil ya que no se puede llegar y plasmar algo, sin una idea previa. Es cuando uno escribe sobre un tema y primero hace una lluvia de ideas y luego va gerarquizando naturalmente lo que pensamos.De no ser así, nada se entendería. Primero se piensa y luego se escribe, aunque a veces cueste y gane el inconsciente.
    Saludos a todos.
    Visita el blog Luis Mario

    ResponderEliminar

Redes Sociales

Share/Bookmark