Cómo Justinmind ayuda a crear prototipos de aplicaciones móviles para la comunidad diabética

Diseñar un prototipo de aplicación móvil sanitaria para diabéticos fue una sintonía para Mangoman con Justinmind

Hace 11 años, a Cyrus Khambatta le diagnosticaron diabetes de tipo 1. De la noche a la mañana, pasó de ser un chaval de 22 años obsesionado con el deporte a alguien que tenía que preocuparse de inyecciones de insulina y planes dietéticos desconocidos.

«Siendo estudiante de último curso de Ingeniería Mecánica en la Universidad de Stanford, mi vida estaba consumida por las matemáticas, la física, el taller mecánico y mucha cerveza. No entendía qué había hecho mal. Y lo que es más importante, sólo quería ser normal». dice Cyrus.

Poco a poco, Cyrus consiguió controlar su propia enfermedad mediante la dieta y el ejercicio. Y cuanto más lo hacía, más se daba cuenta de que no había suficiente soporte para los diabéticos que querían cambiar su estilo de vida para mejor.

Así que en 2014 creó Mangoman Nutrición y Fitnessuna empresa para que las personas que padecen diabetes puedan controlar, e incluso revertir, la enfermedad mediante la dieta.

Por qué Mangoman necesitaba diseñar una aplicación sanitaria

Cyrus vio rápidamente que sus servicios estaban muy solicitados. Sin embargo, sentía que no llegaba a toda la comunidad diabética de la Bahía. Así que decidió llevar a Mangoman al siguiente nivel con una aplicación móvil para el control de la diabetes.

El objetivo era diseñar una aplicación móvil que facilitara a los diabéticos registrar toda su información personal en un formato sencillo, y luego aprender de ella. La aplicación móvil de Mangoman pretende aprovechar el poder de los big data para que los usuarios puedan aprender no sólo de sus propios datos, sino también de los de los demás. ¡Bastante ambicioso!

Una herramienta de creación de prototipos para aplicaciones móviles basada en datos y fácil de usar en equipo

Los chicos de Mangoman se lanzaron a la búsqueda de una herramienta de wireframing y prototipado que les permitiera crear prototipos con datos reales de usuarios, iterar con rapidez y colaborar continuamente. Ahí es donde entró Justinmind.

«En términos de usabilidad y funcionalidad, comparado con otras herramientas, Justinmind supone 1/100 de la inversión de tiempo para obtener algo útil a cambio. Por eso creo que es divertido utilizarlo».

Cyrus sabía que la aplicación móvil para la diabetes que había diseñado tendría que encajar con la visión más amplia de Mangoman: comercializar un programa de nutrición y fitness para personas «que quieren hacer cambios significativos en su dieta general y en su régimen de fitness».

Eso significaba que el diseño de su aplicación móvil tenía que ser intuitivo y fácil de usar, no sólo para los genios de la tecnología de la zona de la bahía, sino para cualquier persona que tuviera diabetes. Necesitó la ayuda de su equipo Mangoman para dar vida a la aplicación móvil sanitaria más fácil de usar posible.

Lee nuestra guía de 6 pasos para crear el prototipo de una aplicación móvil

Una herramienta de creación de prototipos de aplicaciones que fomenta la colaboración en equipo

Al igual que muchos proyectos de wireframes para móviles impulsados por equipos, el primer reto para Cyrus fue conseguir que los distintos compañeros estuvieran de acuerdo en el diseño y la funcionalidad del diseño de la UI móvil. Wireframear un concepto en colaboración es un paso crucial para crear un diseño de UI móvil sólido para los clientes finales. Cyrus y su equipo aprovecharon al máximo las funciones de colaboración de Justinmind, incluso en la fase de wireframe sucio. Las capacidades de trabajo en equipo de la herramienta permiten trabajar en los prototipos de forma colectiva, incluso desde escritorios separados. Los miembros del equipo pueden abrir, editar e iterar sobre los mismos wireframes y prototipos simultáneamente. Nuestra función de Trabajo en Equipo significa que todo lo que tienes que hacer es Confirmar tus cambios cuando hayas terminado y las iteraciones estarán ahí para que todos las vean. Y aunque la colaboración está muy bien, a veces puede que necesites asegurarte de que eres la única persona que trabaja en un prototipo de UI. No hay problema: simplemente bloquea los elementos que necesites (pantallas, plantillas, maestros, etc.) del prototipo de app o web y evita choques de iteraciones. Desbloquea los elementos cuando hayas terminado para que tu equipo pueda seguir trabajando. El equipo de Cyrus no sigue realmente un proceso lineal, así que Justinmind les resultó muy útil. La posibilidad de editar cualquier pantalla, cualquier animación, cualquier conjunto de datos individualmente en cualquier momento, significó que, a pesar de que había cuatro personas trabajando en el wireframe de Mangoman, Justinmind hizo que la conceptualización del concepto de la aplicación fuera más fácil y rápida. Hay muchas más funciones de creación de prototipos en equipo con Justinmind. Echa un vistazo a cómo crear prototipos en equipo aquí.

Cómo el prototipado detecta fallos de UI y UX antes de pasar al código

Una vez que tuvieron en sus manos el primer borrador de su wireframe móvil, el equipo de Mangoman se dio cuenta de que su objetivo inicial no era realista. Era demasiado complicado y habría imposibilitado la creación de una aplicación sanitaria utilizable.

Por suerte, encontrar este tipo de problemas en la fase de wireframe es algo bueno. En lugar de seguir con la aplicación móvil excesivamente complicada, Cyrus y sus colegas iteraron y dividieron la idea inicial en dos. La idea original se convirtió en dos aplicaciones móviles fáciles de usar que «se construyeron en una serie de pasos lógicos» y se adaptarían mejor a los distintos usuarios finales. El hecho de que fueran capaces de iterar con una reelaboración mínima les hizo darse cuenta definitivamente de que era el siguiente paso adelante, en lugar de un retroceso. El wireframing con Justinmind permitió al equipo crear una aplicación muy funcional y fácil de usar, y ampliarla a partir de ahí.

Todo el equipo de Mangoman pudo comunicarse claramente durante el proceso. Además, Cyrus pudo controlar todos los detalles del diseño de UI, por pequeños que fueran, y verlos funcionar en tiempo real directamente desde el dispositivo móvil.

«Soy un tipo detallista, me gusta asegurarme de que todo está perfecto»

Pasar de una aplicación móvil wireframe a un prototipo interactivo

Una vez acordados los wireframes, el equipo de Mangoman quiso pasar a un prototipo de aplicación móvil de alta fidelidad. «Necesitábamos algo que efectivamente se pareciera exactamente a la aplicación real», dice Cyrus, con tantos detalles como fuera posible y fácil de probar en el dispositivo. And of course, they wanted to use real user data.

Después de que Cyrus y su equipo empezaran con su primer wireframe de la aplicación en Justinmind, y se dieran cuenta de lo rápido que podían convertirlo en un prototipo de alta fidelidad en el que podían importar y simular sus propios datos, quedaron convencidos.

Sigue esta guía de wireframe a prototipo para que tu proceso de creación de prototipos sea lo más limpio posible.

Prototipar una aplicación móvil con datos reales

Una vez que el proyecto de diseño de la aplicación de Cyrus pasó a la fase interactiva, pudo empezar con la creación de prototipos basados en datos. Esta sería la clave para servir a la comunidad diabética con información original y personalizada cuando y donde la necesitaran.

Las funciones de creación de prototipos basados en datos de Justinmind permiten a cualquiera crear rápidamente interfaces de usuario personalizadas e interactivas. Recopila datos reales de personas reales, impórtalos en tu prototipo móvil y visualízalos en listas de datos, cuadrículas de datos, gráficos o menús. Todo puede simularse como en la realidad. Incluso puedes añadir condiciones y variables complejas para que los datos interactúen.

Además, puedes personalizar tus datos en prototipos de aplicaciones Justinmind y hacer que se puedan buscar.

Mejor diseño de la UI de la aplicación móvil con wireframes de alta fidelidad

Interacciones enriquecidas dieron a Mangoman mucha más libertad de diseño para crear el contenido dinámico que hizo que la aplicación se sintiera como un verdadero producto acabado.

En comparación con las limitadas funcionalidades de otras herramientas de wireframing, con Justinmind pudieron detallar las animaciones entre pantallas, animar en múltiples direcciones, jugar con los gestos y personalizar los elementos atómicos para conseguir diseños siempre perfectos.

Poder visualizar el diseño de la aplicación móvil permitió al equipo comprender y conceptualizar la experiencia del usuario prevista. El diseño visual también mejoró la comunicación y la iteración en todo el equipo, de modo que, al final, el wireframe de alta fidelidad soportó y simuló la potente tecnología que había detrás del diseño de la aplicación sanitaria.

«La herramienta es lo suficientemente sencilla de utilizar como para no ralentizar en absoluto mi proceso de trabajo, lo que hace es agilizarlo y eso es importante»

Pronto el equipo estará listo para probar el diseño final de la UI con usuarios reales y validar los wireframes móviles para que puedan pasarse a los desarrolladores para su implementación.

Prototipado de aplicaciones móviles para la comunidad diabética: lo que se lleva

Cyrus y los chicos de Mangoman necesitaban una herramienta de creación de prototipos con amplias funciones de trabajo en equipo, un flujo de trabajo fluido de wireframe a prototipo y, lo más importante, la capacidad de trabajar con datos reales. Justinmind cumplía todos los requisitos. Descárgate ahora nuestra herramienta y descubre lo que puede hacer por ti y tu equipo.