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
-
Empty state – État vide de l’interface
Un « empty state » est un état d’une interface utilisateur dans lequel il n’y a rien à afficher. Cela peut être dû à un certain nombre de raisons, telles que l’absence de données, l’absence d’autorisations ou l’absence d’interaction de l’utilisateur. Il peut être utilisé pour fournir des instructions, un message explicatif, un bouton d’action, des conseils…
-
Ergonomie
L’ergonomie, dans le contexte du UI design, se réfère à la conception et à l’organisation des éléments visuels et interactifs dans une interface utilisateur afin d’optimiser l’expérience utilisateur. Principes d’ergonomie UI Explorer les thématiques : Design conception numérique
-
Ergonomie prospective en numérique
L’ergonomie prospective en numérique est une démarche de conception qui anticipe les activités futures des utilisateurs dans des environnements numériques inédits (IA générative, agents autonomes, métavers, interfaces vocales, réalité augmentée, etc.), afin de concevoir des systèmes utilisables, significatifs, éthiques et soutenables dès leur genèse Différence avec l’ergonomie corrective ou curative Types d’ergonomie : Corrective :…
-
Espace négatif
L’espace négatif se réfère à la zone vide ou non occupée par les objets principaux dans une composition graphique comme par exemple un logo ou une affiche. Cette zone vide qui entoure ou sépare des éléments visuels, peut être utilisée pour créer un effet de profondeur, de double lecture, de contraste, de mise en valeur…
-
Expand – Agrandir / Déplier
L’expand est l’action interactive d’agrandissement ou de révélation progressive d’un élément pour révéler plus de contenu. Elle est souvent accompagnée d’une animation pour une transition fluide et intuitive. Dans Figma, « Expand » désigne l’action consistant à augmenter la taille visible d’un élément comme un panneau, une carte, un accordéon ou un groupe de calques…
-
Experience Map
Une Experience Map (cartographie d’expérience) est une représentation visuelle du ressenti d’un utilisateur tout au long de son interaction avec un service avant, pendant et après l’usage du produit numérique. « Comment l’utilisateur se sent-il ? » ses émotions sur la durée. C’est la « carte émotionnelle » d’un voyage.Comme un GPS montre les routes,…
-
Figma desktop app
Application de bureau pour Figma qui donne accès à plus de fonctionnalités : polices locales, épingles, multi-écrans etc. Figma desktop est relié à la plateforme en ligne. Figma desktop app Documentation sur les polices locales Explorer les thématiques : Design conception numérique, Figma
-
Figma MCP
Figma MCP est une fonctionnalité avancée, accessible via le Dev Mode de Figma (payant), qui permet aux agents d’IA (MCP clients) comme Cursor, Claude Code, ou VS Code avec extension de lire le contexte visuel et structurel de votre design Figma en temps réel. Grâce à cela, vous pouvez : Comment ça marche ? 1.…
-
Fil d’Ariane – Breadcrumd
Chemin de navigation présent en haut des pages de contenu d’un site Web qui permet de naviguer plus facilement, de retourner à un niveau supérieur ou à la racine du site (page d’accueil, tête de rubrique ou taxonomie). Appelé en anglais «breadcrumb» en référence aux petites miettes de pain pour retrouver son chemin dans les…
-
Flat design
Le design plat ou flat design est un style de design d’interface graphique caractérisé par son minimalisme où chaque élément a une fonction. Il se base sur l’emploi de formes simples, sans effets ajoutés, des aplats de couleurs vives valorisées et de jeux de typographie. Ce style s’inspire notamment du style typographique international, dit style…
À 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é.