Ir al contenido principal

Moqups: diseñando prototipos en la nube


Esta semana tenía que idear y diseñar el esqueleto de un blog de ayuda para el profesorado sobre la utilización de los vídeos en el aula. Sobre el papel, con la ayuda de rotuladores y de unos cuantos post-its de colores la estructura de la información pintaba bastante bien pero, visualmente hablando el resultado no era demasiado profesional. He tenido suerte pues me ha llegado el enlace a Moqups, una herramienta que sin necesidad de instalarme plugins 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.
Entre las numerosas características de este servicio destaco estas diez:
  1. Se basa en HTML5
  2. Disponible para dispositivos Android e IOS, y por supuesto, desde el navegador
  3. Dispone de más de 60 elementos visuales (o plantillas vectoriales SVG) para construir los prototipos
  4. Permite la exportación de las creaciones en formato PDF y PNG. También las puedes hacer llegar vía correo electrónico
  5. La edición de elementos se ve favorecida por las opciones de agrupar y ordenar
  6. Las imágenes pueden importarse directamente desde el dispositivo en el que estemos trabajando
  7. 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)
  8. 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.
  9. Incluye la posibilidad de trabajar por capas
  10. 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 sitúan las plantillas, algunas de las cuales puedes modificar su color y otras características, así como la pestaña de acceso a las imágenes.
 En la parte central superior, es donde se ubican las 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, están 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, similares a esta muy completas y también gratuitas son: LumzyMockupBuilder. Para dispositivos móviles y tablets puedes empezar probando Fluidui.
Con Moqups tus diagramas, prototipos y maquetas van a adquirir un acabado de calidad... ¡ya me dirás!

P.S. Si quieres puedes ponerte 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, ya que este es un servicio que se encuentra en estado beta y se quiere gracias a las aportaciones de los usuarios.

Comentarios

  1. Muchas gracias por compartirlo la verdad es que la web es un caja de sorpresas. Siempre es sorprendente lo que se puede realizar en la Web.

    ResponderEliminar
  2. Gracias Ana! Me encanta!, lo he probado en mi navegador y funciona de maravilla. Me gustaría tenerlo en mi Ipad, pero no encuentro la aplicación para IOS. Podrías poner el enlace?

    ResponderEliminar

Publicar un comentario

Entradas populares de este blog

Fluky.io: Tu "ruleta de la fortuna" personalizada

¡Hoooola a todos!
Hacía mucho que no escribía una entrada en la nube TIC, y ya tenía ganas. Hemos hablado de tantas herramientas, que ya casi no quedan sin repetir…
En esta ocasión voy a presentaros una web suuuuuúper sencilla y en mi opinión muy práctica: Fluky.io.


Son muchas las ocasiones en las que queremos hacer una elección aleatoria en clase (otras muchas nos interesa que la elección parezca aleatoria, pero no lo sea, jeje). Varios de los programas o apps que utilizamos en el aula tienen alguna opción que nos permite hacerlo: el software de la pizarra digital (Notebook, Active Inspire…), webs como ClassDojo, o la app que utilizamos como "cuaderno del profesor” (Additio, iDoceo, CuadernoProfesor…) por ejemplo. Pero esta que os presento hoy hace sencilla, exclusiva y perfectamente eso: elecciones aleatorias. Sin registros ni cosas raras.
Cuando entras en fluky.io, solo tienes que pulsar el botón “START” y aparecerá una barra a la izquierda en la que puedes añadir los nombres…

Permisos en un Google Site para trabajar colaborativamente

En el tiempo que llevo formando docentes me he dado cuenta de que uno de los temas que peor se acaba comprendiendo es la gestión de los permisos en un site de Google,  sobre todo cuando se quieren personalizar página a página para llevar a cabo trabajos colaborativos.
Para conocer los aspectos generales de la gestión de permisos en un site, Google pone a nuestra disposición una guía llamada "Control de acceso a tu sitio". En esta guía podemos leer cómo hacer un sitio privado, público, público a medias, invitación al site de grupos, permisos de nivel de página, etc. Pero creo que no quedan suficientemente claros algunos aspectos.
Debemos saber que un sitio de Google puede tener permisos globales, de tal forma que todas sus páginas o subpáginas podrán ser vistas o editadas de la misma forma en que compartamos el sitio. O podemos definir permisos distintos en las diferentes partes del sitio. Imaginemos una página web de un centro educativo con zonas privadas para profesores, f…

CREA TU AVATAR CON VOKI

Un voki es un widget gratuito que permite crear un “avatar”, un personaje animado y personalizado. Esta aplicación permite añadir voz desde con un archivo de audio desde tu ordenador, grabarla directamente con un micrófono o mediante un teléfono. El usuario se debe registrar en http://www.voki.com/
¿Cómo crear tu avatar?

1.Personaliza el personaje (Create + Customize your Charater) 2.Dentro de ‘Customize your Charater’, podrás personalizarlo, seleccionando en los iconos de la galería según color y tamaño (Head, Hair, Mouth) 3.Viste al avatar (Clothing) y ponle accesorios (Bling) 4.El fondo (Background) te permitirá ambientar a tu avatar con fondos muy variados. 5.El marco (Players) muestra también una gama de colores a elegir. 6.El tamaño y la ubicación del avatar se cambia en el icono lupa + y -. 7.Para incorporar la voz a tu creación, selecciona ‘Give it a voice’ y encontrarás las opciones de cargar el audio mediante llamada, grabación mediante micrófono o mediante la carga de un archivo de…