{"id":6,"date":"2025-10-26T09:37:28","date_gmt":"2025-10-26T09:37:28","guid":{"rendered":"https:\/\/blog.digitalgarage.ch\/?p=6"},"modified":"2025-11-19T08:09:04","modified_gmt":"2025-11-19T08:09:04","slug":"pour-qui-se-prend-il-ce-ux-designer","status":"publish","type":"post","link":"https:\/\/blog.digitalgarage.ch\/index.php\/2025\/10\/26\/pour-qui-se-prend-il-ce-ux-designer\/","title":{"rendered":"Qu\u2019est-ce qu\u2019un UX Designer ?"},"content":{"rendered":"\n

Si on pose la question \u00e0 une personne qui n\u2019est pas dans le domaine de la cr\u00e9ation web \u201cQu\u2019est-ce qu\u2019un UX Designer ?\u201d<\/strong>, il va certainement r\u00e9pondre que le UX\u00a0Designer fait le design du site. Et c\u2019est correct \u00e0 un certain point. Mais le UX designer, qui peut \u00eatre un UX\/UI designer, n\u2019est pas seulement celui qui ajoute la derni\u00e8re couche de couleur au site web ou \u00e0 l\u2019application. Il est celui qui r\u00e9alise l\u2019exp\u00e9rience utilisateur de l\u2019application, et il intervient d\u00e8s le d\u00e9but de sa conception.<\/strong><\/p>\n\n\n\n

(UX = User Experience, UI = User Interface)<\/p>\n\n\n\n

Je suis de ceux qui aiment apprendre des trucs, et j\u2019ai rejoint derni\u00e8rement l\u2019Interaction Design Foundation<\/a>. L\u2019Interaction Design Foundation est la plus grande \u00e9cole de design en ligne au monde. Leurs cours couvrent tout le spectre de la conception UX, de d\u00e9butant \u00e0 avanc\u00e9.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Bien que j’aie d\u00e9j\u00e0 de l\u2019exp\u00e9rience en design UX et UI, je me suis inscrit au premier cours de la s\u00e9rie \u201cUser Experience: The Beginner\u2019s Guide<\/a>\u201d. Je me suis dit qu\u2019un bon rappel des bases ne ferait pas de mal. Et \u00e7a a \u00e9t\u00e9 le cas.<\/p>\n\n\n\n

J\u2019aime contribuer \u00e0 la bonne marche de notre team web, et si je peux amener des id\u00e9es et des suggestions pour avancer sur nos projets dans les meilleures conditions, je n’h\u00e9site pas \u00e0 le faire.<\/p>\n\n\n\n

Pour revenir \u00e0 ce que j\u2019ai appris d\u2019int\u00e9ressant \u00e0 transmettre dans cette formation \u201cUser Experience: The Beginner\u2019s Guide\u201d, c\u2019est un graphique qui m\u2019a sembl\u00e9 tr\u00e8s parlant et la th\u00e9orie qui l\u2019accompagne \u00e9galement. Il s\u2019agit des 5 plans de strat\u00e9gie de Jesse James Garrett.<\/p>\n\n\n\n

Les 5 plans de strat\u00e9gie de Jesse James Garrett<\/h2>\n\n\n\n

Dans son livre, The Elements of User Experience, Jesse James Garrett donne un cadre pour la conception d\u2019applications et de sites web.<\/p>\n\n\n\n

\"\"
Jesse James Garrett\u2019s 5 planes of Strategy, Scope, Structure, Skeleton and Surface make up the Elements of User Experience.<\/em>
\u00a9 Daniel Skrok, Christian Briggs, Kasturika Ramamoorthy and Interaction Design Foundation, CC BY-SA 3.0<\/em><\/figcaption><\/figure>\n\n\n\n

Il d\u00e9compose les \u00e9l\u00e9ments de l\u2019exp\u00e9rience utilisateur en 5 plans.<\/p>\n\n\n\n

Au bas se trouve le plan le plus abstrait : la strat\u00e9gie. Et en montant, nous nous dirigeons vers quelque chose de plus abouti et plus visuel, la surface.<\/p>\n\n\n\n

Je trouve qu\u2019un bon visuel qui explique facilement une th\u00e9orie est indispensable \u00e0 notre \u00e9poque o\u00f9 on a la flemme de lire. (\u00c0 cause des r\u00e9seaux sociaux qui nous enl\u00e8vent notre capacit\u00e9 \u00e0 nous concentrer. Maladie de notre \u00e9poque\u2026 Bref, c\u2019est un autre sujet.)<\/p>\n\n\n\n

Dans ce mod\u00e8le, Jesse James Garrett d\u00e9compose l\u2019exp\u00e9rience utilisateur (UX) en cinq plans<\/strong> qui vont du plus abstrait au plus concret : Strat\u00e9gie (Strategy), Port\u00e9e (Scope), Structure, Squelette (Skeleton) et Surface<\/strong>.<\/p>\n\n\n\n

    \n
  1. Strat\u00e9gie (Strategy)\u00a0:<\/strong> en collaboration avec les parties prenantes (le marketing, le client, le business\u2026), on analyse et d\u00e9finit pour quoi et pour qui l\u2019application existe, ainsi que les besoins, contraintes et opportunit\u00e9s.<\/li>\n\n\n\n
  2. Port\u00e9e (Scope)\u00a0:<\/strong> d\u00e9finition de la proposition de valeur et des fonctionnalit\u00e9s. Identifier ce que l\u2019on garde, ce que l\u2019on simplifie, ce que l\u2019on challenge.<\/li>\n\n\n\n
  3. Structure :<\/strong> comment l\u2019utilisateur va interagir avec l\u2019application. R\u00e9aliser ou comprendre le chemin de l\u2019utilisateur et identifier les frictions. Structurer la navigation et la hi\u00e9rarchie des informations.<\/li>\n\n\n\n
  4. Squelette (Skeleton)\u00a0: <\/strong>cr\u00e9ation de wireframes et prototypes interactifs pour tester la fluidit\u00e9 du parcours utilisateur et la clart\u00e9 de l\u2019interface.<\/li>\n\n\n\n
  5. Surface :<\/strong> la couche visuelle et sensorielle. Le designer UI intervient \u00e0 ce moment l\u00e0 et met en place les couleurs, typo, illustrations, icons et tout ce qui touche \u00e0 l\u2019esth\u00e9tique et communication visuelle du produit.<\/li>\n<\/ol>\n\n\n\n

    Chaque \u00e9tape se doit d\u2019\u00eatre valid\u00e9e par les parties prenantes afin d\u2019\u00e9viter les allers-retours qui feraient perdre du temps \u00e0 l’ensemble du projet. Chaque changement va nous faire repenser une partie du travail d\u00e9j\u00e0 r\u00e9alis\u00e9.<\/p>\n\n\n\n

    La conception de l\u2019exp\u00e9rience utilisateur d\u2019un site ou d\u2019une app demande beaucoup de connaissances et nous avons tous des pr\u00e9f\u00e9rences ou des comp\u00e9tences diff\u00e9rentes. Dans les \u00e9quipes\u00a0UX, il est important d\u2019\u00eatre ouvert \u00e0 ceci et de partager le travail selon les affinit\u00e9s. Par exemple, un membre du team sera plus dou\u00e9 pour animer un atelier, un autre sur la planification, et un autre sur le design d\u2019interactions. Si le designer UX est seul, freelance ou dans une petite agence, il se doit de collaborer avec des personnes de disciplines et d\u2019horizons diff\u00e9rents afin de cr\u00e9er le meilleur produit.<\/p>\n\n\n\n

    Pour finir, mon avis est que plus le UX designer intervient t\u00f4t dans le projet, plus il aura une compr\u00e9hension fine de ce qui est attendu, meilleur le produit sera.<\/p>\n\n\n\n

    \u00c0 bon entendeur, salut !<\/p>\n\n\n\n

    Ressources<\/strong> : https:\/\/www.interaction-design.org\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

    Si on pose la question \u00e0 une personne qui n\u2019est pas dans le domaine de la cr\u00e9ation web \u201cQu\u2019est-ce qu\u2019un UX Designer ?\u201d, il va certainement r\u00e9pondre que le UX\u00a0Designer fait le design du site. Et c\u2019est correct \u00e0 un certain point. Mais le UX designer, qui peut \u00eatre un UX\/UI designer, n\u2019est pas seulement […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-6","post","type-post","status-publish","format-standard","hentry","category-ux-blog-notes"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/blog.digitalgarage.ch\/index.php\/wp-json\/wp\/v2\/posts\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.digitalgarage.ch\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.digitalgarage.ch\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.digitalgarage.ch\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.digitalgarage.ch\/index.php\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":5,"href":"https:\/\/blog.digitalgarage.ch\/index.php\/wp-json\/wp\/v2\/posts\/6\/revisions"}],"predecessor-version":[{"id":28,"href":"https:\/\/blog.digitalgarage.ch\/index.php\/wp-json\/wp\/v2\/posts\/6\/revisions\/28"}],"wp:attachment":[{"href":"https:\/\/blog.digitalgarage.ch\/index.php\/wp-json\/wp\/v2\/media?parent=6"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.digitalgarage.ch\/index.php\/wp-json\/wp\/v2\/categories?post=6"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.digitalgarage.ch\/index.php\/wp-json\/wp\/v2\/tags?post=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}