¿Cuál es la mejor herramienta en línea para cablear aplicaciones móviles / crear esqueletos de aplicaciones móviles / maquetas de aplicaciones móviles?

Permítanme comenzar mi respuesta con el hecho de que he intentado un montón de enfoques para encontrar la forma más eficiente donde puedo abstraer la mayor parte del pensamiento “visual” y pensar principalmente en la lógica central de la aplicación.

Soy una persona muy visual, por lo que hacer que los esqueletos de mi aplicación se vieran geniales me distrajo un poco porque me distrajo de la funcionalidad de la aplicación.

Personalmente, encontré que el mejor enfoque para mí no era el servicio en línea. Claro que hay un montón de ellos y probé los más populares, pero simplemente no lo hicieron por mí.

Me di cuenta de que al final mi solución estaba en Omnigraffle con un montón de conjuntos de UI multiplataforma que puedes comprar / descargar. Simplemente funciona muy bien. Los conjuntos de IU Omnigraffle que puede descargar desde sitios se integran como plantillas y simplemente los arrastra y suelta en sus maquetas. Es hermosamente simple.

Omnigraffle es solo para Mac, así que si no puedes usar eso, el segundo enfoque similar (aunque no me gusta tanto) es el enfoque de Keynotopia / Powerpoint. Es similar a Omnigraffle, pero creo que Omnigraffle es más flexible y me hace más rápido.

Esto es lo que uso en Mac:

1. OmniGraffle – El Grupo Omni
2. Kits de armado de alambre de Kits de armazón de alambre (uso este diagrama de flujo visual de la aplicación móvil)
3. Tengo una suscripción profesional a Awesome OmniGraffle stencils | Graffletopia

Así que tengo una biblioteca de plantillas geniales para Omnigraffle.

También tengo plantillas de diseño de interfaz de usuario para Keynote y PowerPoint y descargué los juegos para Keynote, pero sus powerpoint son igual de buenos. Conozco personas que aman a Keynotopia tanto como yo a Omnigraffle.

Si realmente quieres algo en línea, puedo recomendar solo estos dos hasta ahora:

1. Herramienta gratuita de prototipos de UI y dispositivos móviles (iOS, Android) y UI | InVision

2. Proto.io – prototipado móvil tonto-rápido

Una gran cosa acerca de inVision (hay una razón por la que es probablemente la suite más completa que existe) es que se integra muy bien con Photoshop. Tiene una aplicación auxiliar en ejecución y simplemente puede guardar cosas con un nombre y nombres de capa específicos y la aplicación de escritorio Invision se conectará y actualizará todo lo que haya en sus maquetas móviles en su servicio. Es casi como la magia.

Esperemos que esto ayude.

La respuesta de Boz Bundalo es buena, pero los usuarios como yo, que somos usuarios de ventanas, no pueden usar Omnigraffle, que es una gran desventaja.

He estado usando Balsamiq para wireframes en los últimos 5 años y me parece que es la herramienta más fácil / conveniente y mejor. Cualquier usuario laico con habilidades de diseño mínimas puede crear esquemas utilizando el software balsamiq.

Balsamiq también se asegura de que los wireframes producidos sean incompletos y se vean como esqueletos. Encontré otras herramientas que, cuando se usan, confunden a los clientes con los wireframes como maquetas.

Después de hacer los wireframes en Balsamiq, Marvel puede usarse para crear un flujo interactivo de wireframes. Nuevamente, Marvel es una herramienta fácil para crear diseños interactivos que ayudan a los interesados ​​a comprender el flujo lógico de la aplicación. También tiene un sistema de comentarios que ayuda a las partes interesadas a reunir todos los comentarios en un solo lugar.

Así que para mí, Balsamiq y Marvel son mis favoritos.

Espero que esto ayude