Thématique du numérique : UX UI Design

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.

  • Design system for Figma

    Modèles de systèmes de conception pour le logiciel de conception Figma, présentant une bibliothèque de composants, visuels et principes d’harmonisation au code réutilisable. Designsystemsforfigma.com Material 3 Design System Kit

  • Design token

    Un design token est une petite unité de conception d’un design system qui permet de modifier les valeurs à la volée dans le projet : une couleur, une typographie pour les titres. Un jeton de conception peut être représenté par des variables telles que primary-color, secondary-color etc. Un Design Token est un pont de données…

  • Design tokens

    Les Design tokens sont des unités atomiques de design exprimées sous forme de paires clé/valeur, utilisées pour décrire de façon sémantique les choix visuels d’un système de design. Contrairement à des valeurs brutes (ex. #FF0049 ou 16px), les tokens portent du sens métier : Les Design Tokens sont des valeurs nommées qui représentent les éléments…

  • Designer UI Figma

    Professionnel chargé de l’exécution visuelle et de l’esthétique des interfaces numériques. Il se concentre sur l’application de la charte graphique, la définition des styles (couleurs, typographie), la création des composants (UI) et des micro-interactions (Motion Design) au sein de Figma. Son objectif est d’assurer une expérience attrayante, accessible et ergonomique au niveau de l’interaction, en…

  • Detaching

    Detaching ou « détacher » en français dans Figma désigne l’action de rompre le lien entre une instance de composant et son composant principal (main component), afin de la modifier indépendamment.

  • Effet esthétique-utilisabilité – Aesthetic-Usability Effect

    Phénomène cognitif selon lequel les utilisateurs perçoivent un produit ou une interface visuellement attrayante comme plus facile à utiliser, même lorsque sa performance réelle en termes de fonctionnalité, d’efficacité ou d’ergonomie est identique voire inférieure à celle d’un design moins soigné. Cette perception biaisée influence non seulement l’attitude initiale de l’utilisateur, mais aussi sa tolérance…

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

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