{"id":125076,"date":"2015-04-08T09:00:21","date_gmt":"2015-04-08T07:00:21","guid":{"rendered":"https:\/\/www.justinmind.com\/blog\/content-pillars\/interactive-wireframe-case-surfitlocker\/"},"modified":"2025-01-30T16:11:43","modified_gmt":"2025-01-30T15:11:43","slug":"interactive-wireframe-case-surfitlocker","status":"publish","type":"tc_content_pillar","link":"https:\/\/www.justinmind.com\/fr\/clients\/surfitlocker","title":{"rendered":"Cas client : L&rsquo;exp\u00e9rience de prototypage sans code d&rsquo;un surfeur"},"content":{"rendered":"<p>Bill Rollinson est le fondateur de <a href=\"http:\/\/www.surfitlocker.com\/\" rel=\"\u201dnofollow\u201d\">SURFITLOCKER<\/a>, une application mobile de surf qui rend la location d&rsquo;une planche de surf ou de paddle amusante et facile. Bill est lui-m\u00eame un surfeur, et l&rsquo;id\u00e9e derri\u00e8re son application est de fournir aux surfeurs un nouveau moyen rapide et amusant de louer des planches de surf et de paddle lorsqu&rsquo;ils voyagent. L&rsquo;application cherche \u00e0 mettre en relation les surfeurs avec la planche de surf id\u00e9ale disponible \u00e0 tout moment et en tout lieu.    <strong> <\/strong><\/p>\n<h2>Tester avant de coder et surfer sur la bonne vague<\/h2>\n<p>Bill souhaitait cr\u00e9er une application mobile offrant une exp\u00e9rience utilisateur unique, garantissant la performance de l&rsquo;application et la disponibilit\u00e9 des planches de surf. Il voulait s&rsquo;assurer que l&rsquo;exp\u00e9rience utilisateur \u00e9tait adapt\u00e9e aux clients et qu&rsquo;elle \u00e9tait attrayante pour les partenaires potentiels. <a href=\"https:\/\/www.justinmind.com\/fr\/clients\" target=\"_blank\" rel=\"noopener noreferrer\">Les clients<\/a> et les prospects devaient pouvoir utiliser l&rsquo;appli pour trouver des planches de surf, obtenir les disponibilit\u00e9s et les prix de location, r\u00e9server et payer en quelques \u00e9tapes simples. <\/p>\n<div class=\"jim-banner mobile\">\n<hr>\n<h2 style=\"text-align: center;\"><span style=\"color: #21c0c0;\">T\u00e9l\u00e9chargez Justinmind d\u00e8s aujourd&rsquo;hui et commencez \u00e0 prototyper le futur !<\/span><\/h2>\n<p style=\"text-align: center;\"><a style=\"color:#FFFFFF; background-color:#000000;\" data-category=\"cta-download-other\" data-label=\"banni\u00e8re1-post\" data-action=\"fr\/wp-json\/wp\/v2\/tc_content_pillar\/125076\" data-tracking-name=\"__jim\" data-tracking-content=\"eyJkYXRhIjoiZXlKallYUmxaMjl5ZVNJNkltTjBZUzFrYjNkdWJHOWhaQzF2ZEdobGNpSXNJbXhoWW1Wc0lqb2lZbUZ1Ym1sY2RUQXdaVGh5WlRFdGNHOXpkQ0lzSW1GamRHbHZiaUk2SW1aeVhDOTNjQzFxYzI5dVhDOTNjRnd2ZGpKY0wzUmpYMk52Ym5SbGJuUmZjR2xzYkdGeVhDOHhNalV3TnpZaWZRPT0iLCJzaWduYXR1cmUiOiI2NzliZWNkYWQwYmJiOTNkOGM2YTgyMjM4MzA4MzFmZTUxN2I2ODZjNWI0YzgxZDBiODJhMjg1ODJiNjY1NmM4In0=\" data-tracking-content--after-scroll=\"eyJkYXRhIjoiZXlKallYUmxaMjl5ZVNJNkltTjBZUzFrYjNkdWJHOWhaQzF2ZEdobGNpSXNJbXhoWW1Wc0lqb2lZbUZ1Ym1sY2RUQXdaVGh5WlRFdGNHOXpkQ0lzSW1GamRHbHZiaUk2SW1aeVhDOTNjQzFxYzI5dVhDOTNjRnd2ZGpKY0wzUmpYMk52Ym5SbGJuUmZjR2xzYkdGeVhDOHhNalV3TnpZaWZRPT0iLCJzaWduYXR1cmUiOiI2NzliZWNkYWQwYmJiOTNkOGM2YTgyMjM4MzA4MzFmZTUxN2I2ODZjNWI0YzgxZDBiODJhMjg1ODJiNjY1NmM4In0=\" class=\"action-tracking-button mks_button mks_button_large squared\" href=\"https:\/\/www.justinmind.com\/usernote\/signUp.action\" target=\"_blank\">T\u00e9l\u00e9charger gratuitement<\/a><\/p>\n<hr>\n<\/div>\n<p>Pour ce faire, il a d&rsquo;abord eu besoin d&rsquo;un outil de prototypage n&rsquo;impliquant aucun code, car il n&rsquo;y conna\u00eet rien en la mati\u00e8re. L&rsquo;outil de prototypage d&rsquo;applications id\u00e9al devait lui permettre de communiquer avec l&rsquo;\u00e9quipe de d\u00e9veloppement et de faciliter l&rsquo;it\u00e9ration rapide. Il souhaitait \u00e9galement inclure ses partenaires dans le processus afin d&rsquo;obtenir des commentaires et des \u00e9valuations en cours de route, c&rsquo;est pourquoi les fonctions de collaboration \u00e9taient indispensables. Deuxi\u00e8mement, Bill vit dans la South Bay et fait la navette en train jusqu&rsquo;\u00e0 San Francisco pour son travail de gestion de produits dans une soci\u00e9t\u00e9 de logiciels en nuage dans le Financial District (Surfitlocker est un projet parall\u00e8le pour l&rsquo;instant). Pour pouvoir travailler sur son application pendant ce temps, un outil fonctionnant hors ligne \u00e9tait un atout ind\u00e9niable. Il \u00e9tait \u00e9galement n\u00e9cessaire de tester l&rsquo;exp\u00e9rience utilisateur avec de vrais utilisateurs afin de se faire une id\u00e9e des difficult\u00e9s que les utilisateurs finaux pourraient rencontrer lors de l&rsquo;utilisation de l&rsquo;application. N&rsquo;ayant aucune expertise en mati\u00e8re de code, Bill utilisait PowerPoint, mais il s&rsquo;est retrouv\u00e9 avec un wireframe tr\u00e8s limit\u00e9 et peu fid\u00e8le qui ne pouvait pas transmettre les fonctionnalit\u00e9s et interactions cl\u00e9s qu&rsquo;il avait envisag\u00e9es pour son application web et mobile.  <\/p>\n<h2><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-4525 size-full\" title=\"Surfitlocker-logo\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2015\/03\/surfitlocker1.jpg\" alt=\"Surfitlocker-logo\" width=\"242\" height=\"152\">  Un wireframe interactif pour une application mobile de surf.<\/h2>\n<p>Bill a d\u00e9cid\u00e9 qu&rsquo;il \u00e9tait temps de passer \u00e0 quelque chose qui offrait une meilleure interactivit\u00e9 et une plus grande fid\u00e9lit\u00e9. Il a essay\u00e9 plusieurs outils de prototypage pour traduire son id\u00e9e en un r\u00e9sultat tangible. Finalement, il a d\u00e9cid\u00e9 de cr\u00e9er l&rsquo;application dans Justinmind. \u00a0\u00bb <\/p>\n<blockquote><p>Justinmind \u00e9tait l&rsquo;outil de wireframe, de prototypage et de sp\u00e9cification qui r\u00e9pondait \u00e0 tous nos besoins\u00a0\u00bb<\/p><\/blockquote>\n<p>. De plus, il pensait que cet outil \u00e9tait plus facile \u00e0 utiliser et plus intuitif que les autres options : il lui suffisait de t\u00e9l\u00e9charger l&rsquo;application et de commencer le prototypage, sans avoir besoin de tutoriels. L&rsquo;interface de l&rsquo;\u00e9diteur Justinmind permet \u00e0 n&rsquo;importe qui, quelle que soit son expertise en mati\u00e8re de codage, de cr\u00e9er un prototype d&rsquo;application mobile et de le faire simuler sur ses appareils en quelques minutes. Bill a pu tester diff\u00e9rentes id\u00e9es de design et de flux de navigation UX pour Surfitlocker. Les fonctionnalit\u00e9s de collaboration ont imm\u00e9diatement r\u00e9pondu au besoin de Bill d&rsquo;inclure des partenaires dans la phase de design. Il a pu partager ses designs avec ses partenaires pour affiner et optimiser les fonctions cl\u00e9s et l&rsquo;exp\u00e9rience globale. L&rsquo;utilisation de Justinmind a aid\u00e9 Bill et son \u00e9quipe \u00e0 communiquer efficacement avec les d\u00e9veloppeurs. \u00a0\u00bb <\/p>\n<blockquote><p>Il \u00e9tait beaucoup plus facile de simuler l&rsquo;application sur mon iPhone et de la montrer aux d\u00e9veloppeurs que de r\u00e9diger des sp\u00e9cifications sur ce qu&rsquo;un \u00e9l\u00e9ment devait faire.<\/p><\/blockquote>\n<p>\u00a0\u00bb<br \/>\nEt le fait de disposer d&rsquo;un wireframe interactif riche en fonctionnalit\u00e9s lui a permis de d\u00e9tailler les fonctions importantes de Surfitlocker et de r\u00e9fl\u00e9chir \u00e0 des cas de figure avec l&rsquo;\u00e9quipe de d\u00e9veloppement. En outre, Bill a pu travailler pendant son trajet domicile-travail et g\u00e9rer son temps efficacement. En tant qu&rsquo;application de bureau, Justinmind peut \u00eatre utilis\u00e9 n&rsquo;importe o\u00f9, n&rsquo;importe quand &#8211; aucune connexion internet n&rsquo;est n\u00e9cessaire. Une fois le wireframe haute-fid\u00e9lit\u00e9 et enti\u00e8rement interactif pr\u00eat, Bill a pu tester son exp\u00e9rience utilisateur avec des personnes r\u00e9elles et la valider aupr\u00e8s d&rsquo;utilisateurs et de partenaires potentiels.  <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-4528 size-full\" title=\"Ondes de soufre\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2015\/03\/seawaves1.png\" alt=\"Ondes de soufre\" width=\"701\" height=\"152\" srcset=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2015\/03\/seawaves1.png 701w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2015\/03\/seawaves1-300x65.png 300w\" sizes=\"(max-width: 701px) 100vw, 701px\" \/><\/p>\n<h2>Surf&rsquo;s Up &#8211; simuler le prototype sur un appareil r\u00e9el<\/h2>\n<p>Les avantages du prototypage de Surfitlocker avec Justinmind et la r\u00e9alisation de tests d&rsquo;utilisabilit\u00e9 ont permis d&rsquo;apporter rapidement des modifications au design de l&rsquo;UI et au flux de l&rsquo;UX afin que Bill puisse proposer la meilleure application possible \u00e0 ses coll\u00e8gues surfeurs et \u00e0 ses partenaires de location de surf. Bill a expliqu\u00e9 que Justinmind \u00e9tait essentiel non seulement pour lui, mais aussi pour l&rsquo;\u00e9quipe de design et de d\u00e9veloppement &#8211; \u00ab\u00a0Il a d\u00e9finitivement facilit\u00e9 la t\u00e2che des d\u00e9veloppeurs lorsqu&rsquo;il \u00e9tait temps de coder\u00a0\u00bb. Voici l&rsquo;essentiel de l&rsquo;histoire : Avec l&rsquo;aide de Justinmind, Bill a pu : &#8211; D\u00e9tailler les fonctions des \u00e9l\u00e9ments essentiels, sans codage<br \/>\n&#8211; Simuler sur l&rsquo;appareil<br \/>\n&#8211; Tester diff\u00e9rents designs, partager et valider<br \/>\n&#8211; Collaborer avec des partenaires et obtenir des retours<br \/>\n&#8211; Communiquer efficacement avec les d\u00e9veloppeurs<br \/>\n&#8211; Travailler hors ligne<br \/>\n&#8211; Effectuer des tests d&rsquo;utilisabilit\u00e9 \u00c0 l&rsquo;avenir, Bill continuera d&rsquo;utiliser Justinmind pour prototyper, tester et valider de nouvelles fonctionnalit\u00e9s et caract\u00e9ristiques pour son application mobile. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bill Rollinson est le fondateur de SURFITLOCKER, une application mobile de surf qui rend la location d&rsquo;une planche de surf ou de paddle amusante et facile&#8230;.<\/p>\n","protected":false},"author":5,"featured_media":82933,"parent":0,"menu_order":0,"template":"","tags":[8466,8463,8412,8470,8464,8468],"content_category":[],"class_list":["post-125076","tc_content_pillar","type-tc_content_pillar","status-publish","has-post-thumbnail","hentry","tag-etude-de-cas","tag-experience-utilisateur","tag-legacy-fr","tag-outil-de-wireframing","tag-prototypes-dapplications","tag-simulation-hi-fi"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/tc_content_pillar\/125076"}],"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":2,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/tc_content_pillar\/125076\/revisions"}],"predecessor-version":[{"id":125203,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/tc_content_pillar\/125076\/revisions\/125203"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/media\/82933"}],"wp:attachment":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/media?parent=125076"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/tags?post=125076"},{"taxonomy":"content_category","embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/content_category?post=125076"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}