{"id":125217,"date":"2016-09-20T09:52:58","date_gmt":"2016-09-20T07:52:58","guid":{"rendered":"https:\/\/www.justinmind.com\/blog\/content-pillars\/iterative-design-process-at-tokbox\/"},"modified":"2025-01-30T16:33:06","modified_gmt":"2025-01-30T15:33:06","slug":"iterative-design-process-at-tokbox","status":"publish","type":"tc_content_pillar","link":"https:\/\/www.justinmind.com\/fr\/clients\/tokbox","title":{"rendered":"Prototypage d’applications web et mobiles chez TokBox : le design it\u00e9ratif en action."},"content":{"rendered":"

Le prototypage d’applications web et mobiles chez TokBox a pris de l’ampleur lorsque le designer d’interaction Charles Diggs a trouv\u00e9 l’outil de prototypage ad\u00e9quat.<\/h2>\n

Lorsque Charles Diggs s’est retrouv\u00e9 embourb\u00e9 dans des remaniements qui auraient pu \u00eatre \u00e9vit\u00e9s en raison de modifications apparemment simples de l’interface, il a compris qu’il \u00e9tait temps pour lui et son \u00e9quipe de TokBox de<\/a> trouver un nouvel outil de prototypage. Dans le cadre de son travail de concepteur d’interactions visuelles au sein de la structure de San Francisco, Charles cr\u00e9e des interactions avec les utilisateurs et des syst\u00e8mes visuels pour la plateforme de communication en ligne de TokBox. Mais il s’est senti frustr\u00e9 lorsque ses efforts pour apporter de petites modifications aux \u00e9crans de ses prototypes de sites web et d’applications se sont transform\u00e9s en de longues heures pass\u00e9es \u00e0 redessiner l’\u00e9cran \u00e0 partir de z\u00e9ro. Finalement, il a compris le probl\u00e8me : l’outil de prototypage qu’il utilisait ne comportait pas suffisamment de fonctions dynamiques et ne permettait pas de contr\u00f4ler les moindres d\u00e9tails de ses prototypes d’applications mobiles et de sites web.<\/p>\n

\u00ab\u00a0Mon exp\u00e9rience avec d’autres outils de prototypage n’\u00e9tait pas mauvaise. Le probl\u00e8me pour moi \u00e9tait de devoir retourner dans le programme de design pour faire des corrections, puis de retourner dans l’outil de prototypage.\u00a0\u00bb<\/p><\/blockquote>\n

Outils de prototypage :<\/strong> cr\u00e9er, it\u00e9rer et tester en toute flexibilit\u00e9<\/strong><\/h3>\n

Le prototypage est une partie intrins\u00e8que du flux de travail de design it\u00e9ratif de TokBox. Afin de convertir les id\u00e9es de l’\u00e9quipe en exp\u00e9riences d\u00e9licieuses pour l’utilisateur final, Charles et ses coll\u00e8gues designers int\u00e8grent d\u00e8s le d\u00e9part des outils de prototypage de sites web et d’applications mobiles. En commen\u00e7ant par des clics rapides, ils valident leurs id\u00e9es, puis passent \u00e0 des prototypes haute fid\u00e9lit\u00e9, qui sont ensuite soumis \u00e0 des it\u00e9rations bas\u00e9es sur le retour d’information et les tests. Ce flux de travail it\u00e9ratif et rapide signifiait que Charles avait un besoin urgent d’un outil de prototypage plus efficace qui lui permettrait d’effectuer des it\u00e9rations rapides en temps r\u00e9el, sans avoir \u00e0 repartir de z\u00e9ro lorsqu’il modifiait des \u00e9crans ou des flux. Charles \u00e9tait sur le point de se lancer dans la cr\u00e9ation d’un syst\u00e8me de connexion pour un site web de navigation globale, et il savait donc qu’il devait trouver une solution \u00e0 ses probl\u00e8mes de flux de travail. <\/p>\n

\n
\n

T\u00e9l\u00e9chargez Justinmind d\u00e8s aujourd’hui et r\u00e9solvez vos probl\u00e8mes de flux de travail en mati\u00e8re de design !<\/span><\/h2>\n

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

\n<\/div>\n

Un outil de prototypage qui vous permet de construire, d’it\u00e9rer et d’am\u00e9liorer en deux temps trois mouvements<\/strong><\/h3>\n

C’est alors qu’un coll\u00e8gue lui a sugg\u00e9r\u00e9 d’essayer Justinmind. Apr\u00e8s quelques recherches en ligne, il s’est rendu compte que cet outil pourrait r\u00e9pondre \u00e0 son besoin d’un outil de prototypage dot\u00e9 du type de fonctionnalit\u00e9s permettant de gagner du temps<\/a> et permettant aux designers de traduire des id\u00e9es lumineuses en conceptions tangibles gr\u00e2ce \u00e0 un processus d’it\u00e9ration rapide et de collaboration d’\u00e9quipe. \u00ab\u00a0Un coll\u00e8gue m’a parl\u00e9 de Justinmind. J’avais un projet \u00e0 venir qui n\u00e9cessitait la cr\u00e9ation d’un prototype, alors j’ai regard\u00e9. Il m’a sembl\u00e9 qu’il r\u00e9pondait parfaitement \u00e0 mes besoins. N’importe quel vieil outil de prototypage permettra de faire passer le message aux clients<\/a> si vous y consacrez suffisamment d’heures. Mais ces heures sont souvent pr\u00e9cieuses, et tout le monde sait que la cl\u00e9 d’un prototype web ou d’application r\u00e9ussi est la capacit\u00e9 \u00e0 concevoir rapidement et \u00e0 it\u00e9rer en fonction des tests et des retours des utilisateurs. Charles pensait que Justinmind pouvait l’aider dans cette t\u00e2che, mais il devait encore mettre l’outil de prototypage \u00e0 l’\u00e9preuve. <\/p>\n

\"Processus<\/a><\/p>\n

Prototypage d’applications web et mobiles<\/strong> chez TokBox : le processus expliqu\u00e9<\/strong><\/h3>\n

Comment l’\u00e9quipe a-t-elle introduit Justinmind dans son processus de conception it\u00e9ratif ? En fait, les id\u00e9es de design de TokBox passent par plusieurs \u00e9tapes d’un processus en quatre \u00e9tapes. Charles est entr\u00e9 dans le vif du sujet : <\/p>\n

Remue-m\u00e9ninges sur les id\u00e9es de contenu<\/strong><\/p>\n

Le coup d’envoi consiste pour l’\u00e9quipe \u00e0 \u00e9valuer toutes ses id\u00e9es et \u00e0 distiller les meilleures suggestions en une solution optimale qui r\u00e9pond \u00e0 tous les objectifs. Une fois que l’id\u00e9e initiale et les objectifs ont \u00e9t\u00e9 approuv\u00e9s, des clics rapides sont cr\u00e9\u00e9s. <\/p>\n

Cr\u00e9er un mockup de clic rapide<\/strong><\/p>\n

C’est l\u00e0 que Justinmind entre en jeu pour TokBox. Les biblioth\u00e8ques d’UI pr\u00e9cuites et les widgets fonctionnels signifient que faire un clic est rapide et simple. La m\u00e9thode de conception rapide de Justinmind permet de cr\u00e9er une solution de design rapide qui met en valeur le flux global, ce qui permet d’\u00e9valuer facilement si votre prototype d’application web et mobile r\u00e9pond aux besoins et aux attentes. <\/p>\n

Examen des prototypes par l’\u00e9quipe<\/strong><\/p>\n

Le retour d’information de l’\u00e9quipe vient ensuite. Bien s\u00fbr, les points de vue disparates sur le fonctionnement de l’UI et de l’UX du prototype sont une partie saine du processus d’it\u00e9ration, c’est pourquoi TokBox prend le temps d’organiser des sessions de retour d’information en interne. Au cours de ces s\u00e9ances, les personnes impliqu\u00e9es dans le projet apportent des commentaires constructifs ; ensuite, lorsque le contenu et les fonctionnalit\u00e9s sont valid\u00e9s, un prototype hi-fi d\u00e9taill\u00e9 peut \u00eatre construit. <\/p>\n

Prototypes haute fid\u00e9lit\u00e9<\/strong><\/p>\n

Ce prototype haute fid\u00e9lit\u00e9 d’un site web ou d’une application se compose d’\u00e9crans d\u00e9taill\u00e9s et d’une vue \u00e0 360\u00b0 de l’exp\u00e9rience utilisateur finale, ce qui permet de tester, d’it\u00e9rer et de valider en temps r\u00e9el. \u00c0 ce stade, cartographier et tester le design signifie que les concepteurs et les r\u00e9viseurs ont une vue de l’ensemble de l’UI et du flux, ainsi que la possibilit\u00e9 de zoner dans les d\u00e9tails pour s’assurer de la conformit\u00e9 des exigences et des sp\u00e9cifications sur tous les appareils. \u00ab\u00a0C’est vraiment g\u00e9nial\u00a0\u00bb, d\u00e9clare Charles. \u00ab\u00a0J’aime beaucoup le fait que vous puissiez exp\u00e9rimenter un prototype mobile sur le v\u00e9ritable t\u00e9l\u00e9phone portable avec l’application. Enfin, l’application mobile ou le prototype Web peut \u00eatre r\u00e9v\u00e9l\u00e9 \u00e0 l’ensemble de l’\u00e9quipe produit, ainsi qu’aux d\u00e9veloppeurs et aux parties prenantes avant le d\u00e9but du d\u00e9veloppement.<\/p>\n

Transformez rapidement vos mockups en prototypes d’applications web et mobiles gr\u00e2ce \u00e0 des \u00e9l\u00e9ments d’UI pr\u00eats \u00e0 l’emploi.<\/h3>\n

Apr\u00e8s \u00eatre pass\u00e9 \u00e0 Justinmind, Charles s’est rendu compte qu’il cr\u00e9ait et partageait des prototypes plus robustes sur lesquels il exer\u00e7ait un meilleur contr\u00f4le cr\u00e9atif. Gr\u00e2ce \u00e0 un processus de prototypage simplifi\u00e9 mais puissant, il a pu suivre les sp\u00e9cifications et les exigences du d\u00e9veloppement m\u00eame lors d’it\u00e9rations rapides ; il a construit le processus de connexion de son nouveau projet et l’a fait valider beaucoup plus rapidement qu’auparavant. En utilisant des prototypes de sites web et d’applications enti\u00e8rement interactifs d\u00e8s les premi\u00e8res \u00e9tapes du projet, Charles a pu mettre la main sur un retour d’information pr\u00e9coce et pertinent qui lui a permis de changer de cap et de s’assurer qu’il allait dans la bonne direction. Il a bas\u00e9 ses choix de design en amont sur le contenu, la fonction et la fid\u00e9lit\u00e9, et a ainsi pu \u00e9viter les reprises avant d’arriver \u00e0 la phase de d\u00e9veloppement. \u00a0\u00bb <\/p>\n

Ce qui diff\u00e9rencie Justinmind des autres outils de prototypage que j’ai utilis\u00e9s, c’est le niveau granulaire de contr\u00f4le cr\u00e9atif auquel le concepteur a acc\u00e8s.<\/p><\/blockquote>\n

\u00a0\u00bb
\nUn outil de prototypage qui inclut le glisser-d\u00e9poser, des \u00e9l\u00e9ments et des cartes d’UI enti\u00e8rement fonctionnels, ainsi que des fonctions bas\u00e9es sur les donn\u00e9es, a permis \u00e0 TokBox d’atteindre des niveaux \u00e9lev\u00e9s d’interactivit\u00e9 dans ses prototypes. Gr\u00e2ce aux riches biblioth\u00e8ques d’UI de Justinmind, compos\u00e9es d’\u00e9l\u00e9ments pr\u00eats \u00e0 l’emploi et de widgets fonctionnels, les prototypes interactifs de sites web et d’applications mobiles ne sont plus qu’\u00e0 quelques clics – le plus dur est d\u00e9j\u00e0 fait, ce qui permet aux concepteurs de se concentrer sur le design plut\u00f4t que sur le prototypage. Comme il se doit.<\/p>\n

\"Tokbox-web-mobile-prototypage\"<\/a><\/p>\n

En savoir plus sur Charles<\/strong><\/p>\n

Charles Diggs s’occupe du design des interactions visuelles chez TokBox, en se concentrant sur la cr\u00e9ation d’interactions visuelles et de syst\u00e8mes visuels remarquables. \u00c0 ce titre, il est souvent amen\u00e9 \u00e0 cr\u00e9er des prototypes haute fid\u00e9lit\u00e9 et \u00e0 tester les exp\u00e9riences des utilisateurs finaux. Avant de rejoindre TokBox, Charles a travaill\u00e9 dans le domaine de la sant\u00e9, du bien-\u00eatre et du divertissement pour des entreprises telles que Mattel et Disney. <\/p>\n

En savoir plus sur TokBox<\/strong><\/p>\n

TokBos, de San Francisco, est une plateforme de communication bas\u00e9e sur le web qui offre \u00ab\u00a0une suite de fonctions de pointe pour les communications en temps r\u00e9el\u00a0\u00bb. Des fonctionnalit\u00e9s telles que les SDK mobiles et web, l’archivage, le chat textuel, la messagerie, l’analyse, la travers\u00e9e de pare-feu, l’aide multipartite, le plugin Internet Explorer et bien d’autres permettent \u00e0 la plateforme open source d’aider les entreprises \u00e0 r\u00e9pondre aux besoins de leurs clients en mati\u00e8re de vid\u00e9o.<\/p>\n

T\u00e9l\u00e9chargez Justinmind ainsi que ses biblioth\u00e8ques d’UI pr\u00e9con\u00e7ues et d\u00e9couvrez si vous pouvez booster votre flux de travail de design it\u00e9ratif. L’essai est gratuit. <\/em><\/p>\n

\"T\u00e9l\u00e9charger<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Le prototypage d’applications web et mobiles chez TokBox a pris de l’ampleur lorsque le designer d’interaction Charles Diggs a trouv\u00e9 l’outil de prototypage ad\u00e9quat. Lorsque Charles…<\/p>\n","protected":false},"author":5,"featured_media":90033,"parent":0,"menu_order":0,"template":"","tags":[8466,8501,8412,8489,8490,8502,8523],"content_category":[],"class_list":["post-125217","tc_content_pillar","type-tc_content_pillar","status-publish","has-post-thumbnail","hentry","tag-etude-de-cas","tag-exigences","tag-legacy-fr","tag-mobile-fr","tag-outil-de-prototypage","tag-prototypage-de-logiciels","tag-prototypage-web"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/tc_content_pillar\/125217"}],"collection":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/tc_content_pillar"}],"about":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/types\/tc_content_pillar"}],"author":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/users\/5"}],"version-history":[{"count":1,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/tc_content_pillar\/125217\/revisions"}],"predecessor-version":[{"id":125232,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/tc_content_pillar\/125217\/revisions\/125232"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/media\/90033"}],"wp:attachment":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/media?parent=125217"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/tags?post=125217"},{"taxonomy":"content_category","embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/content_category?post=125217"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}