{"id":125119,"date":"2017-04-20T08:00:58","date_gmt":"2017-04-20T06:00:58","guid":{"rendered":"https:\/\/www.justinmind.com\/blog\/content-pillars\/prototyping-outstanding-web-and-mobile-interactions-with-ux-designer-lee-wells\/"},"modified":"2025-01-30T13:30:27","modified_gmt":"2025-01-30T12:30:27","slug":"prototyping-outstanding-web-and-mobile-interactions-with-ux-designer-lee-wells","status":"publish","type":"tc_content_pillar","link":"https:\/\/www.justinmind.com\/fr\/clients\/lee-wells","title":{"rendered":"Prototypage d’interactions web et mobiles : Lee Wells, UX Designer"},"content":{"rendered":"

Lee Wells, designer de l’exp\u00e9rience utilisateur, parle du prototypage interactif, de la recherche sur les utilisateurs et de Justinmind pour Windows.<\/h2>\n

Le prototypage avec Justinmind constitue une grande partie du travail quotidien de Lee en tant que concepteur UX. Le prototypage aide Lee \u00e0 concevoir hors des sentiers battus et permet \u00e0 ses clients<\/a> d’envisager leurs futurs produits au-del\u00e0 de la visualisation virtuelle. <\/p>\n

\n
\n

T\u00e9l\u00e9chargez Justinmind d\u00e8s aujourd’hui et cr\u00e9ez des prototypes web et mobiles interactifs.<\/span><\/h2>\n

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

\n

Dans cette \u00e9tude de cas, Lee offre un aper\u00e7u de la fa\u00e7on dont le prototypage avec Justinmind lui permet de concevoir des designs interactifs et intelligents pour le web et le mobile. Et pour la petite histoire, Lee est un concepteur UX sous Windows ! Lisez la suite pour en savoir plus. <\/p>\n

Genesis : d\u00e9marrer avec Justinmind<\/h2>\n

Le parcours de Lee dans le domaine des logiciels, des produits et de l’UX des micrologiciels l’a amen\u00e9 \u00e0 r\u00e9aliser de nombreux prototypes web et mobiles au fil des ans. Lee a commenc\u00e9 \u00e0 utiliser Justinmind il y a environ 4 ans. Il s’est rendu compte qu’il pouvait l’assimiler assez rapidement une fois qu’il l’utilisait quotidiennement. Il a \u00e9galement form\u00e9 des coll\u00e8gues \u00e0 l’utilisation de Justinmind. Il a utilis\u00e9 l’outil pour prototyper des applications mobiles et web, ce qui aide ses clients \u00e0 vraiment envisager le design final. <\/p>\n

Une journ\u00e9e dans la vie<\/h2>\n

Une journ\u00e9e typique pour Lee implique d’avoir au moins trois instances diff\u00e9rentes de Justinmind ouvertes, qui sont constamment partag\u00e9es, r\u00e9vis\u00e9es ou mises \u00e0 jour par son \u00e9quipe ou ses clients. Il construit g\u00e9n\u00e9ralement des maquettes et des prototypes fonctionnels avec interaction, en utilisant Justinmind pour diff\u00e9rents niveaux de partage et d’interaction, des \u00e9crans statiques de basse fid\u00e9lit\u00e9, aux maquettes interactives de haute fid\u00e9lit\u00e9. \u00a0\u00bb <\/p>\n

La nature interactive de Justinmind est utile pour faire sortir l’id\u00e9e compl\u00e8te de ma t\u00eate et l’afficher \u00e0 l’\u00e9cran pour examen<\/p><\/blockquote>\n

.\u00a0\u00bb
\nL’interaction joue un r\u00f4le important dans le travail de Lee. Parmi les exigences en mati\u00e8re de design, les prototypes de Lee doivent g\u00e9n\u00e9ralement \u00eatre ax\u00e9s sur l’interaction. Ses prototypes comportent g\u00e9n\u00e9ralement plusieurs pages et le fait de les rendre fonctionnelles lui permet de visualiser le parcours de l’utilisateur et les points de contact, et aux parties prenantes de comprendre le flux de navigation complet et l’utilisation du projet. Il utilise divers composants de prototypage haut de gamme de Justinmind pour atteindre le niveau d’interaction requis. Il s’agit notamment de variables pour cr\u00e9er un flux de navigation, d’actifs UI, de menus d\u00e9roulants et d’\u00e9v\u00e9nements sous forme d’interactions riches, de transitions et de gestes mobiles. <\/p>\n<\/div>\n

Prototypage de l’\u00e9cran de connexion interactif et renouvelable de Paycor<\/h2>\n

Lee a utilis\u00e9 Justinmind dans le cadre de diff\u00e9rents projets pour diff\u00e9rents clients. Voici un excellent exemple de la fonctionnalit\u00e9 de design interactif de Justinmind dans son travail. Dans le cadre de ses fonctions actuelles d’UX Design chez Paycor, qui propose des services de recrutement, de RH et de solutions de paie, il a \u00e9t\u00e9 charg\u00e9 de recr\u00e9er l’\u00e9cran de connexion des utilisateurs de l’entreprise pour l’application mobile. L’\u00e9cran de connexion devait comporter une fonction de connexion automatique avec une option \u00ab\u00a0se souvenir du nom d’utilisateur\u00a0\u00bb, afin que les utilisateurs puissent se connecter plus facilement. <\/p>\n

\"login-screen-mobile-app-prototype-paycor\"

Prototype du nouvel \u00e9cran de connexion pour l’application mobile de Paycor<\/p><\/div>\n

En utilisant les panneaux dynamiques, les champs de saisie, les variables et le syst\u00e8me d’\u00e9v\u00e9nements de Justinmind, Lee a pu cr\u00e9er un mod\u00e8le haute-fid\u00e9lit\u00e9 de ce \u00e0 quoi ressemblerait le nouvel \u00e9cran de connexion mobile. Lee a utilis\u00e9 le g\u00e9n\u00e9rateur d’expressions pour cr\u00e9er des espaces r\u00e9serv\u00e9s dans les champs de texte de connexion (\u00ab\u00a0nom d’utilisateur\u00a0\u00bb et \u00ab\u00a0mot de passe\u00a0\u00bb). Il a ensuite utilis\u00e9 une variable pour permettre \u00e0 l’utilisateur de m\u00e9moriser son nom d’utilisateur pour ses prochaines connexions. Enfin, Lee a ajout\u00e9 une s\u00e9rie d’\u00e9v\u00e9nements \u00ab\u00a0On Click\u00a0\u00bb + \u00ab\u00a0Set Value\u00a0\u00bb pour s’assurer que le formulaire redevient vierge apr\u00e8s actualisation. Pourquoi ne pas essayer de prototyper des formulaires et des entr\u00e9es<\/a> vous-m\u00eame ?<\/p>\n

Partage de prototypes<\/h2>\n

\u00ab\u00a0<\/p>\n

La possibilit\u00e9 de partager des liens Web pour examiner les prototypes est extr\u00eamement utile<\/p><\/blockquote>\n

.\u00a0\u00bb
\nOutre l’aspect interactif de Justinmind, Lee affirme que ses capacit\u00e9s de partage valent vraiment la peine d’\u00eatre examin\u00e9es. Il partage g\u00e9n\u00e9ralement ses prototypes avec ses clients et ses \u00e9quipes de d\u00e9veloppement en utilisant un lien priv\u00e9 prot\u00e9g\u00e9 par un mot de passe. Les \u00e9quipes sont alors en mesure de travailler \u00e0 partir de ses prototypes, avec une r\u00e9plique visuelle de ce qu’elles vont construire. Avec Justinmind, il appr\u00e9cie vraiment de pouvoir partager quelque chose imm\u00e9diatement pour obtenir un retour d’information imm\u00e9diat. Lee explique que les parties prenantes appr\u00e9cient la rapidit\u00e9 avec laquelle les mises \u00e0 jour peuvent \u00eatre effectu\u00e9es pendant les r\u00e9unions : il lui suffit d’appuyer sur la touche \u00ab\u00a0rafra\u00eechir\u00a0\u00bb de l’\u00e9cran de partage pour voir les changements. <\/p>\n

Recherche sur les utilisateurs<\/h2>\n

Lee effectue des tests it\u00e9ratifs et des tests de validation pour l’aider, ainsi que son \u00e9quipe et ses clients, \u00e0 voir les r\u00e9sultats de la construction\/sprint UX en cours. Entr\u00e9 dans le monde de l’UX Design apr\u00e8s une formation en design exp\u00e9rimental et en psychologie de l’ing\u00e9nierie, Lee joue un r\u00f4le pratique dans la recherche utilisateur et essaie toujours d’impliquer davantage de personnes dans la recherche, afin de recueillir des donn\u00e9es sur les projets et les designs en cours. Lee m\u00e8ne des recherches sur les utilisateurs gr\u00e2ce \u00e0 l’int\u00e9gration de Justinmind avec UserTesting.com. Il le fait dans l’intention de mieux informer les clients, les parties prenantes et les utilisateurs sur ses designs. Il commence par des tests d’utilisateurs \u00e0 distance, puis passe \u00e0 des tests de type laboratoire via son prototype Justinmind. <\/p>\n

\u00ab\u00a0J’ai d\u00e9couvert que la consultation de tests de convivialit\u00e9 peut faire passer n’importe qui du stade de l’isolement \u00e0 celui de l’engagement.<\/p><\/blockquote>\n

Justinmind Windows pour la victoire<\/h2>\n

D\u00e9fiant la pression des designers pour passer au Mac, Lee est un designer Windows. Lee n’a jamais vraiment aim\u00e9 les produits Apple; il<\/span> a toujours \u00e9t\u00e9 un adepte d’Android. Il nous dit qu’il peut accomplir tout ce dont il a besoin sur un PC et qu’il ne rencontre pas les probl\u00e8mes de partage de fichiers, de partage de programmes et de partage d’\u00e9cran que ses amis Mac ont connus. Justinmind convient parfaitement aux designers Windows et Mac, notre logiciel ayant \u00e9t\u00e9 con\u00e7u en tenant compte des deux syst\u00e8mes. La principale diff\u00e9rence entre Justinmind pour Windows et Mac est la barre d’outils sup\u00e9rieure. Alors que Mac oblige les outils de design \u00e0 s’int\u00e9grer \u00e0 sa barre de menu, Windows nous permet de placer des options de menu dans l’interface de Justinmind. Cela signifie que nous avons pu tester la mani\u00e8re dont les utilisateurs pr\u00e9f\u00e8rent naviguer dans leurs outils de design et mettre en \u0153uvre les mises \u00e0 jour en cons\u00e9quence. En outre, conform\u00e9ment au syst\u00e8me de r\u00e9troaction de Windows, les ic\u00f4nes de la barre de menu de Justinmind pour Windows se d\u00e9tachent du canevas pour faciliter la navigation. <\/p>\n

 <\/p>\n

Vous souhaitez figurer dans une \u00e9tude de cas de Justinmind ? Prenez contact avec nous via notre poign\u00e9e Twitter<\/a>! <\/em>\"T\u00e9l\u00e9charger<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Lee Wells, designer de l’exp\u00e9rience utilisateur, parle du prototypage interactif, de la recherche sur les utilisateurs et de Justinmind pour Windows.<\/p>\n","protected":false},"author":11,"featured_media":89893,"parent":0,"menu_order":0,"template":"","tags":[8412,8490,8516,8474],"content_category":[],"class_list":["post-125119","tc_content_pillar","type-tc_content_pillar","status-publish","has-post-thumbnail","hentry","tag-legacy-fr","tag-outil-de-prototypage","tag-ux-fr","tag-ux-design-fr"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/tc_content_pillar\/125119"}],"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\/11"}],"version-history":[{"count":2,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/tc_content_pillar\/125119\/revisions"}],"predecessor-version":[{"id":125193,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/tc_content_pillar\/125119\/revisions\/125193"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/media\/89893"}],"wp:attachment":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/media?parent=125119"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/tags?post=125119"},{"taxonomy":"content_category","embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/content_category?post=125119"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}