Crear WIREFRAMES "estructura" de una interfaz.

Publicado: octubre 9, 2009 en 1

Después de mucho tiempo sin postear información por cuestiones que se me escapan de las manos, y que de verdad les pido mil disculpas, he encontrado una información muy buena, investigando, navegando por la web.

hyper4_0Muchas veces cuando queremos iniciar un proyecto, recurrimos al uso de una libreta, tomamos un lápiz y comenzamos a dibujar todo lo que se nos viene a la mente, tomando en cuenta lo que tendrá en una fase final nuestro proyecto. de repente hacemos alguna modificación y seguimos llenando de rayas toda esa hoja. (Por algo se dice, el papel aguanta todo🙂 “Pobre papel”).

Investigando encontré una solución a todo esto y es el uso de un software el cual lleva por nombre Balsamiq Mockups. Es un software que nos permite crear muy rápido los wireframes, y esta programado en Flex y AIR. Posee controles que nos ayudan a crear esa interfaz que tanto nos gustaría tener en nuestro proyecto, logrando con esto, que los diseñadores puedan desplegar su creatividad sin ser limitados por nuestras ideas, los programadores pueden trabajar sobre una idea de interfaz real y todo el equipo respete y comparta una filosofía común de usabilidad.

Al terminar la estructura el archivo puede ser guardado en formato PNG.

Observa un poco de que se trata.

bm

Existen otros como:

  • gliffy

  • Pencil

  • Axure

    Recuerden, es importante comentar acerca de este post.

    Espero les guste. Hasta la próxima!!!

  • comentarios
    1. Luis Lopez dice:

      Excelente pana jajaja… que mas se puede pedir… Buen aporte hermano, saludos!

    2. Paulette dice:

      Otra herramienta:
      El Justinmind Prototyper que permite realizar wireframes de manera muy sencilla.

      De forma general, JUSTINMIND PROTOTYPER permite realizar Prototipos simulables de aplicaciones Web, de PC y para Móvil ANTES DE INICIAR EL DESARROLLO.

      Con el Justinmind Prototyper, la interaccion es muy rica y las modificaciones pueden ser generada en tiempo real.

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

    3. Nelson Gomez dice:

      Buen dia Paulette gracias por el aporte, sres el aplicativo es muy productivo.

      comiencen a usuarlo. Saludos!!!

    Responder

    Introduce tus datos o haz clic en un icono para iniciar sesión:

    Logo de WordPress.com

    Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

    Imagen de Twitter

    Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

    Foto de Facebook

    Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

    Google+ photo

    Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

    Conectando a %s