{"id":7341,"date":"2022-09-13T14:35:24","date_gmt":"2022-09-13T14:35:24","guid":{"rendered":"http:\/\/v2.digicomcorporation.fr\/?p=7341"},"modified":"2023-10-23T12:31:37","modified_gmt":"2023-10-23T12:31:37","slug":"methodologie-ux-user-centric","status":"publish","type":"post","link":"https:\/\/digicomcorporation.com\/fr\/actualites\/ux-ui-design\/methodologie-ux-user-centric\/","title":{"rendered":"M\u00e9thodologie UX ou \u00ab\u00a0User Centric\u00a0\u00bb"},"content":{"rendered":"<h1>M\u00e9thodologie UX ou \u00ab User Centric \u00bb<\/h1>\n<div>\n<p>La m\u00e9thodologie \u00ab user centric \u00bb ou m\u00e9thodologie UX (User Experience Design) est un concept orient\u00e9 utilisateur qui a comme objectif d\u2019adapter une IHM sur plusieurs plateformes (desktop ou mobile\u2026.), de garantir la qualit\u00e9 de l\u2019exp\u00e9rience v\u00e9cue par l\u2019utilisateur et de rendre l\u2019interface plus ergonomique et intuitive, en s\u2019appuyant sur les ressentis des utilisateurs.<\/p>\n<p>La m\u00e9thodologie UX permet de trouver l\u2019\u00e9quilibre entre simplicit\u00e9 et esth\u00e9tique des interfaces tout en garantissant l\u2019aspect fonctionnel et technique.<\/p>\n<p>Les 5 \u00e9tapes de la conception UX :<\/p>\n<ol>\n<li>D\u00e9couverte<\/li>\n<li>Analyse<\/li>\n<li>Id\u00e9ation<\/li>\n<li>Design du prototype<\/li>\n<li>La rectification<\/li>\n<\/ol>\n<\/div>\n<h2>1. La d\u00e9couverte<\/h2>\n<div>\n<p>Cette phase consiste \u00e0 enqu\u00eater sur les utilisateurs d\u2019un syst\u00e8me, d\u2019une application ou d\u2019une IHM, \u00e0 comprendre leurs besoins et conna\u00eetre leurs attentes.<\/p>\n<p>Plusieurs m\u00e9thodes et outils peuvent \u00eatre utilis\u00e9es pour accomplir cette t\u00e2che :<\/p>\n<ol>\n<li>Les \u00e9tudes sur terrain et les visites de sites<\/li>\n<li>Les donn\u00e9es analytiques. (Google, hotjar)<\/li>\n<li>Les interviews des parties prenantes (utilisateurs et m\u00e9tiers)<\/li>\n<\/ol>\n<\/div>\n<h3>A. Etudes de terrain ou &#8220;shadowing&#8221;<\/h3>\n<div>\n<p>Cette m\u00e9thode consiste \u00e0 observer des utilisateurs afin d\u2019observer en temps r\u00e9el leurs comportements, leurs usages et leurs perceptions avec le produit ou service sans interf\u00e9rer avec eux.<\/p>\n<p>Cette m\u00e9thodologie d\u2019observation in-situ permet de faire \u00e9merger des hypoth\u00e8ses sur les typologies d\u2019utilisateurs en pr\u00e9sence, leurs parcours au sein d\u2019un espace donn\u00e9 ainsi que les irritants auxquels ils pourraient faire face.<\/p>\n<p><strong>Quand l\u2019utiliser ?<\/strong><\/p>\n<p>Cette m\u00e9thode pr\u00e9sente un int\u00e9r\u00eat pour analyser les comportement des utilisateurs sur des IHM en mobilit\u00e9.<\/p>\n<p><strong>Quels b\u00e9n\u00e9fices ?<\/strong><\/p>\n<p>Le shadowing permet d\u2019observer des comportements spontan\u00e9s et non objectiv\u00e9s. Les donn\u00e9es recueillies sont pr\u00e9cieuses car il n\u2019y a aucune parole rapport\u00e9e de la part de l\u2019utilisateur (ce qui permet de d\u00e9jouer de nombreux biais).<\/p>\n<p>\u00c0 partir de cette observation in-situ, il est d\u00e9j\u00e0 possible d\u2019\u00e9mettre des hypoth\u00e8ses sur l\u2019exp\u00e9rience utilisateur qui seront infirm\u00e9es ou confirm\u00e9es lors d\u2019entretiens. Ces premi\u00e8res donn\u00e9es de terrain permettront d\u2019affiner le protocole d\u2019enqu\u00eate ainsi que le guide des interviews utilisateurs.<\/p>\n<\/div>\n<h3>B. Donn\u00e9es analytiques<\/h3>\n<div>\n<p>L\u2019analyse des donn\u00e9es analytiques montre l\u2019utilisation r\u00e9elle d\u2019une solution. Elle permet de suivre et de collecter les donn\u00e9es des utilisateurs ainsi que des informations sur leur comportement et leurs actions.<\/p>\n<p>Plusieurs outils comme Google analytics ou Hotjar permettent de collecter des donn\u00e9s sur une IHM existante et de produire les outils d&#8217;analyse ci-dessous :<\/p>\n<p><strong>&#8220;Heatmap&#8221;<\/strong> <br \/>Les &#8220;Heatmap&#8221; ou &#8220;Cartes de chaleur&#8221; repr\u00e9sentent visuellement o\u00f9 les utilisateurs cliquent, se d\u00e9placent et d\u00e9filent sur votre site. Elles permettent de d\u00e9couvrir les \u00e9l\u00e9ments vers lesquels les utilisateurs sont attir\u00e9s et les parties qui leur manquent compl\u00e8tement.<\/p>\n<\/div>\n<p><img decoding=\"async\" src=\"\/wp-content\/uploads\/2022\/09\/heatmap-UX-UI-Digicom-1.png\" alt=\"Carte de chaleur site heatmap UX UI\"><\/p>\n<div>\n<p><strong>Les enregistrements<\/strong> <br \/>Les enregistrements vid\u00e9os permettent de visualiser le comportement des utilisateurs sur une IHM. Comment scrollent ils dans les pages, o\u00f9 cliquent ils, \u00e0 quel moment quittent ils l&#8217;interface par frustration.<\/p>\n<p>Ces enregistrement pourront \u00eatre fait en pr\u00e9sentiel ou \u00e0 distance via des outils tels que Hotjar<\/p>\n<\/div>\n<h3>C. Interviews\/ateliers utilisateurs<\/h3>\n<div>\n<p>Partie int\u00e9grante de la d\u00e9marche UX, les entretiens avec les utilisateurs sont un excellent point de base pour tout projet. Ces entretiens fournissent des donn\u00e9es essentielles \u00e0 la conception du produit d\u00e9velopp\u00e9.<\/p>\n<p>L\u2019interview vise \u00e0 collecter des informations qualitatives (avec de la subjectivit\u00e9 et des d\u00e9tails) de la part d\u2019utilisateurs effectifs ou potentiels d\u2019une solution digitale. Elle peut \u00e9ventuellement \u00eatre compl\u00e9t\u00e9e de sondages vou\u00e9s \u00e0 rassembler des donn\u00e9es plus quantitatives.<\/p>\n<p>Il peut \u00eatre judicieux de faire \u00e9galement participer \u00e0 ces entretiens les parties prenantes des projets (m\u00e9tier, porteurs de projets, \u00e9quipes impact\u00e9es ,&#8230;) pour appr\u00e9hender la perspective de ceux qui ont une influence ou un int\u00e9r\u00eat sur les r\u00e9sultats du projet. Cela permettra de d\u00e9tecter les \u00e9ventuels d\u00e9calages de vision du projet au sein de l&#8217;entreprise.<\/p>\n<\/div>\n<h2>2. Analyse<\/h2>\n<div>\n<p>Une fois les donn\u00e9es collect\u00e9es durant la phase de la d\u00e9couverte, elles pourront ensuite \u00eatre analys\u00e9es.<br \/>Cette \u00e9tape permet d\u2019extraire des interpr\u00e9tations \u00e0 partir des donn\u00e9es et de les transformer en indicateurs qui serviront de base pour concevoir les premi\u00e8res fonctionnalit\u00e9s de la solution \u00e0 d\u00e9velopper.<\/p>\n<p>Cette \u00e9tape d\u2019analyse va permettre de concevoir plusieurs outils qui serviront lors de la phase d\u2019id\u00e9ation<\/p>\n<ol>\n<li>Les \u201cpersonas\u201d\u2026<\/li>\n<li>La cartographie de parcours ou exp\u00e9rience map<\/li>\n<\/ol>\n<\/div>\n<h3>A. Les personas<\/h3>\n<div>\n<p>La m\u00e9thode des personas consiste \u00e0 cr\u00e9er une repr\u00e9sentation fictive mais r\u00e9aliste des utilisateurs des IHM. L\u2019objectif principal est de permettre aux concepteurs et aux d\u00e9veloppeurs de se r\u00e9f\u00e9rer aux utilisateurs. Les personas les repr\u00e9sentent concr\u00e8tement.<\/p>\n<p>Il s\u2019agit de faire le portrait-robot d\u2019un utilisateur pour mieux l&#8217;incarner, \u00e0 partir de ce que l\u2019on sait d\u2019eux. L\u2019\u00e9quipe dispose ainsi d\u2019un outil pour la conception d\u2019interfaces ou de services interactifs r\u00e9pondant aux besoins des utilisateurs.<\/p>\n<p>La m\u00e9thode du persona apporte de nombreux avantages :<\/p>\n<ul>\n<li>Donner un visage et une vie aux utilisateurs cibles pour mieux identifier leurs attentes, besoins et ressentis.<\/li>\n<li>Augmenter l\u2019empathie des designers UX UI et des professionnels impliqu\u00e9s dans un projet. Ils peuvent ainsi concevoir une interface utilisateur am\u00e9lior\u00e9e, align\u00e9e sur les objectifs r\u00e9els de l\u2019usager<\/li>\n<li>Faciliter la phase l\u2019id\u00e9ation.<\/li>\n<li>D\u00e9terminer les sp\u00e9cifications fonctionnelles et techniques adapt\u00e9es aux diff\u00e9rentes cat\u00e9gories d\u2019utilisateurs (identifier les priorit\u00e9s).<\/li>\n<\/ul>\n<\/div>\n<p><img decoding=\"async\" src=\"\/wp-content\/uploads\/2022\/09\/persona-UX-UI.png\" alt=\"Persona UX UI Design\"><\/p>\n<h3>B. Cartographie de parcours ou experience map<\/h3>\n<div>\n<p>Le mapping de l\u2019exp\u00e9rience donne une vision globale des comportements des utilisateurs et de leurs interactions avec une IHM. Avec ces outils, il est possible de mieux cibler les besoins de l\u2019utilisateur, identifier les probl\u00e8mes organisationnels et trouver des opportunit\u00e9s d&#8217;am\u00e9lioration.<\/p>\n<p>Il s\u2019agit d\u2019une repr\u00e9sentation graphique et holistique des actions et pens\u00e9es des utilisateurs durant la r\u00e9alisation d\u2019une t\u00e2che, ou pour atteindre un objectif. La carte repr\u00e9sente alors le parcours du persona durant son interaction avec un service ou une interface.<\/p>\n<\/div>\n<p><img decoding=\"async\" src=\"\/wp-content\/uploads\/2022\/09\/experience-map.png\" alt=\"Experience map\"><\/p>\n<h2>3. Id\u00e9ation et co-construction<\/h2>\n<div>\n<p>Cette \u00e9tape consiste \u00e0 d\u00e9gager un maximum d\u2019id\u00e9es de l\u2019analyse faite au pr\u00e9alable.<br \/>Il est pr\u00e9f\u00e9rable de faire participer toutes les parties prenantes du projet aux workshops d\u2019id\u00e9ations (Designer, D\u00e9veloppeurs, intervenants m\u00e9tier).<br \/>Une fois son exp\u00e9rience utilisateur identifi\u00e9e il faut prioriser les optimisations UX et c\u2019est l\u00e0 o\u00f9 le \u201cscoring des features\u201d intervient. Durant cette \u00e9tape seront mis en place des Workshop d\u2019id\u00e9ation qui auront pour but entre autres d&#8217;aligner la vision &#8220;m\u00e9tier&#8221; et les besoins des utilisateurs en pond\u00e9rant les diff\u00e9rentes lignes qui composent le backlog.<\/p>\n<p>La m\u00e9thode de pond\u00e9ration est tr\u00e8s importante car elle d\u00e9termine le poids que l\u2019on va accorder \u00e0 chaque partie et ainsi prioriser les macro-fonctionnalit\u00e9s. Plus on accorde d\u2019importance \u00e0 l\u2019avis des utilisateurs plus on est \u201cuser-centric\u201d.<br \/>Il faut s\u00e9lectionner les \u00e9l\u00e9ments qui seront pr\u00e9sents dans la construction de la structure de l\u2019interface pour assurer la satisfaction utilisateur.<\/p>\n<\/div>\n<h2>4. Design et prototype<\/h2>\n<div>\n<p>Cette \u00e9tape se d\u00e9roule de mani\u00e8re it\u00e9rative et comprend 3 \u00e9tapes majeurs :<\/p>\n<ol>\n<li>La d\u00e9finition de la structure des IHM sous forme de wireframe \u2026<\/li>\n<li>Le design final des maquettes et de l\u2019UI design \u2026<\/li>\n<li>Le prototypage haute d\u00e9finition des interfaces \u2026<\/li>\n<\/ol>\n<\/div>\n<h3>A. Les wireframes<\/h3>\n<div>\n<p>Le wireframe est une repr\u00e9sentation statique de basse fid\u00e9lit\u00e9 du concept graphique d\u2019une IHM en cr\u00e9ation ou en refonte. Il englobe les bases de l&#8217;interface, \u00e0 savoir le contenu, l\u2019architecture de l\u2019information et une description simple de l\u2019interaction pr\u00e9vue entre l\u2019utilisateur et le site web.<\/p>\n<p>Le wireframe est une premi\u00e8re \u00e9tape qui ne donne pas un rendu visuel marqu\u00e9, mais il est crucial pour partir sur de bonnes bases.<\/p>\n<p>Il s\u2019agit d&#8217;une repr\u00e9sentation de base qui servira dans la progression du projet. <\/p>\n<\/div>\n<h3>B. Les maquettes<\/h3>\n<div>\n<p>C\u2019est lors de cette \u00e9tape du maquettage qu\u2019on va visualiser les premi\u00e8res versions de l\u2019IHM au design system. Le seul point commun entre le wireframe et la maquette, c\u2019est que les deux sont statiques.<\/p>\n<p>C\u2019est cette phase du maquettage qui va permettre d\u2019interagir avec les diff\u00e9rentes parties prenantes du projet et de commencer \u00e0 recueillir les avis utilisateurs.<\/p>\n<\/div>\n<h3>C. Le prototype<\/h3>\n<div>\n<p>Le prototype est une repr\u00e9sentation dynamique de haute-fid\u00e9lit\u00e9 d\u2019une IHM. C\u2019est une simulation du projet final, gr\u00e2ce \u00e0 laquelle il est possible de tester les interactions qu\u2019auront les utilisateurs et voir en action les hypoth\u00e8ses d\u2019exp\u00e9rience utilisateur.<\/p>\n<p>En effet, l\u2019un des objectifs du prototype est d\u2019offrir une version cliquable d\u2019une IHM. Cela permet de tester si l\u2019interface est adapt\u00e9e au besoin des utilisateurs, s\u2019il comporte des erreurs de parcours ou d\u2019autres probl\u00e8mes d\u2019usabilit\u00e9.<\/p>\n<p>Avec un design r\u00e9aliste et un prototype fonctionnel, c\u2019est l\u2019occasion de faire les derniers ajustements. L\u2019\u00e9tape du prototypage \u00e9tant g\u00e9n\u00e9ralement la derni\u00e8re, c\u2019est \u00e0 ce moment que seront valid\u00e9s les interfaces et l\u2019UX (exp\u00e9rience utilisateur) avant de passer au d\u00e9veloppement.<\/p>\n<\/div>\n<h2>5. La rectification<\/h2>\n<div>\n<p>C\u2019est ici que le prototype con\u00e7u pendant la phase de design va \u00eatre pr\u00e9sent\u00e9 \u00e0 un \u00e9chantillon repr\u00e9sentatif de l\u2019utilisateur type pour avoir un feedback permettant d\u2019effectuer les modifications n\u00e9cessaires.<br \/>En effet, il est difficile de pr\u00e9dire avec une exactitude absolue les besoins des utilisateurs et de leurs exp\u00e9riences . Il sera n\u00e9cessaire d\u2019avoir leurs retours pour perfectionner le prototype cr\u00e9\u00e9.<br \/>Cette \u00e9tape, ainsi que la pr\u00e9c\u00e9dente, sont it\u00e9ratives. Elles peuvent avoir lieu autant de fois que possible et s\u2019inscrire dans les sprints agiles des \u00e9quipes SI.<\/p>\n<\/div>\n<p><a href=\"https:\/\/digicomcorporation.com\/ressources\/Digicom-Corporation-UX-UI-Realisations.pdf\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2023\/10\/Digicom-Corporation-UX-UI-Realisations.png\" alt=\"\"><\/a><\/p>\n<h1>D\u00e9couvrez notre portfolio<\/h1>\n<div>\n<ul>\n<li>L&#8217;application mobile de l\u2019auto-\u00e9cole en ligne Cheelo.<\/li>\n<li>Le site Web des centres m\u00e9dical de soins imm\u00e9diat CMSI.<\/li>\n<li>Le site e-commerce du leader de la vente de roues et de roulettes en France : roues-et-roulettes.com<\/li>\n<\/ul>\n<\/div>\n<p>\n    <a href=\"https:\/\/digicomcorporation.com\/ressources\/Digicom-Corporation-UX-UI-Realisations.pdf\">Portfolio &#8211; UX \/ UI Design<\/a>\n<\/p>\n<p><!--more--><br \/>\n<!-- {\"type\":\"layout\",\"children\":[{\"type\":\"section\",\"props\":{\"style\":\"default\",\"width\":\"default\",\"vertical_align\":\"middle\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"title_breakpoint\":\"xl\",\"image_position\":\"center-center\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"position_sticky_breakpoint\":\"m\",\"image_position\":\"center-center\",\"media_overlay_gradient\":\"\"},\"children\":[{\"type\":\"headline\",\"props\":{\"title_element\":\"h1\",\"content\":\"M\\u00e9thodologie UX ou \\u00ab User Centric \\u00bb\"}},{\"type\":\"text\",\"props\":{\"margin\":\"default\",\"column_breakpoint\":\"m\",\"text_style\":\"meta\",\"content\":\"\n\n<p>La m\\u00e9thodologie \\u00ab user centric \\u00bb ou m\\u00e9thodologie UX (User Experience Design) est un concept orient\\u00e9 utilisateur qui a comme objectif d\\u2019adapter une IHM sur plusieurs plateformes (desktop ou mobile\\u2026.), de garantir la qualit\\u00e9 de l\\u2019exp\\u00e9rience v\\u00e9cue par l\\u2019utilisateur et de rendre l\\u2019interface plus ergonomique et intuitive, en s\\u2019appuyant sur les ressentis des utilisateurs.<\\\/p>\\n\n\n<p>La m\\u00e9thodologie UX permet de trouver l\\u2019\\u00e9quilibre entre simplicit\\u00e9 et esth\\u00e9tique des interfaces tout en garantissant l\\u2019aspect fonctionnel et technique.<\\\/p>\\n\n\n<p>Les 5 \\u00e9tapes de la conception UX :<\\\/p>\\n\n\n<ol>\\n\n\n<li>D\\u00e9couverte<\\\/li>\\n\n\n<li>Analyse<\\\/li>\\n\n\n<li>Id\\u00e9ation<\\\/li>\\n\n\n<li>Design du prototype<\\\/li>\\n\n\n<li>La rectification<\\\/li>\\n<\\\/ol>\"}},{\"type\":\"headline\",\"props\":{\"title_element\":\"h2\",\"content\":\"1. La d\\u00e9couverte\",\"title_style\":\"h2\"}},{\"type\":\"text\",\"props\":{\"margin\":\"default\",\"column_breakpoint\":\"m\",\"text_style\":\"meta\",\"content\":\"\n\n<p>Cette phase consiste \\u00e0 enqu\\u00eater sur les utilisateurs d\\u2019un syst\\u00e8me, d\\u2019une application ou d\\u2019une IHM, \\u00e0 comprendre leurs besoins et conna\\u00eetre leurs attentes.<\\\/p>\\n\n\n<p>Plusieurs m\\u00e9thodes et outils peuvent \\u00eatre utilis\\u00e9es pour accomplir cette t\\u00e2che :<\\\/p>\\n\n\n<ol>\\n\n\n<li>Les \\u00e9tudes sur terrain et les visites de sites<\\\/li>\\n\n\n<li>Les donn\\u00e9es analytiques. (Google, hotjar)<\\\/li>\\n\n\n<li>Les interviews des parties prenantes (utilisateurs et m\\u00e9tiers)<\\\/li>\\n<\\\/ol>\"}},{\"type\":\"headline\",\"props\":{\"title_element\":\"h3\",\"content\":\"A. Etudes de terrain ou \\\"shadowing\\\"\",\"title_style\":\"h3\"}},{\"type\":\"text\",\"props\":{\"margin\":\"default\",\"column_breakpoint\":\"m\",\"text_style\":\"meta\",\"content\":\"\n\n<p>Cette m\\u00e9thode consiste \\u00e0 observer des utilisateurs afin d\\u2019observer en temps r\\u00e9el leurs comportements, leurs usages et leurs perceptions avec le produit ou service sans interf\\u00e9rer avec eux.<\\\/p>\\n\n\n<p><br \\\/>Cette m\\u00e9thodologie d\\u2019observation in-situ permet de faire \\u00e9merger des hypoth\\u00e8ses sur les typologies d\\u2019utilisateurs en pr\\u00e9sence, leurs parcours au sein d\\u2019un espace donn\\u00e9 ainsi que les irritants auxquels ils pourraient faire face.<\\\/p>\\n\n\n<p><br \\\/><strong>Quand l\\u2019utiliser ?<\\\/strong><\\\/p>\\n\n\n<p><br \\\/>Cette m\\u00e9thode pr\\u00e9sente un int\\u00e9r\\u00eat pour analyser les comportement des utilisateurs sur des IHM en mobilit\\u00e9.<\\\/p>\\n\n\n<p><br \\\/><strong>Quels b\\u00e9n\\u00e9fices ?<\\\/strong><\\\/p>\\n\n\n<p><br \\\/>Le shadowing permet d\\u2019observer des comportements spontan\\u00e9s et non objectiv\\u00e9s. Les donn\\u00e9es recueillies sont pr\\u00e9cieuses car il n\\u2019y a aucune parole rapport\\u00e9e de la part de l\\u2019utilisateur (ce qui permet de d\\u00e9jouer de nombreux biais).<\\\/p>\\n\n\n<p>\\u00c0 partir de cette observation in-situ, il est d\\u00e9j\\u00e0 possible d\\u2019\\u00e9mettre des hypoth\\u00e8ses sur l\\u2019exp\\u00e9rience utilisateur qui seront infirm\\u00e9es ou confirm\\u00e9es lors d\\u2019entretiens. Ces premi\\u00e8res donn\\u00e9es de terrain permettront d\\u2019affiner le protocole d\\u2019enqu\\u00eate ainsi que le guide des interviews utilisateurs.<\\\/p>\"}},{\"type\":\"headline\",\"props\":{\"title_element\":\"h3\",\"content\":\"B. Donn\\u00e9es analytiques\",\"title_style\":\"h3\"}},{\"type\":\"text\",\"props\":{\"margin\":\"default\",\"column_breakpoint\":\"m\",\"text_style\":\"meta\",\"content\":\"\n\n<p>L\\u2019analyse des donn\\u00e9es analytiques montre l\\u2019utilisation r\\u00e9elle d\\u2019une solution. Elle permet de suivre et de collecter les donn\\u00e9es des utilisateurs ainsi que des informations sur leur comportement et leurs actions.<\\\/p>\\n\n\n<p>Plusieurs outils comme Google analytics ou Hotjar permettent de collecter des donn\\u00e9s sur une IHM existante et de produire les outils d'analyse ci-dessous :<\\\/p>\\n\n\n<p><strong>\\\"Heatmap\\\"<\\\/strong> <br \\\/>Les \\\"Heatmap\\\" ou \\\"Cartes de chaleur\\\" repr\\u00e9sentent visuellement o\\u00f9 les utilisateurs cliquent, se d\\u00e9placent et d\\u00e9filent sur votre site. Elles permettent de d\\u00e9couvrir les \\u00e9l\\u00e9ments vers lesquels les utilisateurs sont attir\\u00e9s et les parties qui leur manquent compl\\u00e8tement.<\\\/p>\"}},{\"type\":\"image\",\"props\":{\"margin\":\"default\",\"image_svg_color\":\"emphasis\",\"image\":\"wp-content\\\/uploads\\\/2022\\\/09\\\/heatmap-UX-UI-Digicom-1.png\",\"image_alt\":\"Carte de chaleur site heatmap UX UI\"}},{\"type\":\"text\",\"props\":{\"margin\":\"default\",\"column_breakpoint\":\"m\",\"text_style\":\"meta\",\"content\":\"\n\n<p><strong>Les enregistrements<\\\/strong> <br \\\/>Les enregistrements vid\\u00e9os permettent de visualiser le comportement des utilisateurs sur une IHM. Comment scrollent ils dans les pages, o\\u00f9 cliquent ils, \\u00e0 quel moment quittent ils l'interface par frustration.<\\\/p>\\n\n\n<p>Ces enregistrement pourront \\u00eatre fait en pr\\u00e9sentiel ou \\u00e0 distance via des outils tels que Hotjar<\\\/p>\"}},{\"type\":\"headline\",\"props\":{\"title_element\":\"h3\",\"content\":\"C. Interviews\\\/ateliers utilisateurs\",\"title_style\":\"h3\"}},{\"type\":\"text\",\"props\":{\"margin\":\"default\",\"column_breakpoint\":\"m\",\"text_style\":\"meta\",\"content\":\"\n\n<p>Partie int\\u00e9grante de la d\\u00e9marche UX, les entretiens avec les utilisateurs sont un excellent point de base pour tout projet. Ces entretiens fournissent des donn\\u00e9es essentielles \\u00e0 la conception du produit d\\u00e9velopp\\u00e9.<\\\/p>\\n\n\n<p>L\\u2019interview vise \\u00e0 collecter des informations qualitatives (avec de la subjectivit\\u00e9 et des d\\u00e9tails) de la part d\\u2019utilisateurs effectifs ou potentiels d\\u2019une solution digitale. Elle peut \\u00e9ventuellement \\u00eatre compl\\u00e9t\\u00e9e de sondages vou\\u00e9s \\u00e0 rassembler des donn\\u00e9es plus quantitatives.<\\\/p>\\n\n\n<p>Il peut \\u00eatre judicieux de faire \\u00e9galement participer \\u00e0 ces entretiens les parties prenantes des projets (m\\u00e9tier, porteurs de projets, \\u00e9quipes impact\\u00e9es ,...) pour appr\\u00e9hender la perspective de ceux qui ont une influence ou un int\\u00e9r\\u00eat sur les r\\u00e9sultats du projet. Cela permettra de d\\u00e9tecter les \\u00e9ventuels d\\u00e9calages de vision du projet au sein de l'entreprise.<\\\/p>\"}},{\"type\":\"headline\",\"props\":{\"title_element\":\"h2\",\"content\":\"2. Analyse\",\"title_style\":\"h2\"}},{\"type\":\"text\",\"props\":{\"margin\":\"default\",\"column_breakpoint\":\"m\",\"text_style\":\"meta\",\"content\":\"\n\n<p>Une fois les donn\\u00e9es collect\\u00e9es durant la phase de la d\\u00e9couverte, elles pourront ensuite \\u00eatre analys\\u00e9es.<br \\\/>Cette \\u00e9tape permet d\\u2019extraire des interpr\\u00e9tations \\u00e0 partir des donn\\u00e9es et de les transformer en indicateurs qui serviront de base pour concevoir les premi\\u00e8res fonctionnalit\\u00e9s de la solution \\u00e0 d\\u00e9velopper.<\\\/p>\\n\n\n<p>Cette \\u00e9tape d\\u2019analyse va permettre de concevoir plusieurs outils qui serviront lors de la phase d\\u2019id\\u00e9ation<\\\/p>\\n\n\n<ol>\\n\n\n<li>Les \\u201cpersonas\\u201d\\u2026<\\\/li>\\n\n\n<li>La cartographie de parcours ou exp\\u00e9rience map<\\\/li>\\n<\\\/ol>\"}},{\"type\":\"headline\",\"props\":{\"title_element\":\"h3\",\"content\":\"A. Les personas\",\"title_style\":\"h3\"}},{\"type\":\"text\",\"props\":{\"margin\":\"default\",\"column_breakpoint\":\"m\",\"text_style\":\"meta\",\"content\":\"\n\n<p>La m\\u00e9thode des personas consiste \\u00e0 cr\\u00e9er une repr\\u00e9sentation fictive mais r\\u00e9aliste des utilisateurs des IHM. L\\u2019objectif principal est de permettre aux concepteurs et aux d\\u00e9veloppeurs de se r\\u00e9f\\u00e9rer aux utilisateurs. Les personas les repr\\u00e9sentent concr\\u00e8tement.<\\\/p>\\n\n\n<p>Il s\\u2019agit de faire le portrait-robot d\\u2019un utilisateur pour mieux l'incarner, \\u00e0 partir de ce que l\\u2019on sait d\\u2019eux. L\\u2019\\u00e9quipe dispose ainsi d\\u2019un outil pour la conception d\\u2019interfaces ou de services interactifs r\\u00e9pondant aux besoins des utilisateurs.<\\\/p>\\n\n\n<p>La m\\u00e9thode du persona apporte de nombreux avantages :<\\\/p>\\n\n\n<ul>\\n\n\n<li>Donner un visage et une vie aux utilisateurs cibles pour mieux identifier leurs attentes, besoins et ressentis.<\\\/li>\\n\n\n<li>Augmenter l\\u2019empathie des designers UX UI et des professionnels impliqu\\u00e9s dans un projet. Ils peuvent ainsi concevoir une interface utilisateur am\\u00e9lior\\u00e9e, align\\u00e9e sur les objectifs r\\u00e9els de l\\u2019usager<\\\/li>\\n\n\n<li>Faciliter la phase l\\u2019id\\u00e9ation.<\\\/li>\\n\n\n<li>D\\u00e9terminer les sp\\u00e9cifications fonctionnelles et techniques adapt\\u00e9es aux diff\\u00e9rentes cat\\u00e9gories d\\u2019utilisateurs (identifier les priorit\\u00e9s).<\\\/li>\\n<\\\/ul>\"}},{\"type\":\"image\",\"props\":{\"margin\":\"default\",\"image_svg_color\":\"emphasis\",\"image\":\"wp-content\\\/uploads\\\/2022\\\/09\\\/persona-UX-UI.png\",\"image_alt\":\"Persona UX UI Design\"}},{\"type\":\"headline\",\"props\":{\"title_element\":\"h3\",\"content\":\"B. Cartographie de parcours ou experience map\",\"title_style\":\"h3\"}},{\"type\":\"text\",\"props\":{\"margin\":\"default\",\"column_breakpoint\":\"m\",\"text_style\":\"meta\",\"content\":\"\n\n<p>Le mapping de l\\u2019exp\\u00e9rience donne une vision globale des comportements des utilisateurs et de leurs interactions avec une IHM. Avec ces outils, il est possible de mieux cibler les besoins de l\\u2019utilisateur, identifier les probl\\u00e8mes organisationnels et trouver des opportunit\\u00e9s d'am\\u00e9lioration.<\\\/p>\\n\n\n<p>Il s\\u2019agit d\\u2019une repr\\u00e9sentation graphique et holistique des actions et pens\\u00e9es des utilisateurs durant la r\\u00e9alisation d\\u2019une t\\u00e2che, ou pour atteindre un objectif. La carte repr\\u00e9sente alors le parcours du persona durant son interaction avec un service ou une interface.<\\\/p>\"}},{\"type\":\"image\",\"props\":{\"margin\":\"default\",\"image_svg_color\":\"emphasis\",\"image\":\"wp-content\\\/uploads\\\/2022\\\/09\\\/experience-map.png\",\"image_alt\":\"Experience map\"}},{\"type\":\"headline\",\"props\":{\"title_element\":\"h2\",\"content\":\"3. Id\\u00e9ation et co-construction\",\"title_style\":\"h2\"}},{\"type\":\"text\",\"props\":{\"margin\":\"default\",\"column_breakpoint\":\"m\",\"text_style\":\"meta\",\"content\":\"\n\n<p>Cette \\u00e9tape consiste \\u00e0 d\\u00e9gager un maximum d\\u2019id\\u00e9es de l\\u2019analyse faite au pr\\u00e9alable.<br \\\/>Il est pr\\u00e9f\\u00e9rable de faire participer toutes les parties prenantes du projet aux workshops d\\u2019id\\u00e9ations (Designer, D\\u00e9veloppeurs, intervenants m\\u00e9tier).<br \\\/>Une fois son exp\\u00e9rience utilisateur identifi\\u00e9e il faut prioriser les optimisations UX et c\\u2019est l\\u00e0 o\\u00f9 le \\u201cscoring des features\\u201d intervient. Durant cette \\u00e9tape seront mis en place des Workshop d\\u2019id\\u00e9ation qui auront pour but entre autres d'aligner la vision \\\"m\\u00e9tier\\\" et les besoins des utilisateurs en pond\\u00e9rant les diff\\u00e9rentes lignes qui composent le backlog.<\\\/p>\\n\n\n<p>La m\\u00e9thode de pond\\u00e9ration est tr\\u00e8s importante car elle d\\u00e9termine le poids que l\\u2019on va accorder \\u00e0 chaque partie et ainsi prioriser les macro-fonctionnalit\\u00e9s. Plus on accorde d\\u2019importance \\u00e0 l\\u2019avis des utilisateurs plus on est \\u201cuser-centric\\u201d.<br \\\/>Il faut s\\u00e9lectionner les \\u00e9l\\u00e9ments qui seront pr\\u00e9sents dans la construction de la structure de l\\u2019interface pour assurer la satisfaction utilisateur.<\\\/p>\"}},{\"type\":\"headline\",\"props\":{\"title_element\":\"h2\",\"content\":\"4. Design et prototype\",\"title_style\":\"h2\"}},{\"type\":\"text\",\"props\":{\"margin\":\"default\",\"column_breakpoint\":\"m\",\"text_style\":\"meta\",\"content\":\"\n\n<p>Cette \\u00e9tape se d\\u00e9roule de mani\\u00e8re it\\u00e9rative et comprend 3 \\u00e9tapes majeurs :<\\\/p>\\n\n\n<ol>\\n\n\n<li>La d\\u00e9finition de la structure des IHM sous forme de wireframe \\u2026<\\\/li>\\n\n\n<li>Le design final des maquettes et de l\\u2019UI design \\u2026<\\\/li>\\n\n\n<li>Le prototypage haute d\\u00e9finition des interfaces \\u2026<\\\/li>\\n<\\\/ol>\"}},{\"type\":\"headline\",\"props\":{\"title_element\":\"h3\",\"content\":\"A. Les wireframes\",\"title_style\":\"h3\"}},{\"type\":\"text\",\"props\":{\"margin\":\"default\",\"column_breakpoint\":\"m\",\"text_style\":\"meta\",\"content\":\"\n\n<p>Le wireframe est une repr\\u00e9sentation statique de basse fid\\u00e9lit\\u00e9 du concept graphique d\\u2019une IHM en cr\\u00e9ation ou en refonte. Il englobe les bases de l'interface, \\u00e0 savoir le contenu, l\\u2019architecture de l\\u2019information et une description simple de l\\u2019interaction pr\\u00e9vue entre l\\u2019utilisateur et le site web.<\\\/p>\\n\n\n<p>Le wireframe est une premi\\u00e8re \\u00e9tape qui ne donne pas un rendu visuel marqu\\u00e9, mais il est crucial pour partir sur de bonnes bases.<\\\/p>\\n\n\n<p>Il s\\u2019agit d'une repr\\u00e9sentation de base qui servira dans la progression du projet. <\\\/p>\"}},{\"type\":\"headline\",\"props\":{\"title_element\":\"h3\",\"content\":\"B. Les maquettes\",\"title_style\":\"h3\"}},{\"type\":\"text\",\"props\":{\"margin\":\"default\",\"column_breakpoint\":\"m\",\"text_style\":\"meta\",\"content\":\"\n\n<p>C\\u2019est lors de cette \\u00e9tape du maquettage qu\\u2019on va visualiser les premi\\u00e8res versions de l\\u2019IHM au design system. Le seul point commun entre le wireframe et la maquette, c\\u2019est que les deux sont statiques.<\\\/p>\\n\n\n<p>C\\u2019est cette phase du maquettage qui va permettre d\\u2019interagir avec les diff\\u00e9rentes parties prenantes du projet et de commencer \\u00e0 recueillir les avis utilisateurs.<\\\/p>\"}},{\"type\":\"headline\",\"props\":{\"title_element\":\"h3\",\"content\":\"C. Le prototype\",\"title_style\":\"h3\"}},{\"type\":\"text\",\"props\":{\"margin\":\"default\",\"column_breakpoint\":\"m\",\"text_style\":\"meta\",\"content\":\"\n\n<p>Le prototype est une repr\\u00e9sentation dynamique de haute-fid\\u00e9lit\\u00e9 d\\u2019une IHM. C\\u2019est une simulation du projet final, gr\\u00e2ce \\u00e0 laquelle il est possible de tester les interactions qu\\u2019auront les utilisateurs et voir en action les hypoth\\u00e8ses d\\u2019exp\\u00e9rience utilisateur.<\\\/p>\\n\n\n<p>En effet, l\\u2019un des objectifs du prototype est d\\u2019offrir une version cliquable d\\u2019une IHM. Cela permet de tester si l\\u2019interface est adapt\\u00e9e au besoin des utilisateurs, s\\u2019il comporte des erreurs de parcours ou d\\u2019autres probl\\u00e8mes d\\u2019usabilit\\u00e9.<\\\/p>\\n\n\n<p>Avec un design r\\u00e9aliste et un prototype fonctionnel, c\\u2019est l\\u2019occasion de faire les derniers ajustements. L\\u2019\\u00e9tape du prototypage \\u00e9tant g\\u00e9n\\u00e9ralement la derni\\u00e8re, c\\u2019est \\u00e0 ce moment que seront valid\\u00e9s les interfaces et l\\u2019UX (exp\\u00e9rience utilisateur) avant de passer au d\\u00e9veloppement.<\\\/p>\"}},{\"type\":\"headline\",\"props\":{\"title_element\":\"h2\",\"content\":\"5. La rectification\",\"title_style\":\"h2\"}},{\"type\":\"text\",\"props\":{\"margin\":\"default\",\"column_breakpoint\":\"m\",\"text_style\":\"meta\",\"content\":\"\n\n<p>C\\u2019est ici que le prototype con\\u00e7u pendant la phase de design va \\u00eatre pr\\u00e9sent\\u00e9 \\u00e0 un \\u00e9chantillon repr\\u00e9sentatif de l\\u2019utilisateur type pour avoir un feedback permettant d\\u2019effectuer les modifications n\\u00e9cessaires.<br \\\/>En effet, il est difficile de pr\\u00e9dire avec une exactitude absolue les besoins des utilisateurs et de leurs exp\\u00e9riences . Il sera n\\u00e9cessaire d\\u2019avoir leurs retours pour perfectionner le prototype cr\\u00e9\\u00e9.<br \\\/>Cette \\u00e9tape, ainsi que la pr\\u00e9c\\u00e9dente, sont it\\u00e9ratives. Elles peuvent avoir lieu autant de fois que possible et s\\u2019inscrire dans les sprints agiles des \\u00e9quipes SI.<\\\/p>\"}}]}]},{\"type\":\"row\",\"props\":{\"layout\":\"1-2,1-2\"},\"children\":[{\"type\":\"column\",\"props\":{\"position_sticky_breakpoint\":\"m\",\"image_position\":\"center-center\",\"media_overlay_gradient\":\"\",\"width_medium\":\"1-2\"},\"children\":[{\"type\":\"image\",\"props\":{\"margin\":\"default\",\"image_svg_color\":\"emphasis\",\"image\":\"wp-content\\\/uploads\\\/2023\\\/10\\\/Digicom-Corporation-UX-UI-Realisations.png\",\"link\":\"https:\\\/\\\/digicomcorporation.com\\\/ressources\\\/Digicom-Corporation-UX-UI-Realisations.pdf\"}}]},{\"type\":\"column\",\"props\":{\"position_sticky_breakpoint\":\"m\",\"image_position\":\"center-center\",\"media_overlay_gradient\":\"\",\"width_medium\":\"1-2\"},\"children\":[{\"type\":\"headline\",\"props\":{\"title_element\":\"h1\",\"content\":\"D\\u00e9couvrez notre portfolio\"}},{\"type\":\"text\",\"props\":{\"margin\":\"default\",\"column_breakpoint\":\"m\",\"text_style\":\"meta\",\"content\":\"\n\n<ul>\\n\n\n<li>L'application mobile de l\\u2019auto-\\u00e9cole en ligne Cheelo.<\\\/li>\\n\n\n<li>Le site Web des centres m\\u00e9dical de soins imm\\u00e9diat CMSI.<\\\/li>\\n\n\n<li>Le site e-commerce du leader de la vente de roues et de roulettes en France : roues-et-roulettes.com<\\\/li>\\n<\\\/ul>\"}},{\"type\":\"button\",\"props\":{\"grid_column_gap\":\"small\",\"grid_row_gap\":\"small\",\"margin\":\"default\"},\"children\":[{\"type\":\"button_item\",\"props\":{\"button_style\":\"default\",\"icon_align\":\"left\",\"content\":\"Portfolio - UX \\\/ UI Design\",\"link\":\"https:\\\/\\\/digicomcorporation.com\\\/ressources\\\/Digicom-Corporation-UX-UI-Realisations.pdf\",\"icon\":\"download\"}}]}]}]}]}],\"version\":\"2.7.22\"} --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>M\u00e9thodologie UX ou \u00ab User Centric \u00bb La m\u00e9thodologie \u00ab user centric \u00bb ou m\u00e9thodologie UX (User Experience Design) est un concept orient\u00e9 utilisateur qui a comme objectif d\u2019adapter une IHM sur plusieurs plateformes (desktop ou mobile\u2026.), de garantir la qualit\u00e9 de l\u2019exp\u00e9rience v\u00e9cue par l\u2019utilisateur et de rendre l\u2019interface plus ergonomique et intuitive, en [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":7347,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[128],"tags":[],"post_flags":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>M\u00e9thodologie UX ou \u00ab\u00a0User Centric\u00a0\u00bb | Digicom Corporation, IT Consulting &amp; ServiceNow Partner<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/digicomcorporation.com\/fr\/actualites\/ux-ui-design\/methodologie-ux-user-centric\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"M\u00e9thodologie UX ou \u00ab\u00a0User Centric\u00a0\u00bb | Digicom Corporation, IT Consulting &amp; ServiceNow Partner\" \/>\n<meta property=\"og:description\" content=\"M\u00e9thodologie UX ou \u00ab User Centric \u00bb La m\u00e9thodologie \u00ab user centric \u00bb ou m\u00e9thodologie UX (User Experience Design) est un concept orient\u00e9 utilisateur qui a comme objectif d\u2019adapter une IHM sur plusieurs plateformes (desktop ou mobile\u2026.), de garantir la qualit\u00e9 de l\u2019exp\u00e9rience v\u00e9cue par l\u2019utilisateur et de rendre l\u2019interface plus ergonomique et intuitive, en [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/digicomcorporation.com\/fr\/actualites\/ux-ui-design\/methodologie-ux-user-centric\/\" \/>\n<meta property=\"og:site_name\" content=\"Digicom Corporation, IT Consulting &amp; ServiceNow Partner\" \/>\n<meta property=\"article:published_time\" content=\"2022-09-13T14:35:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-23T12:31:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/digicomcorporation.com\/wp-content\/uploads\/2022\/09\/heatmap-UX-UI-Digicom-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1364\" \/>\n\t<meta property=\"og:image:height\" content=\"508\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Thomas GEORGE\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Thomas GEORGE\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"16 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"M\u00e9thodologie UX ou \u00ab\u00a0User Centric\u00a0\u00bb | Digicom Corporation, IT Consulting &amp; ServiceNow Partner","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/digicomcorporation.com\/fr\/actualites\/ux-ui-design\/methodologie-ux-user-centric\/","og_locale":"fr_FR","og_type":"article","og_title":"M\u00e9thodologie UX ou \u00ab\u00a0User Centric\u00a0\u00bb | Digicom Corporation, IT Consulting &amp; ServiceNow Partner","og_description":"M\u00e9thodologie UX ou \u00ab User Centric \u00bb La m\u00e9thodologie \u00ab user centric \u00bb ou m\u00e9thodologie UX (User Experience Design) est un concept orient\u00e9 utilisateur qui a comme objectif d\u2019adapter une IHM sur plusieurs plateformes (desktop ou mobile\u2026.), de garantir la qualit\u00e9 de l\u2019exp\u00e9rience v\u00e9cue par l\u2019utilisateur et de rendre l\u2019interface plus ergonomique et intuitive, en [&hellip;]","og_url":"https:\/\/digicomcorporation.com\/fr\/actualites\/ux-ui-design\/methodologie-ux-user-centric\/","og_site_name":"Digicom Corporation, IT Consulting &amp; ServiceNow Partner","article_published_time":"2022-09-13T14:35:24+00:00","article_modified_time":"2023-10-23T12:31:37+00:00","og_image":[{"width":1364,"height":508,"url":"https:\/\/digicomcorporation.com\/wp-content\/uploads\/2022\/09\/heatmap-UX-UI-Digicom-1.png","type":"image\/png"}],"author":"Thomas GEORGE","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"Thomas GEORGE","Dur\u00e9e de lecture estim\u00e9e":"16 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/digicomcorporation.com\/fr\/actualites\/ux-ui-design\/methodologie-ux-user-centric\/#article","isPartOf":{"@id":"https:\/\/digicomcorporation.com\/fr\/actualites\/ux-ui-design\/methodologie-ux-user-centric\/"},"author":{"name":"Thomas GEORGE","@id":"https:\/\/digicomcorporation.com\/fr\/#\/schema\/person\/b91d5141e5454e7580ebe914d480b9a4"},"headline":"M\u00e9thodologie UX ou \u00ab\u00a0User Centric\u00a0\u00bb","datePublished":"2022-09-13T14:35:24+00:00","dateModified":"2023-10-23T12:31:37+00:00","mainEntityOfPage":{"@id":"https:\/\/digicomcorporation.com\/fr\/actualites\/ux-ui-design\/methodologie-ux-user-centric\/"},"wordCount":1727,"publisher":{"@id":"https:\/\/digicomcorporation.com\/fr\/#organization"},"image":{"@id":"https:\/\/digicomcorporation.com\/fr\/actualites\/ux-ui-design\/methodologie-ux-user-centric\/#primaryimage"},"thumbnailUrl":"https:\/\/digicomcorporation.com\/wp-content\/uploads\/2022\/09\/heatmap-UX-UI-Digicom-1.png","articleSection":["UX\/UI Design"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/digicomcorporation.com\/fr\/actualites\/ux-ui-design\/methodologie-ux-user-centric\/","url":"https:\/\/digicomcorporation.com\/fr\/actualites\/ux-ui-design\/methodologie-ux-user-centric\/","name":"M\u00e9thodologie UX ou \u00ab\u00a0User Centric\u00a0\u00bb | Digicom Corporation, IT Consulting &amp; ServiceNow Partner","isPartOf":{"@id":"https:\/\/digicomcorporation.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/digicomcorporation.com\/fr\/actualites\/ux-ui-design\/methodologie-ux-user-centric\/#primaryimage"},"image":{"@id":"https:\/\/digicomcorporation.com\/fr\/actualites\/ux-ui-design\/methodologie-ux-user-centric\/#primaryimage"},"thumbnailUrl":"https:\/\/digicomcorporation.com\/wp-content\/uploads\/2022\/09\/heatmap-UX-UI-Digicom-1.png","datePublished":"2022-09-13T14:35:24+00:00","dateModified":"2023-10-23T12:31:37+00:00","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/digicomcorporation.com\/fr\/actualites\/ux-ui-design\/methodologie-ux-user-centric\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/digicomcorporation.com\/fr\/actualites\/ux-ui-design\/methodologie-ux-user-centric\/#primaryimage","url":"https:\/\/digicomcorporation.com\/wp-content\/uploads\/2022\/09\/heatmap-UX-UI-Digicom-1.png","contentUrl":"https:\/\/digicomcorporation.com\/wp-content\/uploads\/2022\/09\/heatmap-UX-UI-Digicom-1.png","width":1364,"height":508,"caption":"Heatmap UX UI"},{"@type":"WebSite","@id":"https:\/\/digicomcorporation.com\/fr\/#website","url":"https:\/\/digicomcorporation.com\/fr\/","name":"Digicom Corporation, IT Consulting &amp; ServiceNow Partner","description":"Profitez du Consulting IT au meilleur rapport efficacit\u00e9 \/ prix sur les technologies Cloud ServiceNow, SAP et SalesForce.","publisher":{"@id":"https:\/\/digicomcorporation.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/digicomcorporation.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/digicomcorporation.com\/fr\/#organization","name":"Digicom Corporation","url":"https:\/\/digicomcorporation.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/digicomcorporation.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/digicomcorporation.com\/wp-content\/uploads\/2021\/08\/Logo-Digicom-Corporation-500.svg","contentUrl":"https:\/\/digicomcorporation.com\/wp-content\/uploads\/2021\/08\/Logo-Digicom-Corporation-500.svg","width":1,"height":1,"caption":"Digicom Corporation"},"image":{"@id":"https:\/\/digicomcorporation.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/digicom-corporation\/"]},{"@type":"Person","@id":"https:\/\/digicomcorporation.com\/fr\/#\/schema\/person\/b91d5141e5454e7580ebe914d480b9a4","name":"Thomas GEORGE","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/digicomcorporation.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d7571b13762e378c321de5064b7ea40b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d7571b13762e378c321de5064b7ea40b?s=96&d=mm&r=g","caption":"Thomas GEORGE"}}]}},"_links":{"self":[{"href":"https:\/\/digicomcorporation.com\/fr\/wp-json\/wp\/v2\/posts\/7341"}],"collection":[{"href":"https:\/\/digicomcorporation.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/digicomcorporation.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/digicomcorporation.com\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/digicomcorporation.com\/fr\/wp-json\/wp\/v2\/comments?post=7341"}],"version-history":[{"count":12,"href":"https:\/\/digicomcorporation.com\/fr\/wp-json\/wp\/v2\/posts\/7341\/revisions"}],"predecessor-version":[{"id":8574,"href":"https:\/\/digicomcorporation.com\/fr\/wp-json\/wp\/v2\/posts\/7341\/revisions\/8574"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/digicomcorporation.com\/fr\/wp-json\/wp\/v2\/media\/7347"}],"wp:attachment":[{"href":"https:\/\/digicomcorporation.com\/fr\/wp-json\/wp\/v2\/media?parent=7341"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/digicomcorporation.com\/fr\/wp-json\/wp\/v2\/categories?post=7341"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/digicomcorporation.com\/fr\/wp-json\/wp\/v2\/tags?post=7341"},{"taxonomy":"post_flag","embeddable":true,"href":"https:\/\/digicomcorporation.com\/fr\/wp-json\/wp\/v2\/post_flags?post=7341"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}