{"id":125117,"date":"2016-05-12T10:50:17","date_gmt":"2016-05-12T08:50:17","guid":{"rendered":"https:\/\/www.justinmind.com\/blog\/content-pillars\/prototyping-and-ux-design-at-ipipeline-a-saas-solutions-success-story\/"},"modified":"2025-01-31T18:17:08","modified_gmt":"2025-01-31T17:17:08","slug":"prototyping-and-ux-design-at-ipipeline-a-saas-solutions-success-story","status":"publish","type":"tc_content_pillar","link":"https:\/\/www.justinmind.com\/fr\/clients\/ipipeline-saas","title":{"rendered":"Prototypage et design UX chez iPipeline : une success story des solutions SaaS."},"content":{"rendered":"

Nous avons discut\u00e9 avec Maggie Paparella, UX Designer chez iPipeline, de son exp\u00e9rience du prototypage avec Justinmind au bureau et en dehors. Faites d\u00e9filer vers le bas pour d\u00e9couvrir de grandes interactions, de belles UI et des tests utilisateurs conviviaux. <\/h2>\n

Maggie Paparella<\/a> est dipl\u00f4m\u00e9e du Lycoming College, en Pennsylvanie, avec une licence en design commercial. Elle travaille chez iPipeline<\/a> – un fournisseur de solutions SaaS pour la distribution technologique, la finance et l’assurance – depuis un mammouth de 14 ans dans divers d\u00e9partements, notamment le design graphique, la gestion de projet, l’analyse commerciale et maintenant le design de l’exp\u00e9rience utilisateur. <\/p>\n

\n
\n

T\u00e9l\u00e9chargez Justinmind d\u00e8s aujourd’hui et am\u00e9liorez votre design thinking !<\/span><\/h2>\n

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

\n

En tant que *seule et unique* UX Designer d’iPipeline, Maggie travaille souvent contre la montre pour terminer ses designs et les pr\u00e9senter aux clients<\/a> le plus efficacement et le plus rapidement possible. Explorons comment elle a pu int\u00e9grer Justinmind dans le processus de design pour atteindre ces objectifs. <\/p>\n

Favoriser la r\u00e9flexion sur le design avec le prototypage Justinmind<\/h2>\n

Maggie a commenc\u00e9 \u00e0 utiliser Justinmind il y a deux ans, apr\u00e8s avoir essay\u00e9 quelques autres outils sur le march\u00e9. Apr\u00e8s quelques recherches, elle a commenc\u00e9 \u00e0 tester Justinmind pour ses propres projets de design, avant de pr\u00e9senter notre outil \u00e0 son \u00e9quipe chez iPipeline. Elle nous dit qu’elle a trouv\u00e9 Justinmind facile \u00e0 utiliser, compar\u00e9 \u00e0 la courbe d’apprentissage qu’elle a connue avec d’autres outils. Maggie a pu terminer son projet et valider notre outil en l’espace d’une semaine, sans avoir \u00e0 suivre une multitude de tutoriels pour parvenir \u00e0 ses fins. Depuis, elle utilise Justinmind. Justinmind fait d\u00e9sormais partie int\u00e9grante du processus de conception de l’interface utilisateur d’iPipeline, depuis la d\u00e9couverte et la conceptualisation jusqu’\u00e0 l’\u00e9valuation des sp\u00e9cifications de conception finales et des produits livrables. Maggie a pilot\u00e9 d’innombrables projets de design au cours de ses 5 ann\u00e9es en tant qu’unique UX Designer d’iPipeline. Au cours de notre conversation, elle nous a pr\u00e9sent\u00e9 l’un de ses projets ant\u00e9rieurs. Elle travaillait \u00e0 l’am\u00e9lioration de certaines caract\u00e9ristiques et fonctions qui devaient \u00eatre ajout\u00e9es \u00e0 la base de produits d’un client. Le prototype qu’elle a cr\u00e9\u00e9 avec Justinmind PRO<\/a> l’a aid\u00e9e \u00e0 repr\u00e9senter le nouveau flux de travail des fonctionnalit\u00e9s et \u00e0 les pr\u00e9senter aux parties prenantes externes. Son \u00e9quipe souhaitait valider et tester les prototypes avec les parties prenantes externes pour voir si les designs avaient du sens. Gr\u00e2ce \u00e0 l’int\u00e9gration de Justinmind avec la plateforme de test utilisateur Validately<\/a>, ils ont pu le faire tr\u00e8s facilement. Pour en savoir plus sur notre int\u00e9gration, cliquez ici. <\/p>\n<\/div>\n

Int\u00e9gration de Justinmind dans le cadre Agile d’iPipeline<\/h2>\n

En ce qui concerne le flux de travail agile<\/a> d’iPipeline, Justinmind a pu s’int\u00e9grer parfaitement. Elle se souvient que la premi\u00e8re \u00e9tape d’un projet typique est une session de brainstorming, pour prioriser, partager et collecter les id\u00e9es et les flux potentiels de son \u00e9quipe sur la fa\u00e7on dont ils peuvent travailler sur les nouvelles fonctionnalit\u00e9s, tout en cr\u00e9ant des cas d’utilisation potentiels. Ensuite, Maggie cr\u00e9e un sc\u00e9nario de cas d’utilisation dans lequel elle prot\u00e8gera quelques \u00e9crans qui r\u00e9pondront au cas d’utilisation. L’\u00e9tape suivante consiste \u00e0 \u00e9toffer les d\u00e9tails de chaque \u00e9cran et \u00e0 les rendre aussi r\u00e9alistes que possible en utilisant les interactions et les \u00e9v\u00e9nements de Justinmind. Il est tr\u00e8s important pour Maggie et son \u00e9quipe que tout le monde soit inclus dans la boucle de retour d’information, que le projet soit en cours ou pratiquement achev\u00e9. C’est pourquoi ils pr\u00e9sentent et partagent toujours leurs prototypes avec les parties prenantes, et cr\u00e9ent un certain nombre d’it\u00e9rations pour mettre en \u0153uvre leurs commentaires. Ce syst\u00e8me garantit que toutes les voix sont entendues et que les \u00e9l\u00e9ments importants ne sont pas laiss\u00e9s de c\u00f4t\u00e9, ce qui peut parfois \u00eatre le cas avec la m\u00e9thode Agile. De plus, gr\u00e2ce aux capacit\u00e9s d’interaction de Justinmind, les parties prenantes externes ont une meilleure id\u00e9e de ce que l’\u00e9quipe leur r\u00e9serve. Sinon, comment pourraient-ils savoir \u00e0 quoi s’attendre ?<\/p>\n

\u00ab\u00a0Les gens comprennent mieux s’ils ont un contexte, c’est pourquoi l’interaction dans le prototypage est si importante.<\/p><\/blockquote>\n

 <\/p>\n

\"cadre<\/p>\n

Planification de projet : une culture de la collaboration<\/h2>\n

Travaillant dans une entreprise dont la vocation est d’encourager la communication ouverte et l’innovation, la collaboration est un atout extr\u00eamement pr\u00e9cieux. Bien que Maggie soit l’auteur de ses projets, elle dispose \u00e9galement d’une \u00e9quipe d\u00e9di\u00e9e qui travaille \u00e0 ses c\u00f4t\u00e9s dans le cadre d’activit\u00e9s internes et externes. En g\u00e9n\u00e9ral, elle leur pr\u00e9sente une id\u00e9e ou un concept, ils \u00e9laborent des id\u00e9es avec Justinmind, puis ils les examinent et les r\u00e9visent – apr\u00e8s tout, les designers sont des r\u00e9solveurs de probl\u00e8mes<\/a>! Jusqu’\u00e0 pr\u00e9sent, seule Maggie a interagi directement avec les prototypes, mais elle est impatiente d’introduire les fonctions de travail en \u00e9quipe et de partage<\/a> dans son \u00e9quipe afin que tout le monde puisse travailler simultan\u00e9ment sur les prototypes. Maggie travaille en \u00e9troite collaboration avec la gestion des produits pour d\u00e9velopper ses designs d’interface utilisateur, conform\u00e9ment aux besoins actuels du march\u00e9 et aux objectifs de l’entreprise. Mais elle travaille \u00e9galement avec des soci\u00e9t\u00e9s tierces de design d’interface utilisateur lorsque le travail n\u00e9cessite des ressources suppl\u00e9mentaires. Il est donc essentiel de pouvoir partager ses prototypes. Lorsqu’il s’agit de pr\u00e9senter un prototype aux parties prenantes, Maggie organise une conf\u00e9rence t\u00e9l\u00e9phonique. Avant la r\u00e9union, tous les participants recevront par courrier \u00e9lectronique un lien priv\u00e9 vers son prototype afin qu’ils puissent l’examiner ensemble. Maggie ajoute ensuite des commentaires \u00e0 son prototype pour que tout le monde puisse voir les r\u00e9actions en m\u00eame temps.<\/p>\n

Maintenir la coh\u00e9rence avec les normes de l’industrie<\/h2>\n

Selon une \u00e9tude sur la livraison moderne de logiciels<\/a>, les entreprises de logiciels sont soumises \u00e0 une pression toujours plus forte pour livrer plus rapidement des solutions bien con\u00e7ues et de qualit\u00e9. Mais lorsque les designers sont sous pression pour produire \u00e0 cette vitesse, les d\u00e9tails en p\u00e2tissent souvent. Tout UX designer digne de ce nom comprend l’importance de maintenir la coh\u00e9rence<\/a>, le polissage et l’alignement dans les projets, les prototypes et les marques. Les normes industrielles sont la pierre angulaire d’un excellent design web, et peuvent faire ou d\u00e9faire un UX Designer. Maggie doit souvent g\u00e9rer plusieurs projets au quotidien, et chacun d’entre eux peut \u00eatre tr\u00e8s diff\u00e9rent en fonction de son objectif. Elle est charg\u00e9e de concevoir et de maintenir des directives d’UI standard et des sc\u00e9narios d’utilisation<\/a> qui garantissent une exp\u00e9rience utilisateur coh\u00e9rente. Il est essentiel de pouvoir maintenir la coh\u00e9rence au sein des projets et des prototypes, ainsi qu’entre eux. Maggie utilise les mod\u00e8les de style de<\/a> Justinmind pour r\u00e9utiliser le contenu et les masters<\/a> afin d’appliquer des modifications globales et ainsi gagner du temps et \u00e9viter les reprises. Lorsqu’il s’agit de maintenir la coh\u00e9rence de l’interaction d’un design, elle est capable de simplement copier et coller des \u00e9v\u00e9nements sur d’autres \u00e9l\u00e9ments de l’UI. Elle plaisante : <\/p>\n

\u00ab\u00a0Pour \u00eatre honn\u00eate, je ne sais pas du tout comment je faisais mon travail avant d’utiliser les outils de prototypage !<\/p><\/blockquote>\n

 <\/p>\n

\"logiciels-entreprises-designers-pression-designs-plus-rapides-et-efficaces\"<\/p>\n

Interaction : donner de la profondeur aux designs gr\u00e2ce \u00e0 des \u00e9v\u00e9nements puissants<\/h2>\n

Les widgets interactifs de Justinmind sont la meilleure et la plus grande des choses pour Maggie. Elle exploite ce qui a d\u00e9j\u00e0 \u00e9t\u00e9 construit – nos widgets pr\u00e9construits et nos biblioth\u00e8ques de widgets<\/a> – afin d’\u00e9viter tout remaniement inutile. Ensuite, elle les enrichit d’\u00e9v\u00e9nements, de transitions et de gestes mobiles puissants. En fait, Maggie nous dit que le syst\u00e8me d’\u00e9v\u00e9nements unique de Justinmind a \u00e9t\u00e9 l’un des principaux moteurs de sa d\u00e9cision d’int\u00e9grer Justinmind \u00e0 iPipeline. Elle peut sentir la diff\u00e9rence lorsqu’elle et son \u00e9quipe doivent pr\u00e9senter leurs designs aux parties prenantes pour validation et approbation. <\/p>\n

\u00ab\u00a0Justinmind offre une opportunit\u00e9 unique d’ajouter une grande interactivit\u00e9. Avec peut enfin montrer ce que nous pensons d’un design.\u00a0\u00bb<\/p><\/blockquote>\n

Des tests utilisateurs bien faits : L’int\u00e9gration de Justinmind avec Validately<\/h2>\n

Depuis f\u00e9vrier 2016, Justinmind travaille aux c\u00f4t\u00e9s de Validately pour offrir aux utilisateurs un moyen optimal d’ex\u00e9cuter des recherches et des tests utilisateurs. \u00ab\u00a0Je suis tomb\u00e9e dessus par hasard\u00a0\u00bb, dit-elle lorsqu’on lui demande comment elle a d\u00e9couvert l’int\u00e9gration. Maggie travaille dans un environnement au rythme tr\u00e8s rapide, et elle est la seule \u00e0 travailler dans le domaine de l’UX. L’int\u00e9gration lui a permis de r\u00e9aliser<\/a> plus facilement des tests d’utilisabilit\u00e9<\/a> sans avoir besoin d’un apprentissage suppl\u00e9mentaire. Des personnes ont r\u00e9pondu \u00e0 ses tests en interne. Le retour d’information a \u00e9t\u00e9 rapide et efficace, et elle n’a eu aucun mal \u00e0 comprendre leur point de vue. Une fois qu’ils ont re\u00e7u les commentaires, elle et son \u00e9quipe ont pu cr\u00e9er des r\u00e9visions et des it\u00e9rations imm\u00e9diatement, le jour m\u00eame.<\/p>\n

\"jim+validately-user-testing\"<\/p>\n

Maggie a effectu\u00e9 des tests mod\u00e9r\u00e9s en utilisant un WebEx et un script et Usability Hub dans le pass\u00e9. Elle nous dit que l’int\u00e9gration l’a aid\u00e9e \u00e0 simplifier et \u00e0 rationaliser les processus de test utilisateur de l’\u00e9quipe. Actuellement, elle r\u00e9alise des tests en interne avec Justinmind et Validately, mais pr\u00e9voit de les \u00e9tendre \u00e0 des participants externes dans un avenir proche. <\/p>\n

<\/strong>Un grand merci \u00e0 Maggie pour avoir partag\u00e9 sa vie de prototypiste avec nous ! Et comme toujours, <\/em> nous aimerions conna\u00eetre votre exp\u00e9rience avec Justinmind. Si vous souhaitez vous impliquer, il vous suffit de cliquer sur le lien suivant <\/em> envoyez-nous un message<\/a> et nous vous contacterons !<\/em>\"T\u00e9l\u00e9charger<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Nous avons discut\u00e9 avec Maggie Paparella, UX Designer chez iPipeline, de son exp\u00e9rience du prototypage avec Justinmind au bureau et en dehors. Faites d\u00e9filer vers le…<\/p>\n","protected":false},"author":11,"featured_media":85453,"parent":0,"menu_order":0,"template":"","tags":[8476,8412,8472,8473,8474],"content_category":[],"class_list":["post-125117","tc_content_pillar","type-tc_content_pillar","status-publish","has-post-thumbnail","hentry","tag-bibliotheque-de-widgets","tag-legacy-fr","tag-processus-de-design","tag-prototypes-interactifs","tag-ux-design-fr"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/tc_content_pillar\/125117"}],"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":3,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/tc_content_pillar\/125117\/revisions"}],"predecessor-version":[{"id":125500,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/tc_content_pillar\/125117\/revisions\/125500"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/media\/85453"}],"wp:attachment":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/media?parent=125117"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/tags?post=125117"},{"taxonomy":"content_category","embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/content_category?post=125117"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}