Ya sea que desee diseñar una aplicación móvil, software de escritorio o simplemente intentar diseñar un sitio web, mediante la creación de maquetas de interfaz de usuario, puede obtener las primeras imágenes de sus futuros proyectos y también presentar la idea de diseño al cliente de una mejor manera.
La creación de maquetas de interfaz 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 es llegar con el diseño creativo real (aspecto final) de la casa para los clientes.
Tener acceso a una práctica herramienta de simulación le 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 simulación de interfaz de usuario; sin embargo, con tantas opciones para elegir, puede resultar confuso en cuanto a cuál es la que debería empezar a usar primero.
Tanto si eres un profesional que busca añadir más herramientas eléctricas a su arsenal actual como si eres un principiante que está probando sus manos en Mockup designing por primera vez, esta guía te presentará algunas de las mejores herramientas para crear Mockups de interfaz de usuario en 2019.
Índice del contenido
¿Cuáles son las mejores herramientas para crear maquetas de interfaz de usuario?
1
MockFlow
- Precio – Limitado gratis / Premium $19 plan mensual – $14 por usuario por mes plan anual
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 sólo son caros, sino que también pierden algunas características. En los planes anuales, no sólo obtendrá un descuento justo, sino que también obtendrá un servicio gratuito de 3 meses, acceso sin conexión y recargas.
Para utilizar la herramienta, debe registrarse con una cuenta gratuita. Las cuentas gratuitas le permiten crear un proyecto en cada aplicación, dos revisores por proyecto, selección limitada de aplicaciones y sin soporte. Sin embargo, la cuenta gratuita da una idea aproximada de la usabilidad de MockFlow.
MockFlow ofrece acceso sin conexión en sistemas operativos Windows y Mac. Las extensiones de MockFlow le permiten utilizar la herramienta con aplicaciones como Microsoft Office, Google Chrome, Google Docs, Slack, JIRA y más.
MockFlow tiene seis funciones básicas: WireFrame y Mockups de interfaz, Sitemap, StyleGuide, DesignCollab, Annotate Pro y Website Pro. Para crear maquetas de interfaz, utilice la primera opción WireFrame del panel 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 se divide también en 6 pestañas. Desde la pestaña Element puede arrastrar y soltar objetos prediseñados como marcos móviles, iconos, imágenes de fondo, pestañas de menú, opciones de pago y mucho más, o simplemente puede empezar 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 el escalado de la interfaz de usuario.
Otras pestañas del editor son Páginas, para crear varias páginas para la misma aplicación, Pestaña Imágenes, Pestaña Flujo para añadir y comprobar el estado de los proyectos, Pestaña Almacenar y Encendido para añadir más aplicaciones y plantillas.
MockFlow es una excelente herramienta multiuso para crear maquetas de interfaz y más. Sin embargo, los planes premium significan que es para usuarios serios que pueden hacer uso de al menos la mitad de las funciones que ofrece.
2
Balsamiq
- Precio – Versión de 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 de licencia perpetua
Balsamiq es una solución moderna basada en la nube para diseñadores y desarrolladores de interfaces de usuario que ofrece un wireframing rápido, accesible y colaborativo. Si prefiere una solución offline, Balsamiq también se encarga de ello.
Balsamiq ofrece dos versiones de la herramienta, la aplicación de escritorio en línea y fuera de línea para ordenadores 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, puedes registrarte gratuitamente y usar la aplicación web durante 30 días sin cargo alguno, con un número ilimitado de wireframes y usuarios en oferta.
Registrarse para obtener la cuenta de prueba gratuita es fácil, pero requiere que los usuarios validen el correo electrónico. Una vez hecho esto, empieza por crear tu espacio y dale un nombre. Luego proceda con la creación de su primer proyecto.
El editor de proyectos tiene una interfaz muy simple y fácil de usar. Todas las propiedades están bien repartidas en la barra de herramientas. Las páginas o Wireframes se muestran en el lado izquierdo y puede añadir varias páginas haciendo clic en el icono + en la parte superior.
Puede empezar arrastrando y soltando una plantilla al editor o empezar desde cero utilizando las herramientas básicas de edición. Utilice la opción Más controles para buscar más plantillas e iconos de la biblioteca. Desde aplicaciones de escritorio y diagramas hasta interfaces de usuario de hardware y diseño, la biblioteca de Balsamiq tiene todo lo que necesita para crear un Mockup y Wireframes con facilidad.
Para cambiar las propiedades del objeto, selecciónelo y se mostrarán las opciones correspondientes en el panel del lado derecho.
Los desarrolladores pueden invitar a los clientes a hacer una presentación enviando un enlace a través del correo electrónico. También puede agregar a 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 empresariales como Google Drive, Confluence y Jira. Los recursos de diseño de la interfaz de usuario en el sitio web son útiles tanto para los usuarios experimentados como para los novatos.
Balsamiq es una excelente herramienta y con su suite de software offline y online es sin duda una de las mejores del mercado. Combine eso con 30 días de prueba gratis, y tendrá tiempo suficiente para evaluar la herramienta antes de hacer una compra.
3
MockPlus
- Precio – Prueba gratuita / $59 al año Licencia individual / $199 licencia perpetua / Plan de equipo a partir de $299 al 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 elección. Es una aplicación sin conexión y está disponible para dispositivos Windows, Mac, Android e iOS.
MockPlus es utilizado por algunos de los nombres líderes en la industria de la tecnología, incluyendo Microsoft e IBM. Hay una prueba gratuita de 7 días para probar la herramienta antes de hacer una compra.
La interfaz de usuario de MockPlus está bien diseñada y parece moderna. Ofrece una buena cantidad de espacio y no desordena el espacio de trabajo con herramientas innecesarias. También tiene la opción de usar el software en múltiples ventanas para mejorar la productividad.
Puede crear fácilmente prototipos interactivos simplemente arrastrando y soltando componentes prediseñados al editor. La biblioteca viene equipada con más de 3000 iconos y casi 200 componentes prediseñados para que pueda empezar a utilizar todas las funciones de arrastrar y soltar.
Los prototipos pueden ser probados instantáneamente utilizando el código QR generado por la aplicación. Además, los proyectos pueden ser publicados en la web para obtener comentarios de los clientes y miembros del equipo compartiendo un enlace web con el prototipo.
MockPlus 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 interfaces de usuario y de sistemas de comunicaciones unificadas, independientemente de su experiencia.
4
Moquips
- Precio – Prueba gratuita / A partir de $19 al mes – Plan personal
Moqups es una aplicación web basada en la nube que le permite crear alambres, 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 registre una cuenta y ofrece 5MB 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 de la pestaña Plantilla.
Puede añadir más páginas al proyecto, personalizar los contornos, crear plantillas, cargar y añadir imágenes, navegar desde la vasta biblioteca de iconos y añadir comentarios al proyecto.
Los objetos pueden ser editados para redimensionar, rotar, alinear y estilizar. La función de agrupación facilita la agrupación de varios objetos para facilitar el movimiento.
Una vez que la maqueta esté lista, puede exportarla a Google Drive, Dropbox o a la unidad local de su ordenador en formato PNG, PDF o HTML.
Moqups es una herramienta fácil de usar para el wireframing y para crear diagramas y maquetas en un abrir y cerrar de ojos. Regístrate en la cuenta gratuita y toma la herramienta para ver si es algo que satisface tus necesidades.
Conclusión
Tanto si es un diseñador de interfaz de usuario profesional como si es un principiante, es importante saber qué herramientas utilizar para crear maquetas de interfaz de usuario. Si usted está buscando sólo una herramienta de wireframing, entonces le recomendaría que pruebe Wireframes.cc.
Es una aplicación basada en 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 los diseñadores de UX/UI que buscan herramientas de simulación ricas en funciones, deberían probar todas las herramientas recomendadas anteriormente. Todas estas herramientas ofrecen una versión de prueba gratuita o una cuenta básica gratuita sin ninguna limitación para que pueda empezar.
Usted puede pasar algún tiempo con cada una de estas herramientas antes de decidir cuál es la que marca la mayoría de las casillas en su lista de artículos imprescindibles.
Sabiendo el hecho de que ninguna herramienta podrá satisfacer las necesidades de todos, intentamos 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 software favorito de maquetas y enmarcación por cable o si cree que hemos excluido una alternativa digna de esta lista en los comentarios que aparecen a continuación.
HISTORIAS RELACIONADAS QUE TE PUEDEN GUSTAR:
- 4 mejores programas de diseño GUI para crear interfaces que sorprenderán a los usuarios
- 5 software para invitaciones para crear diseños de tarjetas personalizadas como un pro
- 4 software excelente para diseñar sitios web sin codificación en 2019