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
-
Mock-up
Prototype basse fidélité d’une interface utilisateur ou maquette graphique simplifiée d’une page Web, d’un document PAO à l’échelle 1:1 (grandeur réelle). Il sert à représenter les fonctionnalités sans commencer à étudier l’aspect visuel. Un mock-up peut aussi désigner les images d’un site Web ou d’une application mises en contexte. Quelques exemples Explorer les thématiques :…
-
Overlay
L’overlay est un élément d’interface placé en superposition d’un bloc de contenu d’un site Web ou d’une application mobile, utilisé pour améliorer l’expérience utilisateur. Il s’agit d’une couche visuelle qui apparaît au-dessus du contenu en cours de lecture pour collecter des informations, confirmer des actions, afficher du contenu supplémentaire, afficher des notifications. Un overlay doivent…
-
Parcours utilisateur – User Journey
Un parcours utilisateur (user journey) est une représentation documentaire structurée de l’ensemble des interactions, émotions, décisions et contextes qu’un utilisateur expérimente lorsqu’il accomplit un objectif à travers un écosystème de services (numérique, physique, humain). Distinction critique : Le parcours est donc plus holistique qu’un simple wireflow : il intègre la dimension humaine (émotions, attentes) et…
-
Pipeline Figma
Un pipeline est une chaîne automatisée de transformation et de distribution des design tokens ou d’autres artefacts de design : Les outils clés 1. Style Dictionary (Amazon) Site : https://amzn.github.io/style-dictionary/ 2. Nouveaux parseurs basés sur la DTS (ex: DTS parsers, d’autres outils de transformation) Rôle : Simplifier la transformation des tokens grâce à la standardisation.…
-
Polaris – Système de design de Shopify
Polaris est le système de conception officiel de Shopify, conçu pour garantir une expérience utilisateur cohérente, accessible et efficace dans les interfaces destinées aux commerçants, aux développeurs et aux partenaires de la plateforme. Il fournit des composants UI, des guidelines UX, des outils de développement et des ressources Figma, tous alignés sur les besoins du…
-
Production UI
La production d’interface utilisateur (UI) en webdesign consiste à la création et la mise en œuvre des éléments visuels et interactifs d’un site web ou d’une application web. Cela inclut la conception et la réalisation de visuels, d’illustrations, de graphismes, de photomontages, de storyboards, d’animations, de dataviz, de maquettes et prototypes, de mises en page,…
-
Prototype
Le prototype en design d’expérience utilisateur (UX) peut être défini comme une visualisation interactive des interfaces. Il s’agit d’un outil clé pour les UX designers pour vérifier les fonctionnalités, tester les dispositifs envisagés, affiner la conception, trouver de nouvelles idées, tester un parcours ou une action. Les prototypes peuvent être utilisés pour différents types de…
-
Refero.design
Refero.design utilise l’intelligence artificielle pour créer rapidement des designs personnalisés basés sur les descriptions textuelles fournies par l’utilisateur. Les designs créés sur Refero.design peuvent être exportés dans différents formats (PNG, JPG, SVG) pour une utilisation dans divers contextes, que ce soit pour l’impression ou le numérique. Refero.design Explorer les thématiques : Design conception numérique
-
Rename layers – Renommer les calques IA
« Renommer les calques avec IA » est une fonctionnalité (souvent fournie par un plugin tiers ou en bêta native) qui analyse automatiquement le contenu visuel ou structurel d’un calque (texte, forme, position, contexte) pour lui attribuer un nom pertinent, descriptif et cohérent, en quelques clics. C’est un outil d’automatisation intelligente du naming destiné à…
-
Responsive design – conception responsive
Le responsive design (ou design responsive) est une approche de conception conception d’interfaces qui s’adaptent automatiquement à la taille et à l’orientation de l’écran (mobile, tablette, desktop). Essentiel pour les applications web et les sites mobiles, mais aussi utile dans les apps natives pour gérer les différentes tailles d’écran. L’objectif est d’offrir une expérience de…
À 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é.