Esta semana tenía que idear y diseñar la estructura de un blog, de una página web y de un diagrama. Sobre el papel, con la ayuda de rotuladores y de unos cuantos pos-its de colores la estructura de la información pintaba bastante bien pero, visualmente hablando el resultado no era demasiado profesional. ¡Suerte que he descubierto Moqups!
Sin necesidad de instalarme plugins o software, ni de registrarme, ni de pagar un euro y a una velocidad de vértigo, he podido plasmar mis ideas con unos cuantos drag and drop y otros tantos clics, de manera intuitiva desde el navegador de mi portátil.
El servicio se encuentra en fase beta, y presenta unas características entre las que destaco estas diez:
- Se basa en HTML5
- Disponible para dispositivos Android e IOS, y por supuesto, desde el navegador
- Dispone de más de 60 elementos visuales (o plantillas vectoriales SVG) para construir los prototipos
- Permite la exportación de las creaciones en formato PDF y PNG. También las puedes hacer llegar vía correo electrónico
- La edición de elementos se ve favorecida por las opciones de agrupar y ordenar
- Las imágenes pueden importarse directamente desde el dispositivo en el que estemos trabajando
- Dispone de un sistema de auto-guardado (para que no te tengas que preocupar de ir tecleando el Ctrl+G o Ctrl+S), así como de las funciones de Rehacer y Deshacer (entre otros atajos propios de las herramientas de escritorio)
- Es posible establecer enlaces entre los diferentes prototipos creados (simulando enlaces). De este modo puedes hacerte una idea de cómo será la interacción.
- Incluye la posibilidad de trabajar por capas
- Contiene guías (ej. para el dibujo)
En la barra de la izquierda, en su parte superior se encuentran los iconos que dan acceso a la creación de una nueva maqueta y a diferentes opciones de edición. En la parte inferior, se encuentran las plantillas, algunas de las cuales pueden modificar su color y otras características, así como las pestaña de acceso a las imágenes.

En la parte central superior, es donde se encuentran opciones que permiten trabajar por capas, alinear o trasladar elementos, etc. En la parte central inferior, es donde se van arrastrando y editando los diferentes elementos que van a ir configurando el proyecto.

Una vez finalizada la maqueta en la parte superior derecha, se encuentran los iconos referidos a la visualización y exportación de la misma. En esta misma sección también aparecen el icono del usuario y el de emisión de feedback a los desarrolladores.

Puedes acabar de perfilar tus prototipos haciendo uso de algunos recursos que se presentan aquí.
Otras alternativas, muy completas y también gratuitas son: Lumzy, MockupBuilder. Para dispositivos móviles y tablets puedes empezar probando Fluidui.
Con Moqups tus diagramas, prototipos y maquetas van a adquirir una presentación de calidad… ¡mira... mira!

¡Que la tecnología te sea propicia!
P.S. Al tratarse de un servicio en fase de beta te puedes poner en contacto con los desarrolladores para hacerles llegar tus sugerencias y/o comentarios a través de @moqups, el blog del equipo de Moqups o el espacio web de la comunidad.