Como se sabe, la creación de prototipos es una parte prescindible del proceso de diseño, y cada diseñador tiene un conjunto único de necesidades para las herramientas de creación de prototipos, especialmente en el proceso de prueba de usabilidad. No hay pocas herramientas que ofrezcan la funcionalidad de probar y compartir prototipos en plataformas móviles y web, pero la integración del código QR es mucho más flexible y creativa. A continuación, hemos reunido las 3 mejores herramientas de creación de prototipos donde el código QR se utiliza perfectamente para probar y compartir sus prototipos, con Pros y Contras incluidos.
1. Mockplus
Sitio web: prototipo más rápido, más inteligente y más fácil con Mockplus!
- ¿Cuáles son las fortalezas y debilidades comparativas entre Laravel (PHP) y Ruby on Rails (Ruby)?
- Cómo implementar OAuth 2.0 en Node.js
- ¿Los creadores de sitios web matan el diseño web?
- ¿Qué tan difícil es crear IA que pueda hacer un desarrollo completo de la pila, por ejemplo, crear un sitio web por sí solo?
- ¿Qué tan efectivos son los carruseles como una forma de mostrar el contenido del sitio web?
Facilidad de uso: ★★★★★
Mockplus es una herramienta de escritorio para la creación de prototipos de aplicaciones móviles, web y de escritorio. Las interacciones altamente visualizadas más 200 componentes y 3000 íconos de interfaz de usuario lo convierten en una buena captura para diseñadores de cualquier nivel. Además de eso, el uso del código QR es otro punto destacado de esta herramienta. Nos permite previsualizar los diseños tanto en dispositivos móviles como en navegadores fuera de línea y en línea. Para ser más especifico:
Método 1 : haga clic en el icono del código QR de la barra de herramientas superior para generarlo y escanearlo. Si se realiza con éxito, podrá descargar la aplicación móvil de Mockplus y obtener una vista previa de los prototipos disponibles.
Método 2 : haga clic en el menú desplegable en la barra de herramientas superior y elija publicar y compartir sus proyectos. Habrá un código QR que se puede escanear a través de la aplicación móvil Mockplus y otro escáner de código QR. Tenga en cuenta que esto mostrará directamente sus prototipos en un navegador móvil.
Método 3 : dentro del navegador web, simplemente escanee el código QR que se muestra en la esquina inferior izquierda de la interfaz. Esto abrirá directamente sus prototipos en navegadores móviles también, y tiene la opción de guardar esta página en su pantalla de inicio.
Obviamente, los métodos anteriores brindan la flexibilidad para que los usuarios prueben sus diseños, con o sin la aplicación móvil. También vale la pena mencionar que el menú de la aplicación es translúcido, dejando más espacio para las pruebas de creación de prototipos y para compartir en los canales de redes sociales. También es posible descargar y ver el proyecto ingresando el código de vista en Mockplus, bastante intuitivo y fácil de seguir.
2. http://Proto.io
Sitio web: Proto.io – Prototipos que se sienten reales
Facilidad de uso: ★★★
http://Proto.io es una herramienta de creación de prototipos de software basada en la web, con la cual los diseñadores pueden crear y construir prototipos completamente interactivos de aplicaciones móviles. Se puede acceder al diseño completo a través de un enlace compartido y verlo dentro de una página web. Sus http://Proto.io Spaces es donde compartir sus diseños con el mundo. Para probar en el móvil, haga clic en la opción “Compartir en el móvil” y descargue la aplicación http://Proto.io a través del SMS enviado a su teléfono celular. El enlace compartido también es obligatorio.
Además, también está dedicado a probar aplicaciones móviles a través del código QR que se muestra en la barra lateral de la interfaz de vista previa. Pero esto requiere la aplicación móvil de http://Proto.io y la velocidad de descarga necesita mejoras. Tenga en cuenta que, por defecto, el menú de la aplicación está oculto y solo puede mostrarse inclinando el teléfono celular. Es un poco difícil, especialmente para los recién llegados adaptarse.
3. UI fluida
Sitio web: Fluid UI: la herramienta en línea de creación de prototipos y creación de prototipos en línea
Facilidad de uso: ★★★★
Como una herramienta minimalista para la creación de prototipos móviles, Fluid UI puede ayudar a los diseñadores a construir estructuras basadas en páginas, sin límites en los dispositivos o el sistema operativo. Haga clic en la opción “Vista previa” ubicada en la esquina superior derecha de la barra de herramientas, y los usuarios pueden obtener una vista previa de los prototipos localmente. El http://Proto.io Player es necesario para probar los prototipos en dispositivos móviles. Para hacer eso, haga clic en la opción “Escanear” e identifique el código QR.
Un gran problema es que no hay una barra de progreso al descargar los proyectos. Además, no funciona bien en la adaptabilidad móvil y la capacidad de respuesta. El menú de la aplicación se mostrará deslizándose desde la parte inferior y solo admite la actualización y el escaneo nuevamente. No es fácil de usar, especialmente para aquellos que tienen una estructura de página compleja.
En conclusión
Obviamente, todas las herramientas de creación de prototipos anteriores utilizan el código QR para probar y compartir los prototipos, a través de la aplicación móvil o el navegador directamente. Pero la forma de usar el código QR y el resultado final difieren de cada herramienta. Para aquellos que buscan una herramienta donde los diseños se puedan previsualizar y compartir de manera fácil y rápida, ¡no se puede perder Mockplus! Para obtener más detalles sobre el código QR, consulte amablemente aquí .
