Hay muchas aplicaciones nuevas de escritorio y wireframing basadas en web, pero Balsamiq sigue siendo una herramienta favorita para muchos gerentes de productos y diseñadores de UX. La razón principal por la que Balsamiq es mucho mejor que las tramas simples de Powerpoint u Omnigraffle es que las tramas Balsmiq son interactivas. El wireframe compilado es funcional, brindando a sus equipos de ingeniería y marketing una experiencia visceral de usar realmente la funcionalidad propuesta. Los espectadores pueden tocar botones y enlaces, ver las transiciones de página dentro de la estructura alámbrica y tener una idea de cómo se comportaría realmente la aplicación.
Esta experiencia interactiva es mucho más valiosa que solo mirar bonitas maquetas con Photoshop de una aplicación. “Necesitamos evitar la mentalidad de que necesitamos desarrollar una maqueta de Photoshop perfecta para cada entregable. En cambio, obtenga comentarios antes. Si trabajamos como parte de un equipo equilibrado y multifuncional, entonces podemos recibir constantemente comentarios de otros miembros del equipo y aprender más rápidamente que si diseñamos por nuestra cuenta ”.
¿Qué pasa con el móvil?
Una característica obvia que falta en Balsamiq es la capacidad de ejecutar los wireframes en un dispositivo móvil. Claro que puede simular pantallas móviles, pero ¿qué pasa con la ejecución de la estructura metálica en el móvil? ¿Los diseñadores de UX deben abandonar Balsamiq y cambiar a herramientas de creación de prototipos basadas en dispositivos móviles / tabletas? No necesariamente. Aquí hay algunos consejos sobre cómo aprovechar su conjunto de herramientas Balsamiq existente y ejecutar wireframes en dispositivos móviles:
- ¿Qué empresas son similares a IDEO?
- ¿Cuáles son algunas citas significativas y notables sobre la experiencia del usuario (UX)?
- ¿Cuál es el proceso de diseño en Spotify?
- ¿Cuáles son los artículos para el hogar ordinarios más creativamente diseñados?
- En su opinión, ¿qué envases (diseños) han tenido el mayor impacto positivo en el mundo?
Defina el tamaño de su pantalla móvil
Primero determine qué teléfono va a portar su estructura alámbrica. Para el propósito de esta prueba, elegí mi HTC One, que tiene un tamaño de pantalla de 1080 x 1920. Por supuesto, el mismo proceso también se aplicará para iOS. Usando la misma relación de aspecto de pantalla, reduje el tamaño de pantalla de mi Balsamiq a 270 × 480.
Exporte sus maquetas a PNG sin márgenes
Cuando haya terminado sus maquetas, expórtelas a imágenes PNG en lugar de un documento PDF. Vinculará esos PNG juntos más adelante en su dispositivo móvil. Tome el conjunto de PNG y muévalos a la galería de fotos de su dispositivo móvil a través de Dropbox o su escritorio preferido -> método de transferencia de archivos móvil.
¡Éxito!
Use la aplicación de creación de prototipos POP
Para el propósito de esta prueba, utilicé la aplicación de creación de prototipos POP. Abra la aplicación y cree áreas y enlaces en los que se pueda hacer clic dentro de las imágenes de la aplicación. Tenga en cuenta que los enlaces que definió en Balsamiq no funcionarán en dispositivos móviles. Deberá volver a crear esos enlaces en la aplicación POP. Para definir enlaces, identifique un área que se pueda tocar, luego defina a qué página debe enlazar. Una vez que todos tus enlaces estén definidos y probados, pruébalo. Compruebe que sus imágenes se ajustan correctamente a la pantalla y que todos los enlaces funcionan. Las transiciones de página a página son un poco torpes, pero es completamente funcional. ¡Simplemente crea una aplicación móvil ligera que muestra una funcionalidad que no existe en su versión de producción!
Luego, entregue a los usuarios su teléfono y mírelos hacer clic en la aplicación. ¡Éxito!