Comment Justinmind aide à prototyper des applications mobiles pour la communauté des diabétiques.

Le design d’un prototype d’application mobile de santé pour les diabétiques a été une synchronicité pour Mangoman avec Justinmind.

Il y a 11 ans, Cyrus Khambatta a été diagnostiqué diabétique de type 1. Du jour au lendemain, il est passé du statut de jeune homme de 22 ans obsédé par le sport à celui de personne devant se préoccuper d’injections d’insuline et de régimes alimentaires inconnus.

« En terminale à l’université de Stanford, où j’étudiais l’ingénierie mécanique, ma vie se résumait aux mathématiques, à la physique, à l’atelier d’usinage et à beaucoup de bière. Je ne comprenais pas ce que j’avais fait de mal. Plus important encore, je voulais juste être normal », explique Cyrus. explique Cyrus.

Peu à peu, Cyrus a appris à gérer sa propre maladie en suivant un régime alimentaire et en faisant de l’exercice. Et plus il y parvenait, plus il se rendait compte qu’il n’y avait pas assez d’aide pour les diabétiques qui voulaient changer leur mode de vie pour le mieux.

En 2014, il a donc créé Mangoman Nutrition et Fitnessune entreprise qui permet aux personnes souffrant de diabète de contrôler, voire d’inverser, la maladie par le biais de l’alimentation.

Pourquoi Mangoman avait besoin de concevoir une appli de santé.

Cyrus a rapidement constaté que ses services étaient très demandés. Cependant, il avait l’impression de ne pas toucher toute la communauté diabétique de la baie. Il a donc décidé de faire passer Mangoman à la vitesse supérieure en créant une application mobile de gestion du diabète.

L’objectif était de concevoir une application mobile permettant aux diabétiques d’enregistrer toutes leurs informations personnelles dans un format simple, puis d’en tirer des enseignements. L’application mobile de Mangoman cherche à exploiter la puissance du big data pour que les utilisateurs puissent apprendre non seulement à partir de leurs propres données, mais aussi de celles des autres. Plutôt ambitieux !

Un outil de prototypage d’applications mobiles axé sur les données et convivial pour les équipes

Les gars de Mangoman se sont mis en quête d’un outil de wireframing et de prototypage qui leur permettrait de réaliser des prototypes à partir de données utilisateur réelles, d’effectuer des itérations rapides et de collaborer en permanence. C’est là que Justinmind est entré en jeu.

« En termes de convivialité et de fonctionnalité, par rapport à d’autres outils, Justinmind représente 1/100 de l’investissement en temps pour obtenir quelque chose d’utile en retour. C’est pourquoi je pense qu’il est agréable à utiliser. »

Cyrus savait que l’application mobile pour le diabète qu’il avait conçue devait s’accorder avec la vision plus large de Mangoman : commercialiser un programme de nutrition et de remise en forme pour les personnes « cherchant à apporter des changements significatifs à leur régime alimentaire global et à leur régime de remise en forme ».

Cela signifiait que le design de son application mobile devait être intuitif et utilisable non seulement pour les as de la technologie de la Bay Area, mais aussi pour toute personne confrontée au diabète. Il a eu besoin de l’aide de son équipe Mangoman pour créer l’application mobile de santé la plus conviviale possible.

Lisez notre guide en 6 étapes sur le prototypage d’une application mobile

Un outil de prototypage d’applications qui stimule la collaboration au sein de l’équipe

Comme pour de nombreux projets de wireframe mobile menés en équipe, le premier défi pour Cyrus a été de mettre les différents collègues d’accord sur le design et les fonctionnalités de l’UI mobile. Le wireframing d’un concept en collaboration est une étape cruciale vers la création d’un design d’UI mobile solide pour les clients finaux. Cyrus et son équipe ont pleinement tiré parti des fonctions de collaboration de Justinmind, même au stade du wireframing. Les capacités de travail en équipe de l’outil signifient que les prototypes peuvent être travaillés collectivement, même à partir de bureaux séparés. Les membres de l’équipe peuvent ouvrir, modifier et itérer simultanément sur les mêmes wireframes et prototypes. Grâce à notre fonctionnalité de travail en équipe, il vous suffit d’enregistrer vos modifications lorsque vous avez terminé pour que les itérations soient visibles par tous. Et bien que la collaboration soit une bonne chose, il peut arriver que vous ayez besoin de vous assurer que vous êtes la seule personne à travailler sur un prototype d’UI. Pas de problème : il suffit de verrouiller les éléments dont vous avez besoin (écrans, modèles, masters, etc.) du prototype d’application ou de site web pour éviter les conflits d’itération. Déverrouillez les éléments lorsque vous avez terminé pour que votre équipe puisse continuer à travailler. L’équipe de Cyrus ne suit pas vraiment un processus linéaire, c’est pourquoi Justinmind s’est avéré très pratique pour eux. La possibilité d’éditer n’importe quel écran, n’importe quelle animation, n’importe quel ensemble de données individuellement et à tout moment, signifie que, malgré le fait que quatre personnes travaillaient sur le wireframe de Mangoman, Justinmind a rendu la conceptualisation de l’application plus facile et plus rapide. Il existe des tonnes d’autres fonctionnalités de prototypage en équipe de Justinmind. Découvrez comment prototyper en équipe ici.

Comment le prototypage permet d’attraper les pépins de l’UI et de l’UX avant de passer au code.

Une fois la première ébauche de leur wireframe mobile en main, l’équipe de Mangoman a réalisé que leur objectif initial n’était pas réaliste. Il était trop compliqué et aurait rendu impossible la création d’une application de soins de santé utilisable.

Heureusement, trouver ce genre de problèmes au stade du wireframe est en fait une bonne chose. Au lieu de poursuivre avec une application mobile trop compliquée, Cyrus et ses collègues ont procédé par itération et ont divisé l’idée initiale en deux. L’idée initiale s’est transformée en deux applications mobiles simples à utiliser qui « ont été construites en une série d’étapes logiques » et qui conviendraient mieux à différents utilisateurs finaux. Le fait qu’ils aient été capables d’itérer avec un minimum de travail leur a permis de réaliser qu’il s’agissait d’une nouvelle étape, et non d’un échec. Le wireframing avec Justinmind a permis à l’équipe de construire une application très fonctionnelle et très simple à utiliser, et de la développer à partir de là.

Toute l’équipe de Mangoman a pu communiquer clairement pendant le processus. De plus, Cyrus a pu contrôler tous les détails du design de l’UI, aussi petits soient-ils, et les voir fonctionner en temps réel directement depuis l’appareil mobile.

« Je suis un homme de détails, j’aime m’assurer que tout est parfait.

Passer d’une application mobile wireframe à un prototype interactif.

Une fois qu’ils se sont mis d’accord sur les wireframes, l’équipe de Mangoman a voulu passer à un prototype d’application mobile haute fidélité. « Nous avions besoin d’un produit qui ressemble exactement à l’application réelle », explique Cyrus, avec autant de détails que possible et une grande précision. facilement testé sur l’appareil. And of course, they wanted to use real user data.

Lorsque Cyrus et son équipe ont commencé à créer leur premier wireframe d’application dans Justinmind et qu’ils se sont rendu compte de la rapidité avec laquelle ils pouvaient le transformer en un prototype haute fidélité dans lequel ils pouvaient importer et simuler leurs propres données, ils ont été convaincus.

Suivez ce guide du wireframe au prototype pour rendre votre processus de prototypage aussi propre que possible.

Prototypage d’une application mobile avec des données réelles

Une fois que le projet de design d’application de Cyrus est passé au stade interactif, il a pu commencer le prototypage axé sur les données. C’est ainsi qu’il pourra fournir à la communauté des diabétiques des informations originales et personnalisées, à tout moment et en tout lieu.

Les fonctionnalités de prototypage axées sur les données de Justinmind permettent à quiconque de créer rapidement des interfaces utilisateur personnalisées et interactives. Recueillez des données réelles auprès de personnes réelles, importez-les dans votre prototype mobile et visualisez-les dans des listes de données, des grilles de données, des graphiques ou des menus. Tout peut être simulé comme dans la réalité. Vous pouvez même ajouter des conditions et des variables complexes pour que les données interagissent.

En plus de cela, vous pouvez personnaliser vos données dans les prototypes d’applis Justinmind et les rendre consultables.

Meilleur design de l’UI de l’application mobile avec des wireframes de haute fidélité.

Des interactions riches a donné à Mangoman beaucoup plus de liberté de design pour créer le contenu dynamique qui a donné à l’application l’impression d’être un véritable produit fini.

Par rapport aux fonctionnalités limitées d’autres outils de wireframing, Justinmind leur a permis de détailler les animations entre les écrans, d’animer dans plusieurs directions, de jouer avec les gestes et de personnaliser les éléments atomiques pour des designs au pixel près à chaque fois.

Le fait de pouvoir visualiser le design de l’application mobile a permis à l’équipe de comprendre et de conceptualiser l’expérience utilisateur prévue. La conception visuelle a également amélioré la communication et l’itération au sein de l’équipe, de sorte qu’en fin de compte, le wireframe haute fidélité a aidé et simulé la technologie puissante derrière la conception de l’application de soins de santé.

« L’outil est suffisamment simple à utiliser pour ne pas ralentir mon processus de travail, mais l’accélérer, ce qui est important.

Bientôt, l’équipe sera prête à tester le design final de l’UI avec de vrais utilisateurs et à valider les wireframes mobiles afin qu’ils puissent être transmis aux développeurs pour la mise en œuvre.

Prototypage d’applications mobiles pour la communauté des diabétiques – ce qu’il faut retenir

Cyrus et les gars de Mangoman avaient besoin d’un outil de prototypage doté de fonctions de travail en équipe étendues, d’un flux de travail fluide du wireframe au prototype et, surtout, de la possibilité de travailler avec des données réelles. Justinmind répondait à tous ces critères. Téléchargez notre outil dès maintenant et voyez ce qu’il peut faire pour vous et votre équipe !