Le glossaire de l'UX/UI

L’audit est une évaluation de l’interface utilisateur d’un site web ou d’une application déjà existante. Selon différents critères tels que l’architecture, le parcours utilisateurs, le choix des couleurs ou des icônes, nous allons pouvoir faire un état des lieux des différentes fonctionnalités et fournir des recommandations. Nous effectuons aussi bien des audits UX, que des audits UI.

Comme son nom l’indique, un call to action est un “appel à l’action”. Cet élément cliquable qui apparaît majoritairement sous forme de boutons, a pour objectif d’inciter l’utilisateur à effectuer une action précise telle que “Candidater”, “Ajouter au panier” etc.

Le card sorting ou tri de cartes en français est une méthodologie utilisée en UX Design, qui permet au designer de structurer des informations. Elle sert principalement à définir l'architecture de l'information et la navigation d’un site web, une application web ou une application mobile.

Un composant est le patron d’un élément de design qui est amené à être réutilisé de nombreuses fois dans un projet. Ce dernier contient tous les états possibles d’un élément afin qu’il soit le plus versatile possible.

Le Design Sprint est une méthode d’innovation qui vise à accélérer la créativité, ainsi que la résolution de problèmes sur un produit. En seulement quelques jours, nous travaillons en collaboration avec nos clients au travers de différents ateliers, pour imaginer, tester et prototyper une idée.

En UI Design, le Design System permet de regrouper l’ensemble des éléments de la charte graphique et ergonomique. Il est composé de l’intégralité des composants et des styles (typographiques, couleurs, boutons, cards, illustrations...) destinés à la conception du produit ou du service en question.

Desirability Testing ou test de désirabilité en français, est une méthode qui permet aux designers d’évaluer ce que pensent les utilisateurs du visuel et de l’esthétique d’un produit.

En UX Design, le diagramme d’affinités est une méthode qui permet de synthétiser des données qualitatives. Par exemple, lorsque nous organisons des interviews utilisateurs, nous pouvons facilement synthétiser et trier les retours des interviewés grâce à cette méthode.

La carte d’empathie est une méthode collaborative, qui permet aux designers de mieux comprendre les besoins des utilisateurs. Le processus de cartographie aide à synthétiser les données de recherches qualitatives et à révéler des informations plus approfondies sur les comportements et les besoins des utilisateurs.

Les maquettes Hi-fi sont les maquettes finales ressemblant au pixel près à ce qui devra être développé en phase d'intégration, avec l'identité graphique posée sur l'architecture validée. Ce livrable est le dernier du travail de design, il est accompagné d'une fiche de style, d'un design system et de toutes indications nécessaires à la passation pour les développeurs.

L’intégration est le fait de transformer une maquette ou un concept graphique en site web fonctionnel. Pour ce faire, chez Wolfox nous utilisons Webflow un constructeur de site qui ne nécessite pas de code et permet une édition simple des contenus via son CMS intégré.

Maquette sous la plus basse définition, cette étape sert essentiellement à poser les bases d'un design à grosses mailles. Il peut s'agir d'une maquette réalisée à main levée en atelier de co-conception, ou d’une maquette conçue rapidement sur Figma.

Un Mockup est une maquette d’une interface utilisateur. Sa mission est de représenter de façon très simpliste l’essentiel du visuel.

Maquette avec une architecture travaillée dont tous les types de contenus et fonctionnalités sont clairement identifiés. Il s'agit le plus souvent d'un 'wireframe', une maquette qui ressemble de près au site final, mais sans aucune identité graphique (pas de photo, tout est en noir et blanc, les icones sont génériques, etc.). Lors d'une conception de maquette, le mid-fi est généralement le livrable final de la phase UX.

La Mindmap intervient lors de la phase d’idéation (processus créatif de production) d’un projet. Ces cartes heuristiques ou cartes mentales, permettent d’organiser visuellement les différentes idées et de les structurer de manière significative.

Un moodboard est un assemblage de visuels et de textes exprimant l’orientation de son travail de création. Il permet de trouver de l’inspiration et de donner une ligne directive.

L’onboarding correspond à l’intégration d’un individu dans un groupe ou un projet. Il sert à accueillir la personne et lui présenter une majeure partie des éléments qui lui seront utiles au cours de sa présence.

Un persona est une personne fictive représentant la cible idéale d’un produit. L’objectif est de définir, avec le plus de détails possible, une personne imaginaire qui correspond le mieux au profil des clients d’un site ou d’une application. En fonction des projets, nous pouvons créer un ou plusieurs personas.

Le prototypage permet de simuler une interface fonctionnelle avant de la produire. Elle s’intègre du parcours essaie-erreur dans la démarche de conception centrée utilisateur.

Le Responsive Web Design (RWD) permet de modifier la mise en page d’un site, pour que son contenu puisse s’adapter à différentes tailles d’écran. Lorsqu’un site est responsive, les différentes sections qui le composent s’adaptent et changent de disposition selon l’outil utilisé : ordinateur, téléphone, tablette....

Sitemap qui signifie plan du site en français est une étape de la création UX qui va permettre au designer de visualiser les différentes pages/sections d’une application ou d’un site web. Concevoir le plan du site permet notamment de structurer l’architecture et la navigation du site, ainsi que le contenu principal des différentes pages qui le composent.

Connu dans l’univers cinématographique, le principe de storyboard s’applique également à l’UX Design. Grâce au storyboard on dessine dans des cases ce que l’on souhaite réaliser ou faire avant d’entamer la conception du service. Il permet ainsi d’illustrer l’expérience de l’utilisateur avec le produit.

Le Style Tile est une ébauche du Design System. La “planche tendance” en français, permet d’illustrer le positionnement graphique, en proposant les premières couleurs, typographies, boutons, cards ou illustrations de la future solution digitale. Cette étape, se situe à mi-chemin entre l’élaboration de la maquette et la recherche graphique.

Anglicisme qui désigne un modèle générique sur lequel nous allons pouvoir itérer afin d’en faire quelque chose d’unique. Il existe des templates pour tout type de création : site web, présentations, logiciels.. L’utilisation de template permet de grandement réduire le temps de production d’un projet mais n’est pas à préconiser au vue de l’aspect générique de ces derniers.

Comme son nom l’indique, le test utilisateur est une méthode employée dans le milieu du design pour évaluer un produit ou un service. Durant les projets, nous allons ainsi organiser différents tests avec des utilisateurs pour obtenir leurs retours sur un site web, une application et voir ce qui fonctionne bien ou non.

L’UI design (User Interface Design) est l’étape de conception de l’interface utilisateur. Elle comprend donc tout ce qui s’apparente au graphisme et à l’agencement.
L’UI designer collabore avec l’UX designer avec qui il conçoit la version graphique de l’interface.

L’UX Design (User Experience Design) ou expérience utilisateur en français, désigne l’ensemble des pratiques permettant de concevoir un site web ou une application, où les besoins de l’utilisateur sont placés au premier plan. L’objectif de l’UX Designer est donc de créer des interfaces intuitives, fonctionnelles et accessibles pour offrir la meilleure expérience aux utilisateurs.

Le principe de UX Scorecard est un moyen de quantifier l’expérience utilisateur. Nous donnons une mission à effectuer aux utilisateurs, que nous pouvons précisément évaluer grâce à une frise de pourcentage. Les utilisateurs sont évalués sur quatre aspects : Le temps La complétion La facilité La capacité à reproduire l’action en question

User Flow ou parcours utilisateurs, est une étape de la création UX qui permet au designer de concevoir les différents chemins que l’utilisateur peut emprunter lorsqu’il navigue sur un site ou sur une application. Cette méthodogie est utile car elle permet notamment d’améliorer la navigation, ainsi que les parcours des utilisateurs en fonction de leurs besoins.

La User Journey est une étape de la recherche UX, qui permet d’analyser le parcours d’un utilisateur lorsqu’il utilise un produit ou un service. Il s’agit d’une représentation visuelle où l’on énumère les différentes phases par lesquelles l’utilisateur passe pour effectuer une action et atteindre des objectifs.

Cette méthode consiste à observer les utilisateurs et les actions qu’ils effectuent pour atteindre un objectif sur un site web/une application. Cette étape permet aux designers d’améliorer l’UX d’un produit, en éliminant par exemple des étapes inutiles pour l’utilisateur et en facilitant sa navigation sur la solution digitale.

La création de wireframes intervient lors de la conception d’une interface utilisateur. C’est une maquette qui va permettre de structurer les éléments d’une page, ainsi que les principales fonctionnalités d’un produit. Le wireframe a pour objectif de définir l’architecture, l’ergonomie et la navigation, avant de déterminer les choix visuels.