Thématique du numérique : Design conception numérique

Regroupe les concepts, méthodes et pratiques liés à la conception de produits et services numériques, couvrant l’expérience utilisateur, les interfaces, l’architecture de l’information et le design d’interaction.

  • Mood board – Planche tendance

    Le mood board appelé aussi « planche tendance » est un support sur lequel sont réunis tous les éléments nécessaires, les idées, les inspirations utiles à la réalisation d’un projet Web pour exprimer clairement son concept, sa direction artistique et conceptuelle. La planche tendance précise l’ambiance générale, regroupe les images sur le même thème, les types de…

  • Nudge amount – quantum de déplacement

    Le nudge amount (ou quantum de déplacement) désigne la distance en pixels dont un objet se déplace lorsque vous utilisez les flèches directionnelles du clavier (← ↑ → ↓) pour le déplacer dans Figma. Personnalisation du nudge amount Depuis 2023, Figma permet de modifier cette valeur par défaut : Exemple : si vous travaillez avec…

  • 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.…

  • Plan d’actions accessibilité numérique

    Document opérationnel listant les correctifs techniques et éditoriaux à réaliser pour rendre un site/application conforme au RGAA, avec : Élément Exemple concret Priorisation « Critères bloquants (navigation clavier) → Critères mineurs (contraste secondaire) » Échéances « Q2 2026 : correction des formulaires — Q4 2026 : sous-titrage des vidéos legacy » Responsables « Développeur front…

  • 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…

  • Police inclusive

    Une police inclusive est une typographie conçue ou choisie pour maximiser la lisibilité et la compréhension par le plus grand nombre, en particulier les personnes en situation de handicap visuel, cognitif ou linguistique (ex. : dyslexie, basse vision, illettrisme, apprentissage du français). La police inclusive ne se résume pas à un style graphique : c’est…

  • 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,…

  • Props sémantiques

    Les props sémantiques (ou propriétés sémantiques) sont des paramètres nommés de façon intentionnelle et fonctionnelle plutôt que visuelle ou technique utilisés pour décrire les variantes d’un composant dans un Design System (en Figma, code ou autre outil). Elles permettent de séparer le quoi du comment : Exemple concret : un bouton Props non sémantiques (à…