{"id":6443,"date":"2019-09-09T11:51:17","date_gmt":"2019-09-09T09:51:17","guid":{"rendered":"https:\/\/www.luklagroup.com\/sem-categoria\/10-astuces-ux-ui-pour-booster-votre-plateforme-collaborative\/"},"modified":"2026-11-04T16:50:21","modified_gmt":"2026-11-04T15:50:21","slug":"10-astuces-ux-ui-pour-booster-votre-plateforme-collaborative","status":"publish","type":"post","link":"https:\/\/www.luklagroup.com\/pt-pt\/web-marketing-pt-pt\/10-astuces-ux-ui-pour-booster-votre-plateforme-collaborative\/","title":{"rendered":"10 astuces UX\/UI pour booster votre plateforme collaborative"},"content":{"rendered":"<p><em><strong>Souvent oubli\u00e9e, une plateforme collaborative con\u00e7ue sans UX\/UI d\u00e8s sa conception p\u00e9nalise le parcours utilisateur et donc son adoption. De ce fait, quels sont les \u00e9l\u00e9ments cl\u00e9s pour dynamiser les pratiques collaboratives ? Au travers cet article, nous vous exposons 9 pratiques d&#8217;UX\/UI, indispensables pour un usage optimis\u00e9 de la plateforme.<\/strong><\/em><\/p>\n<h2>Intro : Vous avez dit UX\/UI ?<\/h2>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-1511 size-full\" src=\"https:\/\/digiwin.fr\/wp-content\/uploads\/2019\/09\/bonnes-pratiques-ux-ui-digital-workplace.jpg\" alt=\"\" width=\"1800\" height=\"1200\" \/><\/p>\n<p>Avant tout, revenons sur la d\u00e9finition de l&#8217;UX et de l&#8217;UI :<\/p>\n<ul>\n<li><strong>UX (User Experience) :<\/strong> c&#8217;est la conception des parcours utilisateurs, du point de vue des utilisateurs. Le point de d\u00e9part est l&#8217;\u00e9tude approfondie de ses utilisateurs gr\u00e2ce \u00e0 un panel d&#8217;outils de conception (atelier personae, empathy map, user map journey &#8230;). Ensuite, il s&#8217;agit de penser les &#8220;articulations des pages&#8221; et les &#8220;fonctionnalit\u00e9s attendues&#8221; dans une d\u00e9marche user-centric. En r\u00e9sum\u00e9, un bon UX garantit \u00e0 l&#8217;utilisateur un parcours optimis\u00e9 qui r\u00e9pond pr\u00e9cis\u00e9ment \u00e0 son besoin de navigation sur la plateforme.<\/li>\n<li><strong>UI (User Interface) :<\/strong> c&#8217;est la conception de l&#8217;interface qui sert le parcours utilisateur. En double coh\u00e9rence avec la proposition d&#8217;UX et de positionnement projet, il s&#8217;agit d&#8217;orchestrer l&#8217;ensemble des interactions et contenus de fa\u00e7on intuitive et confortable. Par exemple, c&#8217;est gr\u00e2ce \u00e0 l&#8217;UI que le placement, la forme et la couleur des \u00e9l\u00e9ments sont d\u00e9finis.<\/li>\n<\/ul>\n<p>Bien coordonn\u00e9es, l&#8217;UX et l&#8217;UI permettront \u00e0 vos collaborateurs de mieux naviguer sur la plateforme : retrouver plus simplement ce qu&#8217;ils recherchent, inciter \u00e0 la contribution, rendre la lecture agr\u00e9able &#8230; Ceci est valable pour tous les acteurs de la plateforme : administrateurs, contributeurs, utilisateurs finaux&#8230;<\/p>\n<p>&nbsp;<\/p>\n<h2>1. Organiser l&#8217;arborescence en empathie avec vos collaborateurs<\/h2>\n<p><strong><br \/>\n<\/strong>Il est primordial de penser une arborescence du point de vue de ses utilisateurs et obtenir <strong>une arborescence plus intuitive<\/strong>. Ci-dessous, la premi\u00e8re arborescence est pens\u00e9e \u00e0 travers un axe &#8220;positionnement \/ organisation&#8221; qui peut \u00eatre distante de ses utilisateurs. La seconde, privil\u00e9gie une logique d&#8217;organisation par typologie de contenus, d&#8217;usages ou par projets : plus proche du quotidien de ses collaborateurs.<\/p>\n<h2><img decoding=\"async\" class=\"aligncenter wp-image-1344 size-full\" src=\"https:\/\/digiwin.fr\/wp-content\/uploads\/2019\/08\/Diapositive1.png\" alt=\"UX\/UI Diff\u00e9rence d'arborescence\" width=\"1024\" height=\"614\" \/><\/h2>\n<h2>2. Rendre la recherche intelligente<\/h2>\n<p><strong><br \/>\n<\/strong>Aujourd&#8217;hui, les internautes effectuent plus de 50% de leurs recherches via le moteur de recherche. C&#8217;est pourquoi, nous vous conseillons au minima de proposer des &#8220;r\u00e9sultats sugg\u00e9r\u00e9s&#8221; pour rendre la recherche plus rapide et limpide. Au mieux, proposez une &#8220;recherche \u00e0 facette&#8221; avec la possibilit\u00e9 de trier les contenus avec des crit\u00e8res avanc\u00e9s.<\/p>\n<h2><img decoding=\"async\" class=\"aligncenter wp-image-1345 size-full\" src=\"https:\/\/digiwin.fr\/wp-content\/uploads\/2019\/08\/Diapositive2.jpeg\" alt=\"UX\/UI Recherche sugg\u00e9r\u00e9e et \u00e0 facette pour vos moteurs de recherche\" width=\"1018\" height=\"482\" \/><\/h2>\n<h2>3. Profiler d\u00e8s la page d&#8217;accueil<\/h2>\n<p><strong><br \/>\n<\/strong>Chaque utilisateur a un besoin propre, et donc des acc\u00e8s \u00e0 des contenus diff\u00e9rents. <strong>Personnalisez votre page d&#8217;accueil et les zones r\u00e9currentes de navigation<\/strong> (header, sidebar &#8230;) pour adapter le parcours utilisateur \u00e0 vos cibles selon les diff\u00e9rents services, niveaux hi\u00e9rarchiques ou diff\u00e9rentes zones g\u00e9ographiques auxquels il appartiennent. Les contenus leur seront plus pertinents.<\/p>\n<h2>4. Personnaliser les fonctionnalit\u00e9s<\/h2>\n<p><strong><br \/>\n<\/strong>Tout comme la page d&#8217;accueil, l&#8217;utilisateur doit s&#8217;approprier l&#8217;outil. La plateforme collaborative devient donc personnelle ce qui augmente ses interactions.<\/p>\n<h2>5. &#8220;Auteuriser&#8221; les contenus<\/h2>\n<p><strong><br \/>\n<\/strong>Lorsque vos plateformes sont ouvertes \u00e0 la contribution, il est essentiel d&#8217;ins\u00e9rer le nom de l&#8217;auteur dans les publications (comme vous pouvez d&#8217;ailleurs le constater en bas de cet article). Les b\u00e9n\u00e9fices sont multiples :<\/p>\n<p>&#8211; Rendre visible le travail des autres,<br \/>\n&#8211; Ouvrir les r\u00e9actions,<br \/>\n&#8211; Identifier l&#8217;expertise et les centres d&#8217;int\u00e9r\u00eat des collaborateurs,<br \/>\n&#8211; Inciter \u00e0 la contribution sur la plateforme collaborative.<\/p>\n<h2>6. Permettre \u00e0 la communaut\u00e9 de r\u00e9agir<\/h2>\n<p><strong><br \/>\n<\/strong>V\u00e9ritable r\u00e9seau social d&#8217;entreprise, les plateformes collaboratives peuvent valoriser les interactions en permettant aux utilisateurs de &#8220;r\u00e9agir&#8221;. De cette fa\u00e7on, vos collaborateurs peuvent avoir des retours concrets sur leurs contributions et modifier le contenu si besoin, confirmer une orientation donn\u00e9e ou galvaniser le partage &#8230;<br \/>\n<img decoding=\"async\" class=\"aligncenter wp-image-1349 size-full\" title=\"UX\/UI Permettre les r\u00e9actions\" src=\"https:\/\/digiwin.fr\/wp-content\/uploads\/2019\/08\/Diapositive6.png\" alt=\"UX\/UI Permettre les r\u00e9actions\" width=\"964\" height=\"141\" \/><\/p>\n<h2>7. Ouvrir les canaux de conversation<\/h2>\n<p><strong><br \/>\n<\/strong>En duo ou \u00e0 plusieurs, ouvrez des <strong>canaux de conversations en fonction du besoin de l&#8217;\u00e9change<\/strong> (projets, th\u00e9matiques d&#8217;int\u00e9r\u00eat ou travaux de groupe). Les \u00e9changes pourront \u00eatre facilement retrouv\u00e9es car centralis\u00e9es (et non \u00e9parpill\u00e9es comme les mails).<br \/>\nL&#8217;information sera diffus\u00e9e de fa\u00e7on plus rapide et dynamique, favorisant d&#8217;avantage les \u00e9changes formels ou informels.<\/p>\n<h2>8. Simplifier la contribution<\/h2>\n<p><strong><br \/>\n<\/strong>Pour favoriser l&#8217;usage fr\u00e9quent de la plateforme, pensez \u00e0 des acc\u00e8s \u00e0 la contribution les plus simples et ergonomiques possibles. Cela permet \u00e0 l&#8217;utilisateur de <strong>se rep\u00e9rer facilement parmi les nombreuses fonctionnalit\u00e9s existantes<\/strong>.<br \/>\n<img decoding=\"async\" class=\"aligncenter wp-image-1351 size-full\" title=\"UX\/UI Simplifier la contribution\" src=\"https:\/\/digiwin.fr\/wp-content\/uploads\/2019\/08\/Diapositive8.png\" alt=\"UX\/UI Simplifier la contribution\" width=\"1014\" height=\"276\" \/><\/p>\n<h2>9. Notifier l&#8217;activit\u00e9 pour cr\u00e9er un lien \u00e9motionnel<\/h2>\n<p>\u00catre inform\u00e9 de la &#8220;vie de la plateforme&#8221; \u00e0 travers des <strong>notifications<\/strong> permet de fid\u00e9liser le collaborateur. Rassemblez les retours d&#8217;activit\u00e9 dans un emplacement unique, visibles facilement \u00e0 l&#8217;aide d&#8217;une typographie ou d&#8217;un ic\u00f4ne particuliers notifiant d&#8217;une nouvelle.<\/p>\n<h2>10. Ajuster pour mieux s&#8217;adapter<\/h2>\n<p>N&#8217;oubliez pas que l&#8217;on (co-)construit l&#8217;UX\/UI lors de la phase conception. Pour autant, il est recommand\u00e9 d&#8217;ajuster quelques \u00e9l\u00e9ments avant le lancement officiel lors d&#8217;une phase dite &#8220;pilote&#8221;. Cette phase vous permettra entre autre de &#8220;tester les usages en conditions r\u00e9elles&#8221;.<\/p>\n<p>Mais il en est de m\u00eame pour la phase apr\u00e8s-lancement, une fois &#8220;un usage de masse&#8221; de la plateforme par l&#8217;ensemble de vos collaborateurs. <strong>Remontez et capitalisez les REX (retours d&#8217;exp\u00e9rience) pour am\u00e9liorer la plateforme collaborative.<\/strong><\/p>\n<p>Plus tard, nous vous conseillons d&#8217;ajuster les nouveaux besoins m\u00e9tiers, nouveaux process de votre organisation \u00e0 l&#8217;usage de la plateforme. Au mieux, d&#8217;anticiper les futurs.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Souvent oubli\u00e9, une plateforme collaborative con\u00e7ue sans UX\/UI d\u00e8s sa conception p\u00e9nalise le parcours utilisateur et donc son adoption. De ce fait, quels sont les \u00e9l\u00e9ments cl\u00e9s pour dynamiser les pratiques collaboratives ? A travers cet article, nous vous offrons 9 pratiques d\u2019UX\/UI, indispensables pour un usage optimis\u00e9 de la plateforme<\/p>\n","protected":false},"author":1,"featured_media":6444,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[184,185,182],"tags":[224,248],"class_list":["post-6443","post","type-post","status-publish","format-standard","has-post-thumbnail","category-change-adopt-pt-pt","category-digital-workplace-pt-pt","category-web-marketing-pt-pt","tag-digital-workplace-pt-pt","tag-ux-ui-pt-pt"],"_links":{"self":[{"href":"https:\/\/www.luklagroup.com\/pt-pt\/wp-json\/wp\/v2\/posts\/6443","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.luklagroup.com\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.luklagroup.com\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.luklagroup.com\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.luklagroup.com\/pt-pt\/wp-json\/wp\/v2\/comments?post=6443"}],"version-history":[{"count":1,"href":"https:\/\/www.luklagroup.com\/pt-pt\/wp-json\/wp\/v2\/posts\/6443\/revisions"}],"predecessor-version":[{"id":3017419,"href":"https:\/\/www.luklagroup.com\/pt-pt\/wp-json\/wp\/v2\/posts\/6443\/revisions\/3017419"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.luklagroup.com\/pt-pt\/wp-json\/wp\/v2\/media\/6444"}],"wp:attachment":[{"href":"https:\/\/www.luklagroup.com\/pt-pt\/wp-json\/wp\/v2\/media?parent=6443"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.luklagroup.com\/pt-pt\/wp-json\/wp\/v2\/categories?post=6443"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.luklagroup.com\/pt-pt\/wp-json\/wp\/v2\/tags?post=6443"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}