icono_twiter icono LinkedIn icono Facebook Icono Xing
Roberto Canales Mora

Creador y propietario de AdictosAlTrabajo.com, Director General de Autentia S.L., Ingeniero Técnico de Telecomunicaciones y Executive MBA por el Instituto de Empresa 2007.
Twitter:

Autor de los Libros: Planifica tu éxito: de aprendiz a empresario y Informática profesional, las reglas no escritas para triunfar en la empresa

Puedes consultar mi CV y alguna de mis primeras aplicaciones (de los 90) aquí

Ver todos los tutoriales del autor

Fecha de publicación del tutorial: 2010-04-07

Tutorial visitado 20.043 veces Descargar en PDF
Primeros pasos con Balsamiq Mockups.

Primeros pasos con Balsamiq Mockups

Hace unos días me comentaron la existencia de una herramienta estupenda para hacer borradores rápidos de Webs e incluso para aplicaciones móviles como iphone:
Balsamic Mockups. Estoy modelando una aplicación comercial que se me ha ocurrido y ... pocas veces he encontrado una herramienta tan sencilla, intuitiva y útil para dar forma a las ideas sin complicarte la vida en los detalles. Además cuesta 79 dólares, vamos, regalada.

Nos la descargamos desde http://www.balsamiq.com/products/mockups y lo voy a instalar en mi Mac.

Antes hay de descargarse e instalar Adobe Air
http://get.adobe.com/es/air/thankyou/?installer=Adobe_AIR_1.5.3_for_MacOS_X

Si lo hemos comprado (aunque haya multitud de software libre no olvidemos que hay más modelos de negocio), introducimos el usuario y código de licencia.

La herramienta tiene una barra muy intuitiva. Elegimos inicialmente la lengüeta de contenedores. Elegimos la ventana de navegador.

Elegimos también otro contenedor con una barra. Separamos por comas los textos.

Esto es sencillo y aparente

Ahora vamos a ir añadiendo componentes. Selecciono una imagen: haciendo doble click en ella podemos elegir la foto.

Elegimos la foto de nuestro sistema de ficheros o de otras fuentes.

Elegimos uno de los dibujos de la baraja de cartas de Autentia.

Si queremos que no se vea tan colorido, para no desentonar, podemos pulsar sketch it.

Vamos componiendo nuestra página

Y poco a poco va cogiendo forma. Un consejo: utilizad la pequeña barra superior para ir agrupando elemento y también bloqueándolos.

Una de las cosas más interesantes es que podemos crear distintas pantallas y enlazarlas para hacer una presentación casi interactiva. Creamos un nuevo Mockup.

Elegimos que sea también Web. Copiamos y pegamos la página principal... también podríamos haber clonado la página.
En la ventana de configuración decimos que la lengüeta activa es la de Libro.

Pintamos el aspecto de nuestra nueva página con nuevos controles.

Guardamos la página.

Ahora en la página principal elegimos en la caja de configuración la sección de links de la lengüeta y elegimos a dónde saltar.

Ahora aparece en enlace y pulsando Alt podemos saltar.

Otra de las cosas interesantes es la posibilidad de extender los controles existentes ... como componentes de geoposicionamiento..

O incluso portales ... entre otros cientos.

Lo dicho, impresionante. Creo que es una herramienta que todo el mundo debería tener y que creo que por lo menos yo usaré de un modo intensivo.

A continuación puedes evaluarlo:

Regístrate para evaluarlo

Por favor, vota +1 o compártelo si te pareció interesante

Share |
Anímate y coméntanos lo que pienses sobre este TUTORIAL: