Bien sûr ! Voici une reformulation plus détaillée des notes sans chercher à trop les condenser :
Page 09 :
L’esthétique passe au second plan dans la conception des sites web. Il ne suffit plus qu’un site soit simplement beau, il doit également être intuitif, rapide et réactif. Ces qualités sont primordiales pour offrir une expérience utilisateur satisfaisante.
Page 10 :
- UX (Expérience Utilisateur) :
L’UX, ou expérience utilisateur, fait référence à l’ensemble des ressentis d’une personne lorsqu’elle utilise un produit ou un service. Cela inclut tout, depuis la première impression jusqu’à l’efficacité avec laquelle les utilisateurs parviennent à accomplir leurs tâches. L’UX s’intéresse à ce que ressent l’utilisateur lorsqu’il utilise le produit. - UI (Interface Utilisateur) :
L’UI, ou interface utilisateur, représente la partie visible et tangible de l’expérience utilisateur. Elle concerne les éléments visuels comme les boutons, les icônes, les espacements, en somme, tout ce avec quoi l’utilisateur peut interagir directement. L’UI met l’accent sur l’esthétique et la disposition visuelle d’une interface.
Page 12 :
- Définition et explication de l’UX :
L’UX, ou expérience utilisateur, désigne l’ensemble des émotions, des perceptions, des réactions et des interactions qu’un utilisateur éprouve lorsqu’il utilise un produit, un service ou un système. Cela inclut tous les aspects de l’interaction entre l’utilisateur final et une entreprise, ses services ou ses produits. - Pourquoi l’UX est-elle importante ?
L’importance de l’UX réside dans sa capacité à satisfaire l’utilisateur. Une UX réussie peut entraîner une augmentation de l’engagement, une plus grande fidélité des utilisateurs, et par conséquent, une amélioration du chiffre d’affaires. À l’inverse, une mauvaise UX peut générer de la frustration, réduire l’engagement des utilisateurs, voire les pousser à abandonner le produit ou le service. - Les différentes étapes du processus UX :
Le processus de création d’une expérience utilisateur de qualité comporte plusieurs étapes : la recherche, la conception, le prototypage, les tests utilisateurs et l’itération. Chaque étape vise à optimiser l’expérience globale que l’utilisateur aura avec le produit ou le service.
Page 37 :
L’UX repose sur un ensemble de connaissances, de compétences et d’outils, notamment ceux qui sont dédiés à la cartographie UX, aussi appelée UX mapping.
Un concepteur designer UI doit au minimum maîtriser et utiliser quatre outils essentiels de l’UX :
- Le user persona
- Le user scenario
- Le user flow
- Le visual site map
- Le wireframe
Les quatre diapositives suivantes mettent en lumière ces outils en établissant à la fois une distinction avec leurs « faux-amis », et en définissant la variation spécifique de ces outils et des connaissances associées qui constituent le portefeuille minimal UX pour un concepteur designer UI.
Page 40 : À propos des personas
- Les Buyer Persona proviennent principalement du marketing. Leur but est d’identifier et de comprendre les segments spécifiques d’acheteurs pour mieux cibler les efforts marketing et les stratégies de vente. Ils se concentrent sur les comportements d’achat, en définissant les déclencheurs, les objections et en orientant les campagnes et stratégies de contenu.
- En revanche, les User Persona sont issus du domaine du design UX. Leur objectif est de saisir en profondeur les besoins, les désirs et les comportements des utilisateurs pour optimiser l’expérience utilisateur. Ils se concentrent sur les motivations et les besoins des utilisateurs, et guident la conception de l’interface ainsi que les tests utilisateurs.
- Le User Persona Produit vise à comprendre l’interaction globale de l’utilisateur avec le produit, en tenant compte de l’intégration de ce dernier dans la vie quotidienne de l’utilisateur.
- Le User Persona Interface se focalise plutôt sur l’interaction directe avec une interface digitale, en ciblant les tâches spécifiques et les éventuels obstacles rencontrés lors de l’utilisation de cette interface.
Page 41 : À propos des scénarii
- Le Buyer Journey, issu du marketing, décrit le trajet que parcourt un acheteur, depuis la prise de conscience d’un besoin jusqu’à l’achat, en mettant l’accent sur les points de contact, les déclencheurs et les émotions ressenties tout au long du processus.
- Le Consumer Journey élargit cette notion en couvrant toute l’expérience du consommateur avec une marque, depuis la découverte du produit jusqu’à son utilisation post-achat et au-delà. Il se concentre sur les moments clés de cette relation et sur les émotions qui y sont associées.
- Le User Scenario, propre au design UX, raconte en détail comment un utilisateur, représenté par un persona, interagit avec une interface ou un produit.
- Le User Scenario Produit décrit la façon dont un utilisateur interagit avec un produit dans son ensemble, en tenant compte de tous ses aspects, notamment son utilisation quotidienne et son utilité générale.
- En revanche, le User Scenario Interface se concentre spécifiquement sur la manière dont l’utilisateur navigue et interagit avec une interface numérique, qu’il s’agisse d’une application, d’un site web ou d’un autre dispositif digital.
- Le User Map Journey se distingue du scénario en offrant une visualisation du parcours de l’utilisateur, comprenant les interactions, les émotions et les opportunités.
Page 42 : À propos des diagrammes
Le parcours d’un consommateur ou d’un utilisateur, ainsi que la structure de l’information, peuvent être représentés à l’aide de différents types de diagrammes. Il existe une grande variété de ces représentations, comme les user flow, task flow, wireflow, UI flow, service blueprint, swimlane diagram, entre autres. Certains de ces diagrammes offrent des distinctions subtiles.
Les principaux diagrammes à retenir sont :
- Le User Flow et le Visual Site Map.
On distingue deux approches :
- Le User Flow Produit, qui capture l’ensemble du parcours de l’utilisateur avec un produit, depuis la découverte de celui-ci jusqu’à son intégration dans le quotidien.
- Le User Flow Interface, ou parcours de navigation, qui trace le chemin emprunté par l’utilisateur au sein de cette interface, en mettant en lumière les étapes, les éventuels points de friction et les décisions prises au cours de la navigation.
Le Visual Site Map est une représentation visuelle de la structure et de la hiérarchie d’un site web. Contrairement à un plan de site traditionnel souvent présenté sous forme de liste, le Visual Site Map est généralement plus graphique et illustre les relations entre les pages à travers des liaisons visuelles.
Page 47 : Principes fondamentaux de l’UI
Les principes fondamentaux de l’UI incluent :
- La cohérence des composants d’interface.
- L’établissement d’une hiérarchie visuelle claire.
- La simplicité et l’accessibilité des designs.
- L’importance du principe de call to action.
- L’utilisation appropriée des patterns UI, des images, des icônes et des rich media.
- L’adoption de grilles structurées.
- L’intégration de design systems.
- L’assurance d’un contrôle et d’une stabilité dans l’interface.
- La connaissance des différents types d’interfaces et modes d’interactions.
- L’adoption de concepts tels que le responsive design, le design adaptatif, et la philosophie du mobile first.
Page 47 : Principes fondamentaux de la perception visuelle
Les lois de la Gestalt mettent en lumière la manière dont nous percevons les objets visuellement, en se basant sur des principes tels que la proximité, la similarité, la continuité, la clôture, la symétrie et le rapport figure-fond. Ces lois illustrent comment notre cerveau regroupe ou sépare des éléments pour former une perception visuelle cohérente et organisée.