viernes, 16 de octubre de 2009

Wireframes

El pasado miércoles tuvimos una clase muy interesante y útil para saber como diseñar una página web. Hacer que nuestra página y nuestro sitio en general tenga una buena estructura y sea accesible para todos los visitantes.

La idea es diseñar una página amigable. Algo agradable y de fácil manejo para los usuarios, y para esto es necesario que la Interfaz: Parte de la página con los que los usuarios interáctuan, como logos, buscadores, información, links, entre otras, sean de fácil acceso a la hora de entrar al sitio.
La idea es que las cosas esten bien estructuradas para la vista de los usuarios. Y para esto es recomendable Wireframes.


Wireframes es un diseño que se puede hacer por ejemplo en Power Point.
Esto se trata de un bosquejo de nuestro sitio. Un esquema en donde se organiza la ubicación de cada una de las partes que tenemos en nuestra página.
Aquí se ve donde se pone por ejemplo el logo, la información, las columnas etc. Todo se debe incluir para saber de antemano como va a quedar diseñada nuestra página.

Sabiendo ya esto, ahora no podemos decir que no sabemos como hacer una buena estructura para una página Web. Es tan sencillo como abrir Power Point o simplemente una hoja, y con un poco de imaginación y creatividad, comenzar a diseñar lo que queremos.

9 comentarios:

  1. Buen análisis de los wireframes.

    Saludos, y no olvides pasarte por mi blog.

    Rodrigo Lema González

    ResponderEliminar
  2. Buen post dani, me gustó.
    Cuídate y saludos pa ti.
    Visita mi blog y comenta en Luis Mario

    ResponderEliminar
  3. Una herramient para realizar wireframes de manera muy sencilla: el JUSTINMIND PROTOTYPER.

    De forma general, el Justinmind Prototyper perite realizar prototipos SIMULABLES de aplicaciones Web, de PC y para móvil ANTES DE INICIAR SU DESARROLLO.

    Con el JUSTINMOND PROTOTYPER, la interacción es muy rica y las modificaciones pueden ser generadas en tiempo real.

    El link para probarlo: http://www.justinmind.com/wireframe

    ResponderEliminar
  4. Dani tu blog siempre es bastante preciso y conciso, créeme que lo he ocupado bastante.

    Te felicito!!

    Sigue así y no olvides visitar mi blog

    Entrete Blog

    Saludos!!

    ResponderEliminar
  5. Dani, excelente post.
    Sin embargo, actualiza el blog con el video del tercer entrevistado!

    La revisión es mañana!

    Saludos!

    Visita mi mi blog

    ResponderEliminar
  6. Actualizalo, lo del wireframe es genial, hace poco andaban por la red los de facebook o youtube.

    ResponderEliminar
  7. Interesante post, son útiles los wireframes.

    Espero leerte luego.

    Saludos y visítame, Andrés Huerta

    ResponderEliminar
  8. Waaaa tremendo post muy interesenate lo que son los wireframes. Nos vimos visitame
    Sebastián Inostroza Soto

    ResponderEliminar
  9. Es muy intersante lo que aprendimos el día de hoy sobre los wireframes y lo dejaste muy claro en tu post!

    Saludos
    Te dejo mi blog
    Mi Blog

    ResponderEliminar

Redes sociales

Share/Bookmark