Balsamiq Mockups es la herramientas más orgásmicamente útil que he usado para mejorar mi productividad. No recuerdo cómo la descubrí, pero sé que ha cambiado por completo la forma en la que planeo proyectos web, aplicaciones, secciones y básicamente todo lo que haga que tenga una interfaz.
Wireframing de websites
Es normal que, antes de crear un proyecto, hagamos sketchs, bocetos y dibujos rápidos en papel de cómo será la interfaz. A medida que vamos avanzando en el proyecto hacemos cambios, tenemos mejores ideas y esos sketchs se convierten en prototipos para la versión definitiva. Mockups.
A ese proceso se le llama wireframing. Crear los wireframes o "estructura" de una interfaz. Ignorando por completo el diseño gráfico y poniendo máxima atención a la interacción del usuario. Con esto logramos 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. Es la herramienta clave de los directores de proyecto.
Balsamiq Mockups
Balsamiq Mockups es un programa de escritorio, programado en Flex y AIR, que crea muy rápido estos wireframes. Su interfaz es bastante fácil de usar, su colección de controles es bastante grande y puedes crear casi cualquier programa. Al ser creada en AIR, es instalable en Windows, Linux y Mac OS X. Funciona como cualquier aplicación normal. Puedes arrastrar, soltar, guardar mockups en un archivo, exportar a PNG, copiar y pegar, deshacer, etc. También incluye ayudas de diseño similares al Flex Builder 3. El creador de Balsamiq Mockups fue desarrollador de Adobe Acrobat Connect (Antes Macromedia Breeze)
Ejemplos de prototipos
Digamos que eres un ingeniero del equipo de iTunes. Tu primer labor es imaginar cómo será la interfaz para poder desarrollar sus características alrededor de ella. Con Mockups puedes lograr esto:
En minutos.
En un ejemplo más especifico, cree para este artículo el wireframe de la portada de Cristalab. Tardé aproximadamente 3 minutos. Podrías pensar que hacer esto en lápiz y papel es más rápido que en un programa, pero con Mockups no es así.
Software, websites, aplicaciones web, juegos (en cierta medida) o cualquier cosa que tenga una interfaz puede ser prototipeada en Balsamiq Mockups.
Descargalo y compralo
Para instalarlo, sólo debes ir al sitio web de Balsamiq Mockups para escritorio, vas a donde dice "Download and Install" y das click en el cuadro donde dice "Install Now". Si no tienes el runtime de Adobe AIR, ese botón se encargará de instalarlo, junto con Mockups. Al instalarlo, podrás crear lo que quieras y usar todas las opciones, pero no podrás guardar un mockup. Si quieres poder guardarlos, tendrás que comprarlo.
El software vale US$79, que si trabajas en una empresa, será un precio corto para lo que hace este programa. Sin embargo, puedes obtenerlo gratis. Si haces cosas por la comunidad, contribuyes a proyectos open source o en general usarás Mockups para hacer el bien, puedes tener una licencia gratuita. (Con eso es evidente que nosotros no la merecíamos).
En realidad es un programa que me ha impactado. Muy fácil de usar, muy rápido e increíblemente útil. Si te dedicas a esto de las interwebs, no dudes en descargarlo y
¿Sabes SQL? ¿No-SQL? Aprende MySQL, PostgreSQL, MongoDB, Redis y más con el Curso Profesional de Bases de Datos que empieza el martes, en vivo.
Ya la descargué y probé, realmente es muy sencilla de usar, sólo arrastras.
Gracias por la información.
Y si no puedes guardar, siempre podrás hacer una captura de pantalla
Por torrealbaruben el 25 de Septiembre de 2008
Por torrealbaruben el 25 de Septiembre de 2008
torrealbaruben :
Por eldervaz el 25 de Septiembre de 2008
Por Wanaya el 25 de Septiembre de 2008
Genial, lo probaré.
Por andresmaro el 25 de Septiembre de 2008
Por lagaba el 25 de Septiembre de 2008
Por Daniel el 25 de Septiembre de 2008
Otra cosa, ¿se puede sincronizar con subversion los archivos o es algun formato binario?
Por El Alecs el 25 de Septiembre de 2008
http://www.axure.com/
lo mejor de hacerlo en un cuaderno es que no necesitas nada mas que un lapiz y un papel.
ademas es mucho mas rapido q estar arrastrando componentes,
igual , lo probaré solo por curiosidad
eveevans-blog :
Por aSnO el 25 de Septiembre de 2008
me sirve mucho la herramienta
Por Hector el 25 de Septiembre de 2008
http://neshumah.com/blog/wiffra
Si quieres descargarla esta en svn en:
http://code.google.com/p/wiffra
Tambien si alguien estuviera interesado en colaborar dejen un comment en mi blog.
Si quieren ver unos screenshots tengo en:
http://flickr.com/photos/neshumah/tags/wiffra/
El sistema esta en beta BETA, pero funciona.
Salduos
Por Coyr el 26 de Septiembre de 2008
Por kemie el 26 de Septiembre de 2008
Probandola...
Dano :
No es un AWESOME APP!!! pero si me parece bastante util, al menos como diseñador de interfaz mas que programador, ya que uno suele perder mucho tiempoo pensando en detalles de diseño antes de tener una estructura de datos armada, que siempre deberia ser primero.
Esta herramienta permite diagramar una estructura de datos en minutos, incluso la estoy orobando con el programador y con otro diseñador aqui para ver como nos ayuda a entendernos mejor en el proceso de desarrollo de las aplicaciones sencillas y complejas, para definir que hace cada parte, que lleva cada pantalla a nivel funcional (programacion) antes de pasar a diseño y al revés segun el caso, hasta el momento no hemos tenido mucho tiempo pero pinta muy bien.
Por hip hop mexicano el 27 de Septiembre de 2008
Lapiz y papel tienen la ventaja de que puedes trazar y avanzar el proyecto cuando estes despegado del ordenador pero bueno; la verdad trabajar con mockups es mucho más limpio y facíl, sobre todo si trabajas en equipo. "no le entiendo a tu letra, ¿qué escribiste aquí?"
Pasé un proyecto que tenia en cuaderno hacia balsamiq pero ¡OH SORPRESA! no sabía que no podría guardarlo.. T.T
Screen-shot fué la única alternativa.
¡Gracias Freddie!.. exelente aplicación que formara parte de mis herramientas de trabajo.
hip hop mexicano-blog :
Por danyrik el 27 de Septiembre de 2008
si se lo tenes que pasar a un compañero por internet vas a tener mas laburo: escanear, achicar, subir, enviar... etc etc
Interesante programita che, y rápida forma de hacerlo para varios SO
Por yanyan el 27 de Septiembre de 2008
Por lucasmoyano el 15 de Octubre de 2008
Por ejemplo si tenes que armar una web en flash, que los botones hagan cierto efecto, conviene usar el paint antes que esto
prefiero lápiz y papel
No, los 79 dolares son para una licencia personal (e intransferible JOJO queria decirlo)
pero Balsamiq brinda licencias por "volumen" que te dan un descuento de hasta 45%
para mas informacion entra aqui
http://www.balsamiq.com/products/mockups/desktop#buyvolume
ya habia visto la aplicacion y justo estoy haciendo mi review de ella, de verdad que es bien practica y facil de usar
Por Julio el 01 de Julio de 2009
Por Shorel el 01 de Julio de 2009
Solo por andar pidiendo y pidiendo yo no regalaría una licencia, y menos con el rollo del software libre, que para un desarrollador de software propietario significa: "nunca pagaría por ese programa, pero lo necesito ya".
Ahora... un aficionado al software libre debe estar dispuesto a clonar e implementar bajo una licencia libre cualquier software que le parezca necesario, tal como dije, no se trata solo de pedir y pedir sin dar nada a cambio.
Por alejandra el 02 de Noviembre de 2009
Por LO NECESITO, PERO CU el 06 de Septiembre de 2010
Gracias
ANDREA
Por Jose Tapia el 09 de Septiembre de 2010
Por cacharreando el 09 de Septiembre de 2010
Por Victor el 24 de Febrero de 2012
Por leviatanMX el 05 de Mayo de 2013
http://www.youtube.com/watch?v=emZ9AeKafcY
Por yajairo87 el 29 de Junio de 2014
Gracias por compartir
Por Juan Manuel el 09 de Octubre de 2014
Existen en el mercado otras aplicaciones similares que permiten realizar trabajo colaborativo como http://www.mockflow.com/ pero son para proyectos con mayor presupuesto.