{"id":125096,"date":"2018-10-03T08:00:12","date_gmt":"2018-10-03T06:00:12","guid":{"rendered":"https:\/\/www.justinmind.com\/blog\/content-pillars\/prototyping-and-the-changing-face-of-ecommerce-in-the-dominican-republic\/"},"modified":"2025-02-07T16:56:35","modified_gmt":"2025-02-07T15:56:35","slug":"prototyping-and-the-changing-face-of-ecommerce-in-the-dominican-republic","status":"publish","type":"tc_content_pillar","link":"https:\/\/www.justinmind.com\/fr\/clients\/commerce-en-republique-dominicaine","title":{"rendered":"Le prototypage et l&rsquo;\u00e9volution du commerce \u00e9lectronique en R\u00e9publique dominicaine"},"content":{"rendered":"<h2><span style=\"font-weight: 400;\">Voici comment un designer a utilis\u00e9 Justinmind pour modifier l&rsquo;exp\u00e9rience utilisateur du premier supermarch\u00e9 en ligne de la R\u00e9publique dominicaine.<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">UX designer et chef de projet, Reymi Castellanos est le fondateur de Grupo Interactivo, une agence de marketing num\u00e9rique bas\u00e9e en R\u00e9publique dominicaine.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Il dirige des projets de design UX \u00e0 partir de la base et a r\u00e9cemment jou\u00e9 un r\u00f4le en donnant au premier supermarch\u00e9 en ligne du pays le traitement UX.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Dans cet article, nous nous entretenons avec Reymi et d\u00e9couvrons comment il utilise Justinmind pour cr\u00e9er des wireframes, des interfaces utilisateur et des prototypes haute fid\u00e9lit\u00e9 pour toutes sortes de <a href=\"https:\/\/www.justinmind.com\/fr\/clients\" target=\"_blank\" rel=\"noopener noreferrer\">clients<\/a>.<\/span><\/p>\n<div class=\"jim-banner mobile\">\n<hr>\n<h2 style=\"text-align: center;\"><span style=\"color: #21c0c0;\">Cr\u00e9ez et prototypez votre propre site de commerce \u00e9lectronique. T\u00e9l\u00e9chargez Justinmind. <\/span><\/h2>\n<p style=\"text-align: center;\"><a style=\"color:#FFFFFF; background-color:#000000;\" data-category=\"cta-download-web-{{user-agent}}\" data-label=\"banni\u00e8re1-post\" data-action=\"fr\/wp-json\/wp\/v2\/tc_content_pillar\/125096\" data-tracking-name=\"__jim\" data-tracking-content=\"eyJkYXRhIjoiZXlKallYUmxaMjl5ZVNJNkltTjBZUzFrYjNkdWJHOWhaQzEzWldJdGUzdDFjMlZ5TFdGblpXNTBmWDBpTENKc1lXSmxiQ0k2SW1KaGJtNXBYSFV3TUdVNGNtVXhMWEJ2YzNRaUxDSmhZM1JwYjI0aU9pSm1jbHd2ZDNBdGFuTnZibHd2ZDNCY0wzWXlYQzkwWTE5amIyNTBaVzUwWDNCcGJHeGhjbHd2TVRJMU1EazJJbjA9Iiwic2lnbmF0dXJlIjoiYzUxZTBhNDU5OTc1ZmIwMWM4NTBlMTU0N2Y5OWI2OWE2ZmY0NzVkMzg5MzgyOGJjNmYwZGFlMTJmODFjZDIwOSJ9\" data-tracking-content--after-scroll=\"eyJkYXRhIjoiZXlKallYUmxaMjl5ZVNJNkltTjBZUzFrYjNkdWJHOWhaQzEzWldJdGUzdDFjMlZ5TFdGblpXNTBmWDBpTENKc1lXSmxiQ0k2SW1KaGJtNXBYSFV3TUdVNGNtVXhMWEJ2YzNRaUxDSmhZM1JwYjI0aU9pSm1jbHd2ZDNBdGFuTnZibHd2ZDNCY0wzWXlYQzkwWTE5amIyNTBaVzUwWDNCcGJHeGhjbHd2TVRJMU1EazJJbjA9Iiwic2lnbmF0dXJlIjoiYzUxZTBhNDU5OTc1ZmIwMWM4NTBlMTU0N2Y5OWI2OWE2ZmY0NzVkMzg5MzgyOGJjNmYwZGFlMTJmODFjZDIwOSJ9\" 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<h3><span style=\"font-weight: 400;\">Les outils du m\u00e9tier<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Tout nouveau design de qualit\u00e9 commence par quelque chose de simple : un prototype.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Pour Reymi Castellanos, le prototypage est le moyen de donner vie \u00e0 ses id\u00e9es et d&rsquo;obtenir l&rsquo;adh\u00e9sion des parties prenantes.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00ab\u00a0Le prototypage est l&rsquo;\u00e9tape la plus importante du processus de design. Il permet de gagner du temps et de se concentrer sur la production des \u00e9l\u00e9ments les plus pertinents pour le projet.\u00a0\u00bb<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Mais avant de pouvoir r\u00e9soudre des probl\u00e8mes de conception \u00e0 l&rsquo;aide de prototypes, Reymi avait besoin d&rsquo;un outil de conception fiable auquel il pouvait faire appel lorsqu&rsquo;il souhaitait tester une id\u00e9e.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00ab\u00a0Nous avons essay\u00e9 d&rsquo;autres outils avant de choisir Justinmind. Certains offraient des fonctionnalit\u00e9s de grande valeur, comme des animations et des transitions \u00e9tonnantes, mais il manquait des <strong>sc\u00e9narios et des simulations sur l&rsquo;appareil<\/strong>.\u00a0\u00bb <\/span><\/p>\n<p><span style=\"font-weight: 400;\">C&rsquo;est \u00e0 ce moment-l\u00e0 que Reymi a d\u00e9cid\u00e9 d&rsquo;opter pour Justinmind. En tant que chef de projet UX tr\u00e8s occup\u00e9, Reymi comprend que sans le bon ensemble d&rsquo;outils, la cr\u00e9ation d&rsquo;un bon travail de design est difficile. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00ab\u00a0C&rsquo;est un outil professionnel qui m\u00eale design haute fid\u00e9lit\u00e9 et interaction avanc\u00e9e avec des tableaux de donn\u00e9es, des variables et des sc\u00e9narios de programmation. Nous avons rejet\u00e9 d&rsquo;autres outils parce qu&rsquo;ils ne fonctionnaient qu&rsquo;en ligne et avaient des capacit\u00e9s limit\u00e9es pour notre projet\u00a0\u00bb.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Prototypage haute fid\u00e9lit\u00e9 et hors ligne ? Reymi \u00e9tait convaincu. <\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Balayage des supermarch\u00e9s<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Disposant d\u00e9sormais d&rsquo;un outil de design robuste, Reymi s&rsquo;est attel\u00e9 \u00e0 r\u00e9soudre le probl\u00e8me de design qui se posait. Lui et son \u00e9quipe ont particip\u00e9 \u00e0 la refonte du site web et de l&rsquo;application du premier supermarch\u00e9 en ligne de la R\u00e9publique dominicaine. Ce n&rsquo;est pas une mince affaire.  <\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-23838 size-full\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/10\/alsuper-interface.png\" alt=\"Prototypage et commerce \u00e9lectronique en R\u00e9publique dominicaine - alsuper-interface\" width=\"810\" height=\"481\" srcset=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/10\/alsuper-interface.png 810w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/10\/alsuper-interface-300x178.png 300w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/10\/alsuper-interface-768x456.png 768w\" sizes=\"(max-width: 810px) 100vw, 810px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">\u00ab\u00a0AlSuper.do est le premier supermarch\u00e9 en ligne de la R\u00e9publique dominicaine, mais il a \u00e9t\u00e9 cr\u00e9\u00e9 il y a de nombreuses ann\u00e9es. Pour cr\u00e9er une interface \u00e9tonnante et utilisable, nous avons d\u00fb revoir la conception du site web et de l&rsquo;application mobile en partant de z\u00e9ro.\u00a0\u00bb<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Les grands projets comme celui-ci courent souvent le risque d&rsquo;\u00e9chouer. Une mauvaise communication, le manque de tests et l&rsquo;absence de recherche sont quelques-unes des raisons pour lesquelles de bons projets tournent mal. Comment Reymi a-t-il d\u00e9marr\u00e9 ?  <\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00ab\u00a0Le design de l&rsquo;interface utilisateur d&rsquo;un supermarch\u00e9 en ligne est une entreprise de grande envergure. Nous devions cr\u00e9er une nouvelle exp\u00e9rience d&rsquo;achat unique.\u00a0\u00bb<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Il s&rsquo;agissait de rechercher des utilisateurs nouveaux et existants, d&rsquo;effectuer une analyse d&rsquo;expert et de proposer plusieurs solutions au client.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Cela signifie que Reymi doit le faire :<\/span><\/p>\n<ul>\n<li> <span style=\"font-weight: 400;\"> Cr\u00e9er <\/span><a href=\"https:\/\/www.justinmind.com\/fr\/ui-design\/sketching\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">sketchs<\/span><\/a><\/li>\n<li><span style=\"font-weight: 400;\">  Concevoir des wireframes<\/span><\/li>\n<li> <span style=\"font-weight: 400;\"> D\u00e9finir le <\/span><a href=\"https:\/\/www.justinmind.com\/fr\/blog\/outils-user-flow\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">flux d&rsquo;utilisateurs<\/span><\/a><\/li>\n<li><span style=\"font-weight: 400;\">  Cr\u00e9er une nouvelle identit\u00e9 visuelle<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Et le meilleur ? Tout cela est possible dans l&rsquo;outil de design de Reymi, Justinmind. <\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Pourquoi Justinmind \u00e9tait l&rsquo;outil id\u00e9al pour cette t\u00e2che ?<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">\u00ab\u00a0Nous avons utilis\u00e9 les conditions de Justinmind pour simuler un acc\u00e8s via un login. Une erreur s&rsquo;affiche si l&rsquo;utilisateur entre des donn\u00e9es incorrectes. Nous avons \u00e9galement pu modifier l&rsquo;apparence de certains \u00e9l\u00e9ments, comme l&rsquo;ic\u00f4ne de la carte d&rsquo;achat, en fonction de l&rsquo;ajout ou non d&rsquo;articles.<\/span><\/p>\n<p><a href=\"https:\/\/www.justinmind.com\/fr\/caracteristiques\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">Conditions<\/span><\/a><span style=\"font-weight: 400;\">  ont \u00e9t\u00e9 un \u00e9l\u00e9ment important dans le design du supermarch\u00e9 en ligne de Reymi. Elles lui ont apport\u00e9 le r\u00e9alisme qu&rsquo;il recherchait. En peu de temps, il est devenu accro \u00e0 l&rsquo;utilisation des conditions.  <\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00ab\u00a0Les conditions de programmation simulent des interactions r\u00e9elles. Nous les avons utilis\u00e9es dans presque tous les \u00e9crans du projet pour d\u00e9finir quand et comment le contenu ou les \u00e9l\u00e9ments de navigation apparaissent \u00e0 l&rsquo;utilisateur, de la simulation d&rsquo;une carte d&rsquo;achat \u00e0 la cr\u00e9ation d&rsquo;un comportement de connexion.\u00a0\u00bb<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Les <a href=\"https:\/\/www.justinmind.com\/fr\/blog\/7-login-forms-how-to-prototype-them-with-justinmind\" target=\"_blank\" rel=\"noopener noreferrer\">formulaires de connexion<\/a> sont relativement simples \u00e0 concevoir, mais pr\u00e9sentent une grande opportunit\u00e9 en termes d&rsquo;UX. Vous pouvez utiliser un texte de remplacement, une microcopie utile et des interactions intuitives pour que la connexion soit un r\u00eave. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00ab\u00a0Le comportement du login a \u00e9t\u00e9 la partie la plus facile \u00e0 cr\u00e9er car la d\u00e9finition des conditions est tr\u00e8s intuitive dans Justinmind.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Nous avons d\u00e9fini plusieurs utilisateurs et mots de passe pour effectuer les tests d&rsquo;utilisation ainsi que les conditions respectives. Ensuite, nous avons pu donner acc\u00e8s \u00e0 l&rsquo;\u00e9cran suivant en quelques minutes, une fois que nous avions mis en place tous les \u00e9l\u00e9ments de l&rsquo;UI.\u00a0\u00bb <\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Ajouter de l&rsquo;interaction pour plus de plaisir<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Justinmind a permis \u00e0 Reymi de recr\u00e9er d&rsquo;importants <a href=\"https:\/\/www.justinmind.com\/fr\/ui-design\/modeles\" target=\"_blank\" rel=\"noopener noreferrer\">mod\u00e8les de design<\/a> pour l&rsquo;UI du supermarch\u00e9.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00ab\u00a0Dans Justinmind, nous pouvions cr\u00e9er des panneaux changeants dans un seul \u00e9cran avec son menu d&rsquo;onglets respectif. Je pouvais cr\u00e9er un   <\/span><a href=\"https:\/\/www.justinmind.com\/fr\/blog\/slide-menu-design-guide-with-15-awesome-examples\"><span style=\"font-weight: 400;\">menu lat\u00e9ral coulissant<\/span><\/a><span style=\"font-weight: 400;\"> et utilisez des conditions logiques pour afficher et masquer les boutons l\u00e0 o\u00f9 c&rsquo;est n\u00e9cessaire\u00a0\u00bb.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-23845 size-full\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/10\/alsuperdo-on-a-tablet.png\" alt=\"Prototypage et commerce \u00e9lectronique en R\u00e9publique dominicaine - alsuperdo sur tablette\" width=\"810\" height=\"481\" srcset=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/10\/alsuperdo-on-a-tablet.png 810w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/10\/alsuperdo-on-a-tablet-300x178.png 300w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/10\/alsuperdo-on-a-tablet-768x456.png 768w\" sizes=\"(max-width: 810px) 100vw, 810px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Mais quel en est l&rsquo;int\u00e9r\u00eat ? Reymi a pu montrer des interactions transparentes et r\u00e9alistes. C&rsquo;est une chose de montrer des captures d&rsquo;\u00e9cran de votre design, mais c&rsquo;en est une autre d&rsquo;avoir une application qui fonctionne comme la vraie. C&rsquo;est ce genre de choses qui rend les parties prenantes heureuses. Comment ont-ils pr\u00e9sent\u00e9 leur travail ?    <\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00ab\u00a0Nous avons pr\u00e9sent\u00e9 ce projet de deux mani\u00e8res. D&rsquo;abord sous forme de graphiques (simples JPG) montrant le style d&rsquo;\u00e9cran principal que nous proposions. Une fois le projet approuv\u00e9, toutes les pr\u00e9sentations et r\u00e9visions ont \u00e9t\u00e9 effectu\u00e9es \u00e0 l&rsquo;int\u00e9rieur de Justinmind, en appuyant sur la touche    <\/span><a href=\"https:\/\/www.justinmind.com\/fr\/aide\/partager-obtenir-retour-information\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">Bouton de partage<\/span><\/a><span style=\"font-weight: 400;\">.\u00a0\u00bb<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Un prototype \u00e0 temps en sauve neuf<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Reymi a pu non seulement partager ses prototypes avec facilit\u00e9, mais aussi avec des conditions utiles, <\/span><a href=\"https:\/\/www.justinmind.com\/fr\/aide\/modeles-masters\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">mod\u00e8les<\/span><\/a><span style=\"font-weight: 400;\"> et des widgets \u00ab\u00a0glisser-d\u00e9poser\u00a0\u00bb, il a r\u00e9ussi \u00e0 gagner une chose dont tous les designers manquent : du temps.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00ab\u00a0J&rsquo;ai gagn\u00e9 du temps lors de la conception. J&rsquo;ai gagn\u00e9 du temps dans le processus d&rsquo;\u00e9valuation lors de la pr\u00e9sentation des sc\u00e9narios aux clients. J&rsquo;ai gagn\u00e9 du temps pour le d\u00e9veloppeur en disposant d&rsquo;une documentation d\u00e9taill\u00e9e export\u00e9e directement \u00e0 l&rsquo;int\u00e9rieur de Justinmind.\u00a0\u00bb<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Pour Reymi, la cr\u00e9ation de prototypes r\u00e9alistes et de haute fid\u00e9lit\u00e9 qui fonctionnent correctement, associ\u00e9e \u00e0 un gain de temps consid\u00e9rable, se traduit par des parties prenantes satisfaites et un processus de design plus fluide.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Conclusion<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Reymi r\u00e9ussit \u00e0 donner vie \u00e0 un projet gr\u00e2ce \u00e0 son outil de prototypage. En choisissant quelque chose d&rsquo;intuitif et de facile \u00e0 comprendre, il n&rsquo;a pas besoin de passer des heures \u00e0 apprendre. Il peut utiliser son temps \u00e0 meilleur escient : am\u00e9liorer l&rsquo;UX des applications mobiles et des sites web.  <\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00ab\u00a0Vous aurez besoin d&rsquo;une petite introduction \u00e0 Justinmind au d\u00e9but. C&rsquo;est logique &#8211; de nombreuses fonctions utiles sont \u00e0 votre disposition. Mais l&rsquo;effort en vaut la peine \u00e0 100 % pour les r\u00e9sultats que vous obtiendrez.\u00a0\u00bb<\/span><\/p>\n<p><a class=\"jim-ending-post\" href=\"https:\/\/www.justinmind.com\/usernote\/signUp.action\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13263 size-full\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2017\/01\/Download_free.png\" alt=\"T\u00e9l\u00e9charger gratuitement\" width=\"1399\" height=\"302\" srcset=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2017\/01\/Download_free.png 1399w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2017\/01\/Download_free-300x65.png 300w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2017\/01\/Download_free-768x166.png 768w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2017\/01\/Download_free-1024x221.png 1024w\" sizes=\"(max-width: 1399px) 100vw, 1399px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Voici comment un designer a utilis\u00e9 Justinmind pour modifier l&rsquo;exp\u00e9rience utilisateur du premier supermarch\u00e9 en ligne de la R\u00e9publique dominicaine.<\/p>\n","protected":false},"author":13,"featured_media":96679,"parent":0,"menu_order":0,"template":"","tags":[8412],"content_category":[],"class_list":["post-125096","tc_content_pillar","type-tc_content_pillar","status-publish","has-post-thumbnail","hentry","tag-legacy-fr"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/tc_content_pillar\/125096"}],"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\/13"}],"version-history":[{"count":9,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/tc_content_pillar\/125096\/revisions"}],"predecessor-version":[{"id":126947,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/tc_content_pillar\/125096\/revisions\/126947"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/media\/96679"}],"wp:attachment":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/media?parent=125096"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/tags?post=125096"},{"taxonomy":"content_category","embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/content_category?post=125096"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}