{"id":125111,"date":"2016-02-05T17:10:30","date_gmt":"2016-02-05T16:10:30","guid":{"rendered":"https:\/\/www.justinmind.com\/blog\/content-pillars\/prototype-meet-skateboard-a-boosted-boards-case-study\/"},"modified":"2025-02-02T22:58:52","modified_gmt":"2025-02-02T21:58:52","slug":"prototype-meet-skateboard-a-boosted-boards-case-study","status":"publish","type":"tc_content_pillar","link":"https:\/\/www.justinmind.com\/fr\/clients\/skateboard-boosted","title":{"rendered":"Le prototype rencontre le skateboard : une \u00e9tude de cas de Boosted Boards"},"content":{"rendered":"

Le prototypage interactif avec Justinmind dynamise le processus de design UX de l’entreprise de skateboard \u00e9lectrique, Boosted Boards.<\/h2>\n

Nous avons r\u00e9cemment rencontr\u00e9 le g\u00e9nial Emilio Gonzalez<\/a>, Senior UX Designer de Boosted Board<\/a>, qui a utilis\u00e9 Justinmind pour concevoir l’application mobile iOS de l’entreprise. Boosted Boards con\u00e7oit des skateboards \u00e9lectriques \u00e0 Mountain View, dans le nord de la Californie, dans la baie de San Francisco. Emilio a travaill\u00e9 sur l’application Boosted pour iOS, en se concentrant sur la connexion de leurs skateboards \u00e9lectriques avec d’autres appareils. L’appli fait partie de la campagne marketing de l’entreprise con\u00e7ue pour encourager l’utilisation de la planche comme mode de vie pour un large \u00e9ventail de profils d’utilisateurs. Justinmind a \u00e9t\u00e9 le principal outil de prototypage d’Emilio pendant le processus de design de l’application. Voyons comment il s’est d\u00e9brouill\u00e9 avec Justinmind : <\/p>\n

Le flux de travail UX chez Boosted Boards<\/h2>\n

Lorsqu’Emilio a commenc\u00e9 \u00e0 travailler chez Boosted Boards, son processus de design commen\u00e7ait par un sketch des caract\u00e9ristiques de la planche sur papier, puis il les construisait avec Photoshop ou Illustrator, ajoutait des animations avec Adobe Edge, et les pr\u00e9sentait ensuite \u00e0 l’\u00e9quipe dans un Google Doc. Emilio a constat\u00e9 que certains des programmes qu’il utilisait n’\u00e9taient pas con\u00e7us pour l’interaction multi-\u00e9crans et qu’il avait du mal \u00e0 encha\u00eener les \u00e9crans. C’est alors qu’il a d\u00e9couvert Justinmind. \u00ab\u00a0J’adore le fait de pouvoir passer directement \u00e0 Justinmind \u00e0 partir d’un document papier\u00a0\u00bb, explique Emilio. Il poursuit en expliquant qu’il accorde une grande importance \u00e0 la facilit\u00e9 d’utilisation dans son travail et que la possibilit\u00e9 de glisser-d\u00e9poser et de wireframe en quelques clics est id\u00e9ale. Un prototypage tr\u00e8s rapide et tr\u00e8s facile : Emilio trouve que les outils UI int\u00e9gr\u00e9s de Justinmind sont vraiment pratiques, aussi bien pour \u00e9laborer des designs simples que des designs plus complexes. Justinmind offre un flux de travail transparent. Beaucoup d’applications se consid\u00e8rent comme des outils puissants, mais au bout du compte, le concepteur doit passer le plus clair de son temps \u00e0 se familiariser avec l’outil et \u00e0 adapter son processus \u00e0 celui de l’outil. Avec Justinmind, Emilio est en mesure d’assembler des \u00e9l\u00e9ments en utilisant simplement des widgets internes, sans avoir besoin d’utiliser ses propres images. <\/p>\n

\u00ab\u00a0Il est facile d’introduire des choses dans l’outil Justinmind, ainsi que d’en sortir\u00a0\u00bb.<\/p><\/blockquote>\n

\"Skateboard-Boosted-Boards-skate\"<\/a><\/p>\n

Patinez et cr\u00e9ez avec le prototypage de Justinmind<\/h2>\n

Emilio nous dit que ce qu’il pr\u00e9f\u00e8re dans Justinmind, c’est qu’il s’agit d’un outil de bureau qui fonctionne vraiment. \u00ab\u00a0Il s’int\u00e8gre \u00e0 mon environnement cr\u00e9atif habituel\u00a0\u00bb, dit-il, \u00ab\u00a0et c’est certainement l’un des facteurs les plus importants pour moi lorsque je choisis un outil de design\u00a0\u00bb. Beaucoup de gens mettent des choses en ligne parce qu’elles sont plus faciles \u00e0 d\u00e9velopper de cette mani\u00e8re, mais ce n’est pas toujours une bonne chose pour les utilisateurs. Pour Emilio, l’une des meilleures choses qu’il ait apprises \u00e0 maintes reprises est de regarder votre design \u00e0 l’\u00e9cran, dans son contexte. Justinmind a \u00e9t\u00e9 con\u00e7u par des designers pour des designers. Il vous permet de simuler vos prototypes dans un navigateur web \u00e0 n’importe quel stade du processus. <\/p>\n

\u00ab\u00a0Combler le foss\u00e9 entre mes wireframes plus simples et mes prototypes interactifs. J’ai choisi Justinmind parce qu’il offre un \u00e9quilibre et qu’il r\u00e9pond parfaitement \u00e0 mes besoins en mati\u00e8re de prototypage.<\/p><\/blockquote>\n

\u00a0\u00bb
\nPour Emilio, le syst\u00e8me d’\u00e9v\u00e9nements et les animations<\/a> sont un excellent moyen d’enrichir ses prototypes. Ils comblent le foss\u00e9 entre les logiciels de prototypage faciles \u00e0 utiliser et les logiciels plus complexes. Il a pu inclure des interactions<\/a> sous forme de chronologie et les a trouv\u00e9es tr\u00e8s simples en termes d’utilisation : \u00ab\u00a0Ils sont faciles \u00e0 suivre et il est donc facile d’assembler les choses. Justinmind vous permet \u00e9galement de prendre des prototypes existants, de les personnaliser et de les compl\u00e9ter, en cr\u00e9ant des \u00e9crans suppl\u00e9mentaires<\/a>, et pour Emilio, c’\u00e9tait vraiment un plus, car il avait eu du mal avec cet aspect dans les outils pr\u00e9c\u00e9dents. La structure des \u00e9crans de<\/strong> la plateforme Justinmind signifie que vous pouvez faire beaucoup en termes de prototypage haute fid\u00e9lit\u00e9 sans avoir \u00e0 retravailler, puis passer \u00e0 d’autres \u00e9crans facilement. En outre, souligne-t-il, les d\u00e9filements sont g\u00e9niaux : \u00ab\u00a0Vous pouvez ajouter un d\u00e9filement \u00e0 l’ensemble de la page et l’\u00e9l\u00e9ment parallaxe vous permet de modifier la vitesse de d\u00e9filement<\/a>, ce que j’adore ! En outre, les ma\u00eetres de donn\u00e9es de<\/a> Justinmind aident Emilio \u00e0 construire des listes et des rang\u00e9es d’informations et de donn\u00e9es, et les exemples et tutoriels de Justinmind l’ont aid\u00e9 \u00e0 se familiariser avec les fonctionnalit\u00e9s. <\/p>\n

\"Skateboard-Boosted-Boards\"<\/a><\/p>\n

\n
\n

T\u00e9l\u00e9chargez Justinmind d\u00e8s aujourd’hui pour rendre votre processus de design UX infaillible.<\/span><\/h2>\n

T\u00e9l\u00e9charger gratuitement<\/a><\/p>\n

\n<\/div>\n

Fonctionnalit\u00e9s de prototypage de Justinmind pour le travail en \u00e9quipe et le retour d’information<\/h2>\n

\u00ab\u00a0Les fonctionnalit\u00e9s de prototypage sont incroyables, et l’outil de commentaires est juste la cerise sur le g\u00e2teau<\/p><\/blockquote>\n

.\u00a0\u00bb
\nBoosted Boards a utilis\u00e9 Justinmind pour effectuer des B\u00eata-tests et solliciter des commentaires<\/a>. Emilio explique que son \u00e9quipe a pu utiliser les outils facilement, d\u00e8s le d\u00e9but : \u00ab\u00a0Ce qui est amusant, c’est que je n’ai jamais eu \u00e0 parler aux gens de la fonction de retour d’information, ils l’ont trouv\u00e9e et ont commenc\u00e9 \u00e0 l’utiliser\u00a0\u00bb. Tout le monde est toujours occup\u00e9. Lorsque nous envoyons un courriel \u00e0 notre \u00e9quipe pour obtenir des commentaires sur un design, ils ne r\u00e9pondent pas toujours parce qu’ils ont tellement de choses \u00e0 faire. Mais avec Justinmind, ils peuvent laisser leurs commentaires directement dans le prototype – c’est tellement simple. Pour obtenir des commentaires, Emilio montre \u00e0 son \u00e9quipe le prototype sur un appareil mobile, puis utilise les options de partage<\/a> pour l’envoyer par courriel au PDG, aux responsables du marketing et aux parties prenantes. \u00ab\u00a0C’est tellement plus simple que d’avoir \u00e0 g\u00e9rer un serveur web ! Gr\u00e2ce aux fonctionnalit\u00e9s de feedback de Justinmind, les gens peuvent cliquer sur des \u00e9l\u00e9ments, les lire et r\u00e9ellement faire leurs commentaires. Cela permet de gagner beaucoup de temps<\/strong>, car les coll\u00e8gues peuvent donner leur avis confortablement, sur leur temps libre. Ils ne vont pas le repousser \u00e0 l’arri\u00e8re de la pile des choses \u00e0 faire, avec tous les courriels qu’ils doivent r\u00e9diger. \u00ab\u00a0J’aime beaucoup le syst\u00e8me de commentaires<\/a>! r\u00e9v\u00e8le Emilio. \u00ab\u00a0Parfois, nous avons des r\u00e9unions et nous examinons un prototype ensemble, mais il arrive aussi que des personnes soient \u00e0 l’\u00e9tranger, alors le fait de pouvoir regarder, commenter et apporter des modifications au m\u00eame prototype \u00e0 distance<\/strong> est tout simplement g\u00e9nial. Et finalement, nous devrons envoyer l’application \u00e0 des testeurs externes et demander l’avis des patineurs du monde entier gr\u00e2ce au lien public et aux options de r\u00e9vision.<\/a>Cela a vraiment un impact sur la qualit\u00e9 du retour d’information. <\/p>\n

Une nouvelle patine de l’esprit : am\u00e9liorer le flux de travail de l’UX<\/h2>\n

Justinmind vous aide \u00e0 construire des prototypes sans compromis. Pour les clients,<\/a> cela signifie qu’ils n’ont pas \u00e0 r\u00e9fl\u00e9chir \u00e0 l’outil qu’ils veulent utiliser : ils peuvent simplement s’asseoir \u00e0 Justinmind et construire comme ils le souhaitent \u00e0 ce moment pr\u00e9cis. L’outil est suffisamment puissant pour qu’ils puissent cr\u00e9er des designs complexes avec des variables et faire circuler les \u00e9l\u00e9ments, ou faire un wireframe rapide, puis l’exporter sous forme d’image<\/a>. Emilio n’a pas besoin de r\u00e9fl\u00e9chir \u00e0 ce qu’il veut obtenir du prototype fini en fonction de la compatibilit\u00e9 de l’outil qu’il utilise. Avec Justinmind, il peut compter sur le fait qu’il sera en mesure d’accomplir ce qu’il veut avec Justinmind. <\/p>\n

\u00ab\u00a0Justinmind ne vous punit pas pour avoir voulu faire les choses simplement, mais il reste tr\u00e8s puissant. Il est aussi simple ou complexe que vous le souhaitez.\u00a0\u00bb <\/p><\/blockquote>\n

\"Skateboard-Boosted-Boards-app\"<\/a><\/p>\n

Continuez \u00e0 rouler : la prochaine \u00e9tape avec le prototypage de Justinmind<\/h2>\n

Quelle est la prochaine \u00e9tape pour Emilio et Justinmind ? Eh bien, il va essayer notre int\u00e9gration avec Illustrator<\/a>. Son travail n\u00e9cessite l’utilisation d’Adobe, donc le fait de pouvoir copier et coller, glisser et d\u00e9poser des images et des points chauds d’Illustrator, puis de les modifier dans l’\u00e9diteur, ainsi que de remplir des kits d’interface utilisateur personnalis\u00e9s, tels que les widgets d’interface utilisateur d’iOS, devrait lui faciliter grandement la t\u00e2che ! Oh, et la simulation de plusieurs appareils<\/a>! \u00ab\u00a0Il semble que cela va \u00eatre g\u00e9nial avec Justinmind\u00a0\u00bb, nous dit Emilio, \u00ab\u00a0et je veux obtenir ce point\u00a0\u00bb. Et nous disons : \u00ab\u00a0Allez-y ! Et faites-nous savoir comment vous vous sentez avec ces fonctionnalit\u00e9s \ud83d\ude42 Pour ceux qui souhaitent en savoir plus sur l’application mobile iOS de Booster Board, vous pouvez trouver plus d’informations ici<\/a>. Les fonctionnalit\u00e9s sont les suivantes : <\/p>\n