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
-
Charte graphique
Une charte graphique est un document de référence formel et structuré qui établit les règles, spécifications techniques et directives d’utilisation de l’identité visuelle d’une marque, d’un projet ou d’une organisation. Contrairement au moodboard (collection d’inspirations visuelles) ou au brandboard (résumé visuel de l’identité), la charte graphique est un cadre normatif : elle ne montre pas…
-
Clip content – Masquage du débordement
Option permettant de cacher tout contenu qui dépasse les limites d’un cadre ou d’un groupe. Utile pour créer des effets visuels propres (comme des carrousels ou des vignettes arrondies) sans que les éléments ne “débordent” accidentellement. Explorer les thématiques : Figma, Design conception numérique
-
Code HEX
Un code HEX est un code de couleur qui représente une couleur en utilisant un système hexadécimal. Le binaire est un système positionnel à base 2, tandis que l’hexadécimal est un système positionnel à base 16. Le binaire utilise deux symboles, 0 et 1, tandis que l’hexadécimal utilise seize symboles, les chiffres de 0 à…
-
Colophon – Note finale
Un colophon Figma est une signature collaborative et technique, assurant transparence, traçabilité et facilité de reprise pour toute personne intervenant sur un fichier. Un colophon est une note finale placée à la fin d’un ouvrage (livre, document, site web, application) qui fournit des informations sur sa création : Historiquement présent dans les manuscrits médiévaux, il…
-
Color Contrast Grid
Color Contrast Grid est un plugin Figma conçu pour les designers qui travaillent sur des systèmes de design (Design Systems) et des palettes de couleurs. Son objectif est de générer automatiquement une grille visuelle complète montrant les rapports de contraste entre chaque couleur de la palette définie. Color Contrast Grid Explorer les thématiques : Figma,…
-
Content design
Le Content Design est une approche méthodique de conception centrée sur l’utilisateur pour la création de contenu. Cette approche se concentre principalement sur la qualité et la pertinence du texte, de la narration et de la structure de l’information. Son objectif principal est de garantir que le contenu produit est clair, hiérarchisé, accessible, utile et…
-
Contraintes
Une contrainte définit les règles de positionnement et de redimensionnement d’un élément enfant par rapport à son conteneur parent. Elle détermine comment l’élément se comporte lorsque le parent change de taille (redimensionnement, adaptation responsive), en conservant ou en ajustant ses distances, alignements ou dimensions. Contrainte de positionnement relatif Paramètre de contrainte qui ancre un élément…
-
Design adaptatif fluide
Le design adaptatif fluide est une évolution du responsive design traditionnel qui vise à créer une expérience utilisateur plus harmonieuse et continue lors du passage entre différents formats d’écran. Caractéristiques principales Explorer les thématiques : Design conception numérique
-
Design Android
Le design Android est l’ensemble des principes, composants visuels et interactions définis par Google pour créer des applications cohérentes, fonctionnelles et accessibles sur les appareils fonctionnant avec le système d’exploitation Android (smartphones, tablettes, wearables, etc.). Il repose sur les Material Design Guidelines, une philosophie de design lancée par Google en 2014. Caractéristiques clés du design…
-
Design conversationnel
Interfaces basées sur des interactions conversationnelles, souvent avec des chatbots. 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é.