Lexique du design et de la conception numérique. Concevoir des interfaces, des expériences ou des systèmes numériques, c’est articuler fonctionnalité, accessibilité et intention.
Cette thématique explore les pratiques, outils et réflexions qui permettent de penser le numérique non comme une suite d’écrans, mais comme un espace d’interaction humaine structuré, éthique et reproductible.
Définitions associées
-
Justification
La justification, également appelée alignement complet ou double justification, est une technique d’alignement du texte dans laquelle chaque ligne d’un paragraphe est étirée ou comprimée pour s’adapter à une largeur de ligne uniforme tout en alignant les marges de gauche et de droite. En typographie, la justification désigne la manière dont les lignes de texte…
-
Layout grid – Grille de mise en page
Système visuel de référence pour l’alignement et la composition. Une Layout Grid est une grille structurelle superposée à un frame dans Figma, servant de guide invisible pour positionner, aligner et espacer les éléments d’interface selon une logique spatiale cohérente. Elle matérialise une architecture de page fondée sur des principes de design systémique souvent inspirée de…
-
Library
Une Library Figma est un mécanisme central du travail collaboratif et de la scalabilité en design. Elle permet de : Types de ressources dans une Library Accès et gestion Équivalent conceptuel Une Library Figma joue le même rôle qu’un package npm dans le développement (ex. @mycompany/design-system), ou qu’un module partagé dans un outil comme Storybook.…
-
Lightning Design System 2 – SLDS 2
Lightning Design System 2 (SLDS 2) est la deuxième génération du système de conception officiel de Salesforce, conçu pour créer des interfaces utilisateur cohérentes, accessibles et évolutives dans les applications construites sur la plateforme Salesforce notamment Sales Cloud, Service Cloud, Experience Cloud, et les apps personnalisées via Lightning Web Components. Il sert de cadre visuel…
-
Lorem ipsum
Un lorem ipsum est un simili latin qui permet de simuler du faux-texte. C’est un texte de remplissageutilisé dans l’industrie de l’impression et de la conception graphique. Il est conçu pour ressembler à du texte en latin, mais en réalité, il est composé de mots et de phrases sans signification réelle. Syn.: bolo-bolo, faux-texte Exemples…
-
Mapping du parcours client
Le mapping du parcours client (ou cartographie du parcours utilisateur) est une représentation visuelle des étapes, émotions, actions et points de contact qu’un utilisateur ou client traverse lorsqu’il interagit avec un produit, un service ou une organisation — de la prise de conscience jusqu’à la fidélisation (ou l’abandon). C’est une carte empathique qui permet de…
-
Maquette
Une maquette est une représentation visuelle et interactive d’un site web, d’une application ou d’un logiciel. Elle permet de valider la conception des écrans, d’optimiser les parcours utilisateurs et de planifier l’architecture du site ou de l’application. Une maquette peut être interactive, intégrant des éléments cliquables, des animations et des transitions, facilitant ainsi la visualisation…
-
Material Design Google
Élaboré par Google en 2014 pour harmoniser l’expérience sur l’ensemble de leurs interfaces, il est basé le réalisme, l’action de l’utilisateur par un mouvement et 3 éléments physiques : la lumière, les ombres et l’espace 3D. L’objectif est d’offrir la possibilité à l’utilisateur de déplacer des éléments de l’interface comme il pourrait le faire avec…
-
Micro interaction
Une micro interaction est un petit élément interactif dans une interface utilisateur (UI) qui sert à accomplir une tâche ou à fournir un retour d’information à l’utilisateur de manière subtile et intuitive. Il s’agit d’une animation légère et courte déclenchée lors d’une action d’un utilisateur. Syn: micro-interaction Explorer les thématiques : Design conception numérique
-
Micro-interaction immersive
Une micro-interaction immersive est une petite animation ou un effet interactif conçu pour créer une expérience utilisateur plus engageante et immersive sur un site web ou une application. Exemples de micros-interactions immersives Explorer les thématiques : Design conception numérique
À quoi ça sert, pour qui ?
À mieux comprendre comment les interfaces orientent les comportements, façonnent les usages et traduisent (ou trahissent) des choix de conception.
Pour les designers, développeurs, enseignant·es, équipes culturelles, ou toute personne impliquée dans la création de services numériques.
Repères
- Domaines concernés : Expérience utilisateur, Accessibilité, Architecture de l’information, Écoconception
- Types de concepts associés :
- Outil (ex. Figma, Penpot)
- Méthode (ex. Card sorting, Audit UX)
- Principe (ex. Progressive enhancement, Privacy by design)
- Pratique (ex. Documentation vivante, Design system)
- Concept (ex. UX, UI, Sémantique visuelle)
- Rôles liés :
- Designer UX/UI
- Architecte de l’information
- Référent accessibilité
- Product designer
- Chargé de conception éthique
- Niveau d’appropriation recommandé :
Découverte → Compréhension → Application → Structuration → Maîtrise opérationnelle
Aller plus loin
Thématiques proches
• Interfaces et accessibilité
• Sobriété et design éthique
• Documentation et expérience utilisateur
Domaines liés
• Expérience utilisateur
• Accessibilité
• Architecture de l’information
• Écoconception
Définitions connexes (exemples)
• UX (expérience utilisateur) – Concept
• UI (interface utilisateur) – Concept
• Design system – Pratique
• Wireframe – Méthode
• Prototype – Méthode
• Figma – Outil
• Parcours utilisateur – Concept
• Test utilisateur – Méthode
FAQ
UX et UI, quelle différence ?
L’UX (expérience utilisateur) désigne l’ensemble du vécu d’une personne avec un service : clarté, fluidité, émotions, efficacité. L’UI (interface utilisateur) se concentre sur les éléments visuels et interactifs : boutons, typographie, couleurs, micro-interactions. L’UI sert l’UX, mais ne la remplace pas.
Un design system, est-ce réservé aux grandes entreprises ?
Non. Même un petit collectif peut bénéficier d’un mini design system : une palette de couleurs, une typographie cohérente, quelques composants réutilisables. L’objectif est la cohérence, pas la complexité.