Ya sea que desee diseñar una aplicación móvil, software de escritorio o simplemente tratar de diseñar un sitio web, al crear maquetas de UI, puede obtener las primeras imágenes de sus proyectos futuros y también presentar la idea de diseño al cliente de una mejor manera.

Crear maquetas de UI es diferente a Wireframing. Wireframing es como crear un plano para su casa o proyecto de ingeniería, mientras que la creación de una maqueta se presenta con el diseño creativo real (apariencia final) de la casa para los clientes.

Tener acceso a una práctica herramienta Mockup lo ayuda en la fase de diseño de la interfaz de usuario y también acelera todo el proceso.

No hay escasez de herramientas de UI Mockup; Sin embargo, con tantas opciones para elegir, puede ser confuso cuál debería comenzar primero.

Ya sea que sea un profesional que busca agregar más herramientas eléctricas a su arsenal actual o un principiante que intenta probar el diseño de maquetas por primera vez, esta guía le presentará algunas de las mejores herramientas para crear maquetas de interfaz de usuario en 2019.

¿Cuáles son las mejores herramientas para crear maquetas de UI?

MockFlow

• Precio: plan mensual limitado / premium gratuito de $ 19 - plan anual de $ 14 por usuario por mes

MockFlow es una solución premium basada en la nube que ofrece herramientas Wireframe, Prototyping y UI Mockup para individuos y organizaciones. Viene en planes gratuitos y premium y también se puede usar en su PC.

El precio se divide entre planes anuales y mensuales. En comparación con los planes anuales, los planes mensuales no solo son caros sino que también pierden algunas características. En los planes anuales, no solo obtienes un descuento justo, sino que también obtienes un servicio gratuito de 3 meses, acceso sin conexión y potenciadores.

Para usar la herramienta, debe registrarse con una cuenta gratuita. Las cuentas gratuitas le permiten crear un proyecto en cada aplicación, dos revisores por proyecto, una selección limitada de aplicaciones y sin soporte. Sin embargo, la cuenta gratuita da una idea justa sobre la usabilidad de MockFlow.

MockFlow ofrece acceso sin conexión en Windows y Mac OS con computadoras. Las extensiones MockFlow le permiten usar la herramienta con aplicaciones como Microsoft Office, Google Chrome, Google Docs, Slack, JIRA y más.

MockFlow tiene seis funciones básicas: WireFrame y UI Mockups, Sitemap, StyleGuide, DesignCollab, Annotate Pro y Website Pro. Para crear maquetas de UI, use la primera opción WireFrame del tablero y haga clic en el icono +.

Comience con la selección de la plataforma para la que desea crear la maqueta, como dispositivos iOS, relojes inteligentes, sitios web, aplicaciones de Microsoft, etc.

El panel de edición también se divide en 6 pestañas. Desde la pestaña Elemento, puede arrastrar y soltar objetos prediseñados como Marco móvil, iconos, imágenes de fondo, pestañas de menú, opciones de pago y más, o simplemente puede comenzar desde una página en blanco si lo desea.

Los objetos se pueden personalizar aún más con un simple doble clic. Puede agrupar varios elementos para facilitar el movimiento y la escala de la interfaz de usuario.

Otras pestañas en el editor son Páginas, para crear varias páginas para la misma aplicación, pestaña Imágenes, pestaña Flujo para agregar y verificar el estado de los proyectos, pestaña Tienda y Encendido para agregar más aplicaciones y plantillas.

MockFlow es una excelente herramienta multipropósito para crear maquetas de UI y más. Sin embargo, los planes premium significan que es para usuarios serios que pueden utilizar al menos la mitad de la función que ofrece.

Prueba MockFlow

• Lea también: 10 mejores programas gratuitos de diseño 3D para principiantes y usuarios avanzados

Balsamiq

• Precio: prueba gratuita de 30 días / La versión en línea comienza en $ 9 por mes / La versión sin conexión comienza en $ 89 licencia perpetua

Balsamiq es una solución moderna basada en la nube para diseñadores y desarrolladores de interfaces de usuario que ofrece una estructura de cableado colaborativa, rápida y accesible. Si prefiere una solución fuera de línea, Balsamiq también la tiene cubierta.

Balsamiq ofrece dos versiones de la herramienta, la aplicación de escritorio en línea y fuera de línea para computadoras Mac y Windows. La versión sin conexión es una compra única que cuesta $ 89 para un solo usuario. La versión en línea comienza en $ 9 por mes por usuario con espacio para dos proyectos.

Afortunadamente, puede registrarse de forma gratuita y utilizar la aplicación web durante 30 días de forma gratuita con wireframes ilimitados y usuarios ilimitados que se ofrecen.

Registrarse en la cuenta de prueba gratuita es fácil, pero requiere que los usuarios validen el correo electrónico. Una vez hecho, comience creando su espacio y asígnele un nombre. Luego proceda a crear su primer proyecto.

El editor del proyecto tiene una interfaz muy simple y fácil de usar. Todas las propiedades están bien distribuidas en la barra de herramientas. Las páginas o Wireframes se muestran en el lado izquierdo y puede agregar varias páginas haciendo clic en el icono + en la parte superior.

Puede comenzar arrastrando y soltando una plantilla en el editor o comenzar desde cero utilizando herramientas de edición básicas. Use la opción Más controles para buscar más plantillas e íconos de la biblioteca. Desde aplicaciones de escritorio y diagramas hasta interfaces de usuario de hardware y diseño, la biblioteca Balsamiq tiene todo lo que necesita para crear una maqueta y Wireframes con facilidad.

Para cambiar las propiedades del objeto, seleccione el objeto y las opciones aplicables se mostrarán en el panel del lado derecho.

Los desarrolladores pueden invitar a los clientes a hacer una presentación enviando un enlace por correo electrónico. También puede agregar los miembros de su equipo al proyecto y asignar un rol a cada miembro del equipo.

Además, Balsamiq también ofrece integración con aplicaciones comerciales como Google Drive, Confluence y Jira. Los recursos de diseño de la interfaz de usuario en el sitio web son útiles para usuarios experimentados y novatos.

Balsamiq es una herramienta excelente y, con el paquete de software fuera de línea y en línea, es sin duda uno de los mejores en el negocio. Combine eso con una prueba gratuita de 30 días y obtendrá suficiente tiempo para evaluar la herramienta antes de realizar una compra.

Prueba Balsamiq

• Lea también: 8 impresionantes software para crear folletos y gobernar el juego de marketing

MockPlus

• Precio: prueba gratuita / $ 59 al año Licencia individual / $ 199 licencia perpetua / El plan de equipo comienza en $ 299 por año

Para aquellos que buscan una herramienta flexible para crear maquetas y prototipos para cada tamaño de pantalla y plataforma, MockPlus es una buena opción. Es una aplicación fuera de línea y está disponible para dispositivos Windows, Mac, Android e iOS.

MockPlus es utilizado por algunos de los principales nombres de la industria tecnológica, incluidos Microsoft e IBM. Hay una prueba gratuita de 7 días para probar la herramienta antes de realizar una compra.

La interfaz de usuario de MockPlus está bien diseñada y se ve moderna. Ofrece una buena cantidad de espacio y no satura el espacio de trabajo con herramientas innecesarias. También tiene una opción de múltiples ventanas para usar el software en múltiples ventanas para una mejor productividad.

Puede crear fácilmente prototipos interactivos simplemente arrastrando y soltando componentes prediseñados en el editor. La biblioteca viene equipada con más de 3000 íconos y casi 200 componentes prediseñados para que pueda comenzar a utilizar todas las funciones de arrastrar y soltar.

Los prototipos se pueden probar al instante utilizando el código QR generado por la aplicación. Además, los proyectos se pueden publicar en la web para obtener comentarios de clientes y miembros del equipo compartiendo un enlace web al prototipo.

MockPlus se destaca en lo que hace, y las características y funciones de este software de creación de prototipos lo convierten en una herramienta ideal para los diseñadores de UI y UX, independientemente de su experiencia.

Descargar MockPlus

• Lea también: 9 software rico en funciones para crear líneas de tiempo interactivas en PC

Moqups

• Precio - Prueba gratuita / Comienza en $ 19 por mes - Plan personal

Moqups es una aplicación web basada en la nube que le permite crear wireframes, maquetas, diagramas y prototipos y colaborar en tiempo real con otros miembros del equipo.

Es una herramienta premium con cuentas personales y de equipo. La prueba gratuita requiere que registres una cuenta y ofrece 5 MB de almacenamiento con un proyecto limitado a 300 objetos.

La interfaz de usuario es similar a MockFlow, pero las herramientas y el diseño son diferentes. Después de crear un nuevo proyecto, puede arrastrar y soltar elementos desde la pestaña Stencil.

Puede agregar más páginas al proyecto, personalizar esquemas, crear plantillas, cargar y agregar imágenes, navegar desde la amplia biblioteca de iconos y agregar comentarios al proyecto.

Los objetos se pueden editar para cambiar el tamaño, rotar, alinear y diseñar. La función de agrupación facilita la agrupación de múltiples objetos para facilitar el movimiento.

Una vez que la maqueta esté lista, puede exportar a Google Drive, Dropbox o al formato PNG, PDF o HTML local de su computadora.

Moqups es una herramienta fácil de usar para enmarcar y crear diagramas y maquetas en muy poco tiempo. Regístrese para obtener la cuenta gratuita y pruebe la herramienta para ver si es algo que cumple con sus requisitos.

Prueba Moqups

Conclusión

Si usted es un diseñador de interfaz de usuario profesional o simplemente un principiante, es importante saber qué herramientas usar para crear maquetas de interfaz de usuario. Si está buscando solo una herramienta de estructura de alambre, le recomiendo que pruebe Wireframes.cc.

Es una aplicación basada en la web con un diseño minimalista y un puñado de características para crear wireframes simples y efectivos para aplicaciones o sitios web. Después de todo, más no siempre es mejor.

Sin embargo, para el diseñador de UX / UI que busque herramientas de Mockup ricas en funciones, debe probar todas las herramientas recomendadas anteriormente. Todas estas herramientas ofrecen una versión de prueba gratuita o una cuenta básica gratuita sin limitaciones para comenzar.

Puede pasar un tiempo con cada una de estas herramientas antes de decidir cuál marca más casillas en su lista de artículos imprescindibles.

Sabiendo el hecho de que ninguna herramienta podrá satisfacer las necesidades de todos, tratamos de incluir las mejores herramientas para crear maquetas de interfaz de usuario que puedan satisfacer la mayoría de las necesidades de los diseñadores.

Háganos saber su maqueta favorita y el software de estructura de alambre o si cree que hemos excluido una alternativa digna en esta lista en los comentarios a continuación.