Moqups: maquetas basadas en HTML5 con esteroides

Antes de detallar el diseño de su próximo proyecto de sitio web, debe determinar dónde debe estar qué. Tendrás que colocar tu navegación, imágenes, textos, formularios, lo que sea que formará parte de tu sitio. Las partes especialmente esenciales, como el concepto de navegación, deben planificarse muy a fondo. La arquitectura de la información decide si su proyecto será utilizable o no. También es importante en su concepto inicial que nada debe olvidarse. La forma establecida de lidiar con todos estos desafíos es crear una o más maquetas del proyecto. Las maquetas son modelos pequeños, a veces incluso prototipos, a veces solo garabatos del sitio web en construcción. No determinan el diseño, es decir, el aspecto de un sitio, pero definen su estructura y los conceptos de navegación. La nueva aplicación web Moqups se creó para ayudarlo a hacer precisamente eso, crear maquetas tempranas de su próxima gran cosa web.

moqups

Con un primer vistazo moqups inmediatamente te convences de que la aplicación no tiene nada que ver con el diseño. Todos los elementos para armar una maqueta son simples, incluso sin pretensiones. Este es exactamente el enfoque correcto, ya que ni siquiera se siente tentado a comenzar con un diseño elegante allí mismo, lo que bien podría ser el caso al usar Photoshop para las primeras maquetas.

Moqups ayuda a construir maquetas con módulos preconstruidos

Lo primero que se debe definir en una maqueta siempre debe ser la posición de la navegación. También debe determinar cómo se estructurarán sus formularios y dónde es probable que se coloquen. Luego, dibujará áreas para colocar logotipos, imágenes y textos. Todos estos elementos estándar están disponibles mediante el uso de módulos dentro de Moqups. Los módulos solo deben arrastrarse desde la barra de herramientas y soltarse en cualquier lugar dentro de su maqueta. De esa manera, la creación de una maqueta se puede hacer a un ritmo rápido. Los encabezados o los ejemplos de texto con muñecos lorem ipsum intercambiables se colocan tan fácilmente como las imágenes ficticias. Si necesita gráficos, mapas o reproductores multimedia, todos estos están disponibles para simplemente arrastrarlos.

Las imágenes y los textos se agregan y editan cómodamente

Si planea tener más de una navegación, Moqups le permite titularlos individualmente. De esa manera, puede integrar no solo los maniquíes de navegación, sino también los temas de navegación de la vida real en la medida en que ya los haya resuelto. Los sitios web complejos a menudo vienen con una navegación principal horizontal y una subnavegación vertical según el tema de navegación principal elegido. También podría tener dos barras de navegación horizontales independientes, todas las cuales se pueden crear en sus maquetas de Moqups…

La navegación (izquierda) se puede editar haciendo doble clic (derecha)

Si desea que su maqueta se vea un poco más realista para su cliente no tan creativo, puede incrustar logotipos o imágenes desde su disco duro. Sin embargo, tendrás que subirlos primero. Su cliente se orientará mejor cuando reconozca los elementos clave de su identidad corporativa.

Almacenar y editar una maqueta

Una vez que haya terminado su maqueta, puede enviarla como un recurso de enlace a tantas direcciones de correo electrónico como desee. Alternativamente, puede exportar la maqueta como PNG o PDF. Elegir PDF crea una salida basada en vectores que podría imprimirse con una calidad decente y usarse para una de estas presentaciones de la vida real en la sala de conferencias del cliente donde no tienen acceso a Internet, generalmente por razones de seguridad… Aunque puede usar Moqups sin la necesita crear una cuenta, deberá registrarse tan pronto como desee compartir o exportar las maquetas. El registro es gratuito. Una vez que haya creado su cuenta, puede administrar tantas maquetas diferentes como desee. Moqups puede convertirse en su lugar central para todos sus primeros bocetos de proyectos. Como todo diseñador tiene la necesidad de crear maquetas de próximos proyectos, moqups viene muy bien para todos nosotros. Moqups cuenta con una amplia variedad de módulos que amplían sus posibilidades más allá del diseño de sitios web. La aplicación en sí está construida en base a HTML5 con las plantillas creadas en SVG. Moqups es gratis mientras está en Beta. Además, los principales casos de uso siempre serán gratuitos con algunas limitaciones razonables. Las características premium girarán en torno a la colaboración, los comentarios, las anotaciones y otras cosas. Por el momento, la información de precios no está disponible y parece aún indecisa. Como el servicio promete mantener el uso básico gratuito, no debe dudar en suscribirse hoy.