MOQUP: una presentación general y una revisión

¿Cómo sabes que una idea es excelente o terrible sin probarla? La clasificación de cable, los modelos y los prototipos son partes necesarias del diseño digital. Ver sus conceptos le permite simular sus proyectos, probar diferentes experiencias de usuario y probar los viajes y flujos de diferentes usuarios antes de hacer algo en vivo. En el pasado, los diseñadores deberían haber imprimido los dibujos y presentar al cliente un PDF. Hoy, hay herramientas que lo ayudan a encontrar y resolver los desafíos de diseño antes de que un diseño sea público; elaboración de los componentes estéticos y técnicos de un diseño; y probar la experiencia antes que nadie.
También suavizará su relación con el cliente: si él asume algo (lo que hará), puede hacer frente a esto en las primeras etapas, en lugar de escuchar “Oh, pensé …” Más tarde, cuando es demasiado tarde. MOQUPS es una herramienta de diseño basada en la web que puede ayudarlo a construir una estructura alámbrica, modelos y prototipos en un entorno. Puede navegar entre proyectos y llevar el diseño de baja fidelidad (etapas iniciales y bocetos brutos) a alta fidelidad (más detallado y detallado). En esta publicación la retiro y le muestro cómo está el proceso en cada paso del camino, incluidos mis pensamientos finales al final de la publicación.
¿Qué puedes hacer con los moqups?

Hay una serie de modelos que puede hacer con MOQUP: diagramas, diagramas, sitios sitios ,framas, modelos, diagramas y gráficos. Vamos a superarlos. Notarás que no hablo específicamente sobre prototipos aquí. Hay una razón para eso y tocarlo más tarde. Diagramas y gráficos casi todos los proyectos de diseño web comienzan con un diagrama, diagrama o mapa del sitio, y los miembros del equipo tienden a volver a él como referencia. Con Moqups, puede crear todo tipo de gráficos: diagramas conceptuales
Árboles de decisión
Diagramas de flujo con interacciones del usuario
Diagramas de flujo para flujos de trabajo de software
Mapas mentales
Sitemaps
Diagramas de casos de uso
Con las plantillas de diagramas, puede obtener un avance en todo tipo de diagramas. También puede usar un diagrama de extensor para evolucionar un flujo de todos modos. Además, puede cambiar la apariencia del diagrama para personalizarlo. Modelos de estructuras alámbricas y marcos alámbricos, su equipo puede encontrar cosas como la jerarquía de información, la densidad de las páginas y los usuarios fluyen al comienzo de un proyecto. Las formas simples y el texto sustituyente representan los elementos de diseño más avanzados que agregará en el futuro. Todavía no tiene que preocuparse por la marca o el diseño; En cambio, solo debe preocuparse por la estructura y los requisitos clave del sitio web.

Con los modelos, su equipo puede recibir comentarios en las primeras etapas de diseño. Confiará en su boceto de estructura alámbrica para ver el contenido y demostrará cómo funcionará de una manera muy simple. El diseño se pone en contexto para que se vea mejor y para ver el resultado final. En lugar de ver un diseño en una página, los clientes pueden ver cómo se verá el diseño en su sitio web o aplicación. Crear en cualquier orden que sea la belleza de sus moqups es que puede saltar de un margen de estructura y modelos, de todos modos que desee, y no tiene que crear uno antes que el otro. Por ejemplo, puede comenzar la forma tradicional, con una estructura alámbrica y luego un modelo. Luego puede volver a Wireframe para hacer cambios que se ha dado cuenta de que necesita cuando está evaluando el modelo. O bien, puede crear un modelo primero, luego pasar a la etapa de alambre para averiguar los detalles. También puede omitir por completo el modelo y crear un prototipo de baja fidelidad a partir de una estructura alámbrica. Diagramas y gráficos si tiene que presentar información al equipo, clientes o inversores, MOQUP le permite crear todo tipo de cuadros y gráficos:

Diagramas de área
Gráficos de barras
Diagramas con columnas
Diagramas con donas
Diagramas lineales
Diagramas circulares
Las características de MOQUP son las características principales de MoQUP, seguidas de una breve lista de beneficios adicionales. Biblioteca incorporada con gráficos y fuentes
La biblioteca construida incluye miles de conjuntos de iconos. También hay plantillas listas para usar que han sido diseñadas para casos de uso populares, además de plantillas personalizadas para el diseño de aplicaciones móviles de Android e iOS.

Alinee, cambie el tamaño, gire o estilice los objetos. También puede editar en el bloque, agrupar, bloquear y cambiar el nombre de elementos. Los ajustes precisos se pueden hacer con guías, cuadrículas y reglas personalizadas. Las fuentes de Google están integradas para que pueda elegir entre cientos de fuentes. Los comandos avanzados le permiten cambiar el texto para que coincida con sus diseños (¿desea averiguar cómo elegir las mejores fuentes para los logotipos? Tenemos un elemento para ello).
Organice sus proyectos
Tire y coloque las páginas para reordinarlas u organizarlas en archivos.
El panel de páginas facilita la búsqueda y la navegación de los archivos.
Con las páginas maestras, puede aplicar automáticamente los cambios a todas las páginas asociadas.
Integraciones y colaboración
MOQUPS tiene integraciones con herramientas como Dropbox, Google Drive y Slack.
Su equipo puede colaborar mientras trabaja de forma remota debido a la nube (y aquí hay varias formas en que su equipo también puede discutir).
Obtenga comentarios directos sobre el proyecto en sí y haga cambios sin tener que enviarle diferentes versiones.
Más características
Editor Drag-by-Drop fácil de usar (los principiantes pueden experimentar una curva de aprendizaje, pero no importante)
Sube tus propias fotos

Alineación instantánea al alinear elementos
Escalera sin perder calidad
Exportar su trabajo en formato PDF o PNG
Usando Moqups, saltaré directamente para contarte sobre mi experiencia de moqups. Hay mucho, no está confundido, solo hay muchas cosas allí, así que hablaré sobre las características que jugué, pensé que genial o útil. Al final del artículo, les daré mis pensamientos y sentimientos generales sobre MOQUP, incluidas las desventajas comunes y para quienes es mejor. Las nociones introductorias sobre la configuración de moquns de moqups son muy fáciles y le sugiero que comience con la cuenta gratuita (a continuación I Hable sobre lo que se incluye en esta sección en la sección Configuración de precios). Creando un diseño, realmente me gusta el editor de arrastrar por droga. Para algunos editores, haga clic en un elemento y aparece inmediatamente en el proyecto, y luego puede ser un bolsillo para deshacerse de él. Moqups me hace sentir que tengo un poco más de control sobre lo que agrego y me permite explorar las opciones sin preocuparme accidentalmente haré clic accidentalmente en algo y lo agregaré sin darme cuenta. Además, a medida que dibuja un elemento en su proyecto, puede ver cómo se verá y luego volver a colocarlo si decide que no lo desea.
Trabajando con un diseño a medida que pasa con el mouse sobre los diferentes elementos de diseño, aparece un contorno azul que le muestra los diferentes elementos de la página. Para trabajar con un elemento, haga clic para seleccionarlo. A la derecha abrirá un menú con opciones personalizadas.
Los colores del proyecto me gustan la parte de “colores del proyecto” del selector de color. Esto facilitó la asociación del color del corazón en la esquina superior izquierda con el color del texto.
Guardar los elementos como plantillas, una característica útil de MoQups es que puede guardar elementos como plantillas, luego puede agregarlos fácilmente a otras páginas tal como está. Se mantendrá el diseño original: color, tamaño, etc. Esto lo ayuda a crear continuidad en el diseño. Características de colaboración Si usted es un usuario de Google Drive, los comentarios se verán y se comportarán de una manera que esté familiarizado. Agregar un comentario es muy fácil y puede mover el comentario antes o después de escribir para que su ubicación tenga sentido.

Sin embargo, si tiene muchos colaboradores y comentarios, ese pequeño panel de comentarios puede salir de control rápidamente. Es posible que desee crear una regla para su equipo de que los comentarios estén marcados como resueltos cuando ya no son necesarios. Price Moqups Con el plan gratuito, puede hacer un solo proyecto que incluya hasta 200 objetos. Esto debe considerarse al elegir entre trabajar con un documento vacío y usar una plantilla. Opté por la plantilla de estructura de alambre de la página de destino, que inmediatamente usó 125 de los 200 objetos. Puedo ingresar y eliminar algunos objetos, por supuesto, pero para algunas personas puede tener más sentido comenzar desde cero.

Lo único que el plan gratuito es bueno es la prueba de Moqups, porque es posible que no tenga un solo proyecto para diseñar. Los precios comienzan en $ 13 por mes, pagados anualmente. Cada plan le permite crear proyectos ilimitados y usar objetos ilimitados, por lo que la consideración principal es cuántas personas usarán MOQUP.

A menos que sea un equipo de diseño, querrá el paquete de equipo creativo. Cuantas más personas agregue, menor será el costo por usuario. Por ejemplo, si tiene 50 usuarios, el costo es de $ 3 por usuario por un total de US $ 149 (pagado anualmente). Algunos podrían considerar que los precios de los Moqups son muy buenos, mientras que otros pensarán que es demasiado costoso. Depende de cuánto lo usará y del valor que obtenga de él. PD: Con el plan gratuito, no se requiere una tarjeta de crédito: si desea probarla y luego decidir que no es para usted, no tendrá que recordar cancelar antes de que se le cobre. Puntos débiles Moqupceel Mayor desventaja de Moqups es que no puede usar fuera de línea. Por otro lado, el hecho de que se basa en el navegador es muy conveniente para algunas personas.

Si tiene necesidades avanzadas de prototipos o es pretencioso a las características, este probablemente no sea el instrumento para usted.
Leí reseñas que dicen que los Moqups se pueden retrasar, lleva mucho tiempo hasta que se cargue e incluso se detiene inesperadamente, pero no he experimentado nada. Sin embargo, es algo para ver mientras agrega contenido rico y crea páginas adicionales. No tenía foto ni video en mi diseño, por lo que podría haber contribuido a acelerar las cosas. Si sus proyectos contendrán muchos artículos ricos, aproveche el plan gratuito para probarlo.

¿Para quién es el mejor moqups? MOQUPS es excelente para conceptualizar a los no desarrolladores en las primeras etapas de la planificación de proyectos. Por ejemplo, un propietario de un negocio o gerente de proyecto puede transmitir la idea del equipo de desarrollo y diseño, que luego utilizará métodos más avanzados para crear el producto real o una lealtad alta. MOQUP es especialmente útil para los modelos y el alambre, pero TI. no es tan poderoso cuando se trata de prototipos. MOQUP no tiene tantas características como otras herramientas de creación de prototipos, y los elementos de estilización no pueden personalizarse tantas como herramientas competitivas. Solo se menciona en su sitio.

Pensamientos finales En general, me gustó usar MoQups y me gustaría saberlo cuando diseñé mi sitio web porque es mucho más realista que el diseño de pluma y papel que dibujé. Funcionó como se dice e incluso con muchas opciones, nada era demasiado difícil de entender. Si alguna vez ha trabajado con algún tipo de herramienta de diseño gráfico, y creo que lo hizo, no será difícil de levantar. Puede usarlo por primera vez y terminar un proyecto al final del día (o al final de la hora), luego puede regresar y explorar todas las opciones que se perdió por primera vez. El propósito de las herramientas de visualización es obtener un producto final, ¿verdad? Vea nuestra vitrina de diseño de la Divica con obras en nuestra maravillosa comunidad. Imagen presentada por Visual Generation / Shutterstock.com