\u00abSiendo estudiante de \u00faltimo curso de Ingenier\u00eda Mec\u00e1nica en la Universidad de Stanford, mi vida estaba consumida por las matem\u00e1ticas, la f\u00edsica, el taller mec\u00e1nico y mucha cerveza. No entend\u00eda qu\u00e9 hab\u00eda hecho mal. Y lo que es m\u00e1s importante, s\u00f3lo quer\u00eda ser normal\u00bb. <\/span>dice Cyrus.<\/span><\/p>\n Poco a poco, Cyrus consigui\u00f3 controlar su propia enfermedad mediante la dieta y el ejercicio. Y cuanto m\u00e1s lo hac\u00eda, m\u00e1s se daba cuenta de que no hab\u00eda suficiente soporte para los diab\u00e9ticos que quer\u00edan cambiar su estilo de vida para mejor. <\/span><\/p>\n As\u00ed que en 2014 cre\u00f3 <\/span>Mangoman Nutrici\u00f3n y Fitness<\/span><\/a>una empresa para que las personas que padecen diabetes puedan controlar, e incluso revertir, la enfermedad mediante la dieta.<\/span><\/p>\n Cyrus vio r\u00e1pidamente que sus servicios estaban muy solicitados. Sin embargo, sent\u00eda que no llegaba a toda la comunidad diab\u00e9tica de la Bah\u00eda. As\u00ed que decidi\u00f3 llevar a Mangoman al siguiente nivel con una aplicaci\u00f3n m\u00f3vil para el control de la diabetes. <\/p>\n El objetivo era dise\u00f1ar una aplicaci\u00f3n m\u00f3vil que facilitara a los diab\u00e9ticos registrar toda su informaci\u00f3n personal en un formato sencillo, y luego aprender de ella. La aplicaci\u00f3n m\u00f3vil de Mangoman pretende aprovechar el poder de los big data para que los usuarios puedan aprender no s\u00f3lo de sus propios datos, sino tambi\u00e9n de los de los dem\u00e1s. \u00a1Bastante ambicioso! <\/span><\/p>\n Descargar gratis<\/a><\/p>\n Los chicos de Mangoman se lanzaron a la b\u00fasqueda de una herramienta de wireframing y prototipado que les permitiera crear prototipos con datos reales de usuarios, iterar con rapidez y colaborar continuamente. Ah\u00ed es donde entr\u00f3 Justinmind. <\/span><\/p>\n \u00abEn t\u00e9rminos de usabilidad y funcionalidad, comparado con otras herramientas, Justinmind supone 1\/100 de la inversi\u00f3n de tiempo para obtener algo \u00fatil a cambio. Por eso creo que es divertido utilizarlo\u00bb.<\/p><\/blockquote>\n Cyrus sab\u00eda que la aplicaci\u00f3n m\u00f3vil para la diabetes que hab\u00eda dise\u00f1ado tendr\u00eda que encajar con la visi\u00f3n m\u00e1s amplia de Mangoman: comercializar un programa de nutrici\u00f3n y fitness para personas \u00abque quieren hacer cambios significativos en su dieta general y en su r\u00e9gimen de fitness\u00bb. <\/span><\/p>\n Eso significaba que el dise\u00f1o de su aplicaci\u00f3n m\u00f3vil ten\u00eda que ser intuitivo y f\u00e1cil de usar, no s\u00f3lo para los genios de la tecnolog\u00eda de la zona de la bah\u00eda, sino para cualquier persona que tuviera diabetes. Necesit\u00f3 la ayuda de su equipo Mangoman para dar vida a la aplicaci\u00f3n m\u00f3vil sanitaria m\u00e1s f\u00e1cil de usar posible. <\/span><\/p>\n Lee nuestra gu\u00eda de<\/a> 6 pasos para crear el prototipo de una aplicaci\u00f3n m\u00f3vil<\/a> <\/span><\/em><\/p>\n Al igual que muchos proyectos de wireframes para m\u00f3viles impulsados por equipos, el primer reto para Cyrus fue conseguir que los distintos compa\u00f1eros estuvieran de acuerdo en el dise\u00f1o y la funcionalidad del <\/span>dise\u00f1o de la UI m\u00f3vil. Wireframear un concepto en colaboraci\u00f3n es un paso crucial para crear un dise\u00f1o de UI m\u00f3vil s\u00f3lido para los clientes finales<\/a>. Cyrus y su equipo aprovecharon al m\u00e1ximo las funciones de colaboraci\u00f3n 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\u00e1neamente. Nuestra funci\u00f3n de Trabajo en Equipo significa que todo lo que tienes que hacer es Confirmar tus cambios cuando hayas terminado y las iteraciones estar\u00e1n ah\u00ed para que todos las vean. Y aunque la colaboraci\u00f3n est\u00e1 muy bien, a veces puede que necesites asegurarte de que eres la \u00fanica 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\u00ed que Justinmind les result\u00f3 muy \u00fatil. La posibilidad de editar cualquier pantalla, cualquier animaci\u00f3n, cualquier conjunto de datos individualmente en cualquier momento, signific\u00f3 que, a pesar de que hab\u00eda cuatro personas trabajando en el wireframe de Mangoman, Justinmind hizo que la conceptualizaci\u00f3n del concepto de la aplicaci\u00f3n fuera m\u00e1s f\u00e1cil y r\u00e1pida. Hay muchas m\u00e1s funciones de creaci\u00f3n de prototipos en equipo con Justinmind. Echa un vistazo a c\u00f3mo crear prototipos en equipo<\/a> aqu\u00ed. <\/p>\n Una vez que tuvieron en sus manos el primer borrador de su wireframe m\u00f3vil, el equipo de Mangoman se dio cuenta de que su objetivo inicial no era realista. Era demasiado complicado y habr\u00eda imposibilitado la creaci\u00f3n de una aplicaci\u00f3n sanitaria utilizable. <\/span><\/p>\n Por suerte, encontrar este tipo de problemas en la fase de wireframe es algo bueno. En lugar de seguir con la aplicaci\u00f3n m\u00f3vil excesivamente complicada, Cyrus y sus colegas iteraron y dividieron la idea inicial en dos. La idea original se convirti\u00f3 en dos aplicaciones m\u00f3viles f\u00e1ciles de usar que \u00abse construyeron en una serie de pasos l\u00f3gicos\u00bb y se adaptar\u00edan mejor a los distintos usuarios finales. El hecho de que fueran capaces de iterar con una reelaboraci\u00f3n m\u00ednima les hizo darse cuenta definitivamente de que era el siguiente paso adelante, en lugar de un retroceso. El wireframing con Justinmind permiti\u00f3 al equipo crear una aplicaci\u00f3n muy funcional y f\u00e1cil de usar, y ampliarla a partir de ah\u00ed. <\/p>\n Todo el equipo de Mangoman pudo comunicarse claramente durante el proceso. Adem\u00e1s, Cyrus pudo controlar todos los detalles del dise\u00f1o de UI, por peque\u00f1os que fueran, y verlos funcionar en tiempo real directamente desde el dispositivo m\u00f3vil. <\/span><\/p>\n \u00abSoy un tipo detallista, me gusta asegurarme de que todo est\u00e1 perfecto\u00bb<\/span><\/p><\/blockquote>\n Descargar gratis<\/a><\/p>\n Una vez acordados los wireframes, el equipo de Mangoman quiso pasar a un prototipo de aplicaci\u00f3n m\u00f3vil de alta fidelidad<\/strong>. \u00abNecesit\u00e1bamos algo que efectivamente se pareciera exactamente a la aplicaci\u00f3n real\u00bb, dice Cyrus, con tantos detalles como fuera posible y <\/span>f\u00e1cil de probar en el dispositivo<\/span><\/a>. And of course, they wanted to use real user data. <\/span><\/p>\n Despu\u00e9s de que Cyrus y su equipo empezaran con su primer wireframe de la aplicaci\u00f3n en Justinmind, y se dieran cuenta de lo r\u00e1pido que pod\u00edan convertirlo en un prototipo de alta fidelidad en el que pod\u00edan importar y simular sus propios datos, quedaron convencidos.<\/span><\/p>\n Sigue esta gu\u00eda de wireframe a prototipo<\/a> para que tu proceso de creaci\u00f3n de prototipos sea lo m\u00e1s limpio posible.<\/p>\n Una vez que el proyecto de dise\u00f1o de la aplicaci\u00f3n de Cyrus pas\u00f3 a la fase interactiva, pudo empezar con la creaci\u00f3n de prototipos basados en datos<\/strong>. Esta ser\u00eda la clave para servir a la comunidad diab\u00e9tica con informaci\u00f3n original y personalizada cuando y donde la necesitaran. <\/span><\/p>\n Las funciones de creaci\u00f3n de prototipos basados en datos de Justinmind permiten a cualquiera crear r\u00e1pidamente interfaces de usuario personalizadas e interactivas. Recopila datos reales de personas reales, imp\u00f3rtalos en tu prototipo m\u00f3vil y visual\u00edzalos en listas de datos, cuadr\u00edculas de datos, gr\u00e1ficos o men\u00fas. Todo puede simularse como en la realidad. Incluso puedes a\u00f1adir condiciones y variables complejas para que los datos interact\u00faen. <\/span><\/p>\n Adem\u00e1s, puedes personalizar tus datos en prototipos de aplicaciones Justinmind y hacer que se puedan buscar.<\/span><\/p>\nPor qu\u00e9 Mangoman necesitaba dise\u00f1ar una aplicaci\u00f3n sanitaria<\/h3>\n
\nDise\u00f1a hoy mismo una aplicaci\u00f3n m\u00f3vil con Justinmind, gratis<\/span><\/h2>\n
\n<\/div>\nUna herramienta de creaci\u00f3n de prototipos para aplicaciones m\u00f3viles basada en datos y f\u00e1cil de usar en equipo<\/h3>\n
![\"Prototipado](\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2015\/07\/collaborative-prototyping-enhance-design-process.png\" "\\"Prototipado")
<\/p>\nUna herramienta de creaci\u00f3n de prototipos de aplicaciones que fomenta la colaboraci\u00f3n en equipo <\/b><\/h3>\n
\n<\/a> ![\"Wireframes](\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2015\/07\/app-design-with-high-fidelity-wireframes.png\" "\\"Wireframes")
<\/p>\nC\u00f3mo el prototipado detecta fallos de UI y UX antes de pasar al c\u00f3digo<\/b><\/h3>\n
\nPrototipos web y de aplicaciones siempre perfectos<\/span><\/h2>\n
\n<\/div>\nPasar de una aplicaci\u00f3n m\u00f3vil wireframe a un prototipo interactivo<\/h3>\n
Prototipar una aplicaci\u00f3n m\u00f3vil con datos reales<\/h3>\n
Mejor dise\u00f1o de la UI de la aplicaci\u00f3n m\u00f3vil con wireframes de alta fidelidad<\/b><\/h3>\n
![\"Descargar](\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2017\/01\/Download_free.png\")
<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"