domingo, 5 de mayo de 2013

Balsamiq Mockups



 La idea de ésta herramienta es facilitarnos el trabajo de armado de prototipos de nuestras páginas web (aunque podría usarse también para aplicaciones de escritorio sin mayor problema).
Permite crear, editar y compartir wireframes boceto de calidad, todo dentro de la unidad.De más está decir, que para poder correr este programa, es necesario tener instalado el player de Adobe Air.
Es bastante resbaladiza: se pueden crear nuevas maquetas directamente desde el menú "Crear nuevo", o editar con sólo hacer clic en ellos, todo dentro del navegador.Lo primero que vamos a ver al ingresar al programa, es una hoja en blanco, con un set de elementos en la barra superior.
Pantalla principal
Si bien la apariencia de ésta herramienta es bastante sencilla, no es condición para la flexibilidad que nos ofrece.
Además de funciones comunes como copiar, pegar, recortar, etc; contamos con una barra con la categorización de los distintos elementos que podemos usar en nuestros bosquejos.
Categoría de elementos
Ejemplo de prototipo con mapa y video
También podemos trabajar con texto, e incluso dejar notas que nos sirvan como recordatorios (ya sea que verdaderamente busquemos anotar algo o que sólo intentemos un golpe de efecto en el prototipo).
Ejemplo de editor de texto y uso de notas
Ejemplo de formulario sencillo
Si bien el último ejemplo muestra un muy básico formulario, la cantidad de opciones con las que contamos no son pocas. (Si miran el screencast de la página del producto, se va a entender mejor a lo que me refiero).
Para cada elemento que vayamos agregando, vamos a tener un menú contextual que va a extender las posibilidades del objeto con el cual estemos trabajando.
Menú contextual para los elementos
Como ven, es una herramienta sencilla y de bastante utilidad para tratar de plasmar esas ideas que tenemos dando vueltas, o para comunicar un diseño en etapa embrionaria.

No hay comentarios:

Publicar un comentario