\u00ab\u00a0En terminale \u00e0 l’universit\u00e9 de Stanford, o\u00f9 j’\u00e9tudiais l’ing\u00e9nierie m\u00e9canique, ma vie se r\u00e9sumait aux math\u00e9matiques, \u00e0 la physique, \u00e0 l’atelier d’usinage et \u00e0 beaucoup de bi\u00e8re. Je ne comprenais pas ce que j’avais fait de mal. Plus important encore, je voulais juste \u00eatre normal\u00a0\u00bb, explique Cyrus. <\/span>explique Cyrus.<\/span><\/p>\n Peu \u00e0 peu, Cyrus a appris \u00e0 g\u00e9rer sa propre maladie en suivant un r\u00e9gime 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\u00e9tiques qui voulaient changer leur mode de vie pour le mieux. <\/span><\/p>\n En 2014, il a donc cr\u00e9\u00e9 <\/span>Mangoman Nutrition et Fitness<\/span><\/a>une entreprise qui permet aux personnes souffrant de diab\u00e8te de contr\u00f4ler, voire d’inverser, la maladie par le biais de l’alimentation.<\/span><\/p>\n Cyrus a rapidement constat\u00e9 que ses services \u00e9taient tr\u00e8s demand\u00e9s. Cependant, il avait l’impression de ne pas toucher toute la communaut\u00e9 diab\u00e9tique de la baie. Il a donc d\u00e9cid\u00e9 de faire passer Mangoman \u00e0 la vitesse sup\u00e9rieure en cr\u00e9ant une application mobile de gestion du diab\u00e8te. <\/p>\n L’objectif \u00e9tait de concevoir une application mobile permettant aux diab\u00e9tiques d’enregistrer toutes leurs informations personnelles dans un format simple, puis d’en tirer des enseignements. L’application mobile de Mangoman cherche \u00e0 exploiter la puissance du big data pour que les utilisateurs puissent apprendre non seulement \u00e0 partir de leurs propres donn\u00e9es, mais aussi de celles des autres. Plut\u00f4t ambitieux ! <\/span><\/p>\n T\u00e9l\u00e9charger gratuitement<\/a><\/p>\n Les gars de Mangoman se sont mis en qu\u00eate d’un outil de wireframing et de prototypage qui leur permettrait de r\u00e9aliser des prototypes \u00e0 partir de donn\u00e9es utilisateur r\u00e9elles, d’effectuer des it\u00e9rations rapides et de collaborer en permanence. C’est l\u00e0 que Justinmind est entr\u00e9 en jeu. <\/span><\/p>\n \u00ab\u00a0En termes de convivialit\u00e9 et de fonctionnalit\u00e9, par rapport \u00e0 d’autres outils, Justinmind repr\u00e9sente 1\/100 de l’investissement en temps pour obtenir quelque chose d’utile en retour. C’est pourquoi je pense qu’il est agr\u00e9able \u00e0 utiliser.\u00a0\u00bb<\/p><\/blockquote>\n Cyrus savait que l’application mobile pour le diab\u00e8te qu’il avait con\u00e7ue devait s’accorder avec la vision plus large de Mangoman : commercialiser un programme de nutrition et de remise en forme pour les personnes \u00ab\u00a0cherchant \u00e0 apporter des changements significatifs \u00e0 leur r\u00e9gime alimentaire global et \u00e0 leur r\u00e9gime de remise en forme\u00a0\u00bb. <\/span><\/p>\n Cela signifiait que le design de son application mobile devait \u00eatre intuitif et utilisable non seulement pour les as de la technologie de la Bay Area, mais aussi pour toute personne confront\u00e9e au diab\u00e8te. Il a eu besoin de l’aide de son \u00e9quipe Mangoman pour cr\u00e9er l’application mobile de sant\u00e9 la plus conviviale possible. <\/span><\/p>\n Lisez notre guide<\/a> en 6 \u00e9tapes sur le prototypage d’une application mobile<\/a> <\/span><\/em><\/p>\n Comme pour de nombreux projets de wireframe mobile men\u00e9s en \u00e9quipe, le premier d\u00e9fi pour Cyrus a \u00e9t\u00e9 de mettre les diff\u00e9rents coll\u00e8gues d’accord sur le design et les fonctionnalit\u00e9s de l’<\/span>UI mobile. Le wireframing d’un concept en collaboration est une \u00e9tape cruciale vers la cr\u00e9ation d’un design d’UI mobile solide pour les clients<\/a> finaux. Cyrus et son \u00e9quipe ont pleinement tir\u00e9 parti des fonctions de collaboration de Justinmind, m\u00eame au stade du wireframing. Les capacit\u00e9s de travail en \u00e9quipe de l’outil signifient que les prototypes peuvent \u00eatre travaill\u00e9s collectivement, m\u00eame \u00e0 partir de bureaux s\u00e9par\u00e9s. Les membres de l’\u00e9quipe peuvent ouvrir, modifier et it\u00e9rer simultan\u00e9ment sur les m\u00eames wireframes et prototypes. Gr\u00e2ce \u00e0 notre fonctionnalit\u00e9 de travail en \u00e9quipe, il vous suffit d’enregistrer vos modifications lorsque vous avez termin\u00e9 pour que les it\u00e9rations 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 \u00eates la seule personne \u00e0 travailler sur un prototype d’UI. Pas de probl\u00e8me : il suffit de verrouiller les \u00e9l\u00e9ments dont vous avez besoin (\u00e9crans, mod\u00e8les, masters, etc.) du prototype d’application ou de site web pour \u00e9viter les conflits d’it\u00e9ration. D\u00e9verrouillez les \u00e9l\u00e9ments lorsque vous avez termin\u00e9 pour que votre \u00e9quipe puisse continuer \u00e0 travailler. L’\u00e9quipe de Cyrus ne suit pas vraiment un processus lin\u00e9aire, c’est pourquoi Justinmind s’est av\u00e9r\u00e9 tr\u00e8s pratique pour eux. La possibilit\u00e9 d’\u00e9diter n’importe quel \u00e9cran, n’importe quelle animation, n’importe quel ensemble de donn\u00e9es individuellement et \u00e0 tout moment, signifie que, malgr\u00e9 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\u00e9s de prototypage en \u00e9quipe de Justinmind. D\u00e9couvrez comment prototyper en \u00e9quipe<\/a> ici. <\/p>\n Une fois la premi\u00e8re \u00e9bauche de leur wireframe mobile en main, l’\u00e9quipe de Mangoman a r\u00e9alis\u00e9 que leur objectif initial n’\u00e9tait pas r\u00e9aliste. Il \u00e9tait trop compliqu\u00e9 et aurait rendu impossible la cr\u00e9ation d’une application de soins de sant\u00e9 utilisable. <\/span><\/p>\n Heureusement, trouver ce genre de probl\u00e8mes au stade du wireframe est en fait une bonne chose. Au lieu de poursuivre avec une application mobile trop compliqu\u00e9e, Cyrus et ses coll\u00e8gues ont proc\u00e9d\u00e9 par it\u00e9ration et ont divis\u00e9 l’id\u00e9e initiale en deux. L’id\u00e9e initiale s’est transform\u00e9e en deux applications mobiles simples \u00e0 utiliser qui \u00ab\u00a0ont \u00e9t\u00e9 construites en une s\u00e9rie d’\u00e9tapes logiques\u00a0\u00bb et qui conviendraient mieux \u00e0 diff\u00e9rents utilisateurs finaux. Le fait qu’ils aient \u00e9t\u00e9 capables d’it\u00e9rer avec un minimum de travail leur a permis de r\u00e9aliser qu’il s’agissait d’une nouvelle \u00e9tape, et non d’un \u00e9chec. Le wireframing avec Justinmind a permis \u00e0 l’\u00e9quipe de construire une application tr\u00e8s fonctionnelle et tr\u00e8s simple \u00e0 utiliser, et de la d\u00e9velopper \u00e0 partir de l\u00e0. <\/p>\n Toute l’\u00e9quipe de Mangoman a pu communiquer clairement pendant le processus. De plus, Cyrus a pu contr\u00f4ler tous les d\u00e9tails du design de l’UI, aussi petits soient-ils, et les voir fonctionner en temps r\u00e9el directement depuis l’appareil mobile. <\/span><\/p>\n \u00ab\u00a0Je suis un homme de d\u00e9tails, j’aime m’assurer que tout est parfait.<\/span><\/p><\/blockquote>\n T\u00e9l\u00e9charger gratuitement<\/a><\/p>\n Une fois qu’ils se sont mis d’accord sur les wireframes, l’\u00e9quipe de Mangoman a voulu passer \u00e0 un prototype d’application mobile haute fid\u00e9lit\u00e9<\/strong>. \u00ab\u00a0Nous avions besoin d’un produit qui ressemble exactement \u00e0 l’application r\u00e9elle\u00a0\u00bb, explique Cyrus, avec autant de d\u00e9tails que possible et une grande pr\u00e9cision. <\/span>facilement test\u00e9 sur l’appareil<\/span><\/a>. And of course, they wanted to use real user data. <\/span><\/p>\n Lorsque Cyrus et son \u00e9quipe ont commenc\u00e9 \u00e0 cr\u00e9er leur premier wireframe d’application dans Justinmind et qu’ils se sont rendu compte de la rapidit\u00e9 avec laquelle ils pouvaient le transformer en un prototype haute fid\u00e9lit\u00e9 dans lequel ils pouvaient importer et simuler leurs propres donn\u00e9es, ils ont \u00e9t\u00e9 convaincus.<\/span><\/p>\n Suivez ce guide du wireframe au<\/a> prototype pour rendre votre processus de prototypage aussi propre que possible.<\/p>\n Une fois que le projet de design d’application de Cyrus est pass\u00e9 au stade interactif, il a pu commencer le prototypage ax\u00e9 sur les donn\u00e9es<\/strong>. C’est ainsi qu’il pourra fournir \u00e0 la communaut\u00e9 des diab\u00e9tiques des informations originales et personnalis\u00e9es, \u00e0 tout moment et en tout lieu. <\/span><\/p>\n Les fonctionnalit\u00e9s de prototypage ax\u00e9es sur les donn\u00e9es de Justinmind permettent \u00e0 quiconque de cr\u00e9er rapidement des interfaces utilisateur personnalis\u00e9es et interactives. Recueillez des donn\u00e9es r\u00e9elles aupr\u00e8s de personnes r\u00e9elles, importez-les dans votre prototype mobile et visualisez-les dans des listes de donn\u00e9es, des grilles de donn\u00e9es, des graphiques ou des menus. Tout peut \u00eatre simul\u00e9 comme dans la r\u00e9alit\u00e9. Vous pouvez m\u00eame ajouter des conditions et des variables complexes pour que les donn\u00e9es interagissent. <\/span><\/p>\n En plus de cela, vous pouvez personnaliser vos donn\u00e9es dans les prototypes d’applis Justinmind et les rendre consultables.<\/span><\/p>\nPourquoi Mangoman avait besoin de concevoir une appli de sant\u00e9.<\/h3>\n
\nConcevez une application mobile avec Justinmind d\u00e8s aujourd’hui, gratuitement.<\/span><\/h2>\n
\n<\/div>\nUn outil de prototypage d’applications mobiles ax\u00e9 sur les donn\u00e9es et convivial pour les \u00e9quipes<\/h3>\n
![\"Le](\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2015\/07\/collaborative-prototyping-enhance-design-process.png\" "\\"Le")
<\/p>\nUn outil de prototypage d’applications qui stimule la collaboration au sein de l’\u00e9quipe <\/b><\/h3>\n
\n<\/a> ![\"Wireframes](\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2015\/07\/app-design-with-high-fidelity-wireframes.png\" "\\"Wireframes")
<\/p>\nComment le prototypage permet d’attraper les p\u00e9pins de l’UI et de l’UX avant de passer au code.<\/b><\/h3>\n
\nDes prototypes web et d’applications parfaits comme des pixels, \u00e0 chaque fois<\/span><\/h2>\n
\n<\/div>\nPasser d’une application mobile wireframe \u00e0 un prototype interactif.<\/h3>\n
Prototypage d’une application mobile avec des donn\u00e9es r\u00e9elles<\/h3>\n
Meilleur design de l’UI de l’application mobile avec des wireframes de haute fid\u00e9lit\u00e9.<\/b><\/h3>\n
![\"T\u00e9l\u00e9charger](\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2017\/01\/Download_free.png\")
<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"