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.

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

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

  • Ratio d’aspect – Aspect Ratio

    Le ratio d’aspect désigne la proportion entre la largeur et la hauteur d’un espace visuel qu’il s’agisse d’une image, d’un cadre (frame), d’un écran, d’une vidéo ou d’une interface. Il s’exprime sous la forme largeur : hauteur (ex. : 16:9) et reste indépendant de la résolution réelle (en pixels) ou de l’unité de mesure (points,…

  • Ratio de contraste 4,5

    Le ratio 4,5 est le minimum requis par WCAG 2.1 pour du texte normal en niveau AA, afin d’assurer une bonne lisibilité pour les personnes ayant une vision normale ou modérément déficiente. Le ratio de contraste mesure la différence de luminosité entre la couleur du texte et celle de son arrière-plan. Il est exprimé sous…

  • Ratio de contraste WCAG

    Le ratio de contraste WCAG est une mesure qui évalue la différence de luminance entre une couleur de texte et son arrière-plan afin d’assurer une lisibilité optimale, notamment pour les personnes ayant des déficiences visuelles. Formule simplifiée où L est la luminance relative d’une couleur. Exemples de ratios WCAG : Conformité AAA (accessibilité renforcée) →…

  • Redlining – Cotation dans Figma

    Le redlining (souvent traduit par « cotation » ou « annotation technique ») désigne l’ensemble des indications précises qu’un designer ajoute à une maquette pour communiquer les spécifications techniques aux développeurs : Dans Figma, ces informations ne sont pas dessinées manuellement (comme sur les anciens fichiers Photoshop), mais générées automatiquement via le Dev Mode et…

  • Référent accessibilité

    Professionnel garant de l’inclusion numérique au sein d’une organisation. Il veille à ce que les produits, services et contenus digitaux sites web, applications, documents, interfaces internes soient utilisables par toutes les personnes, y compris celles en situation de handicap (visuel, auditif, moteur, cognitif). Son rôle combine expertise technique, médiation humaine et veille réglementaire. Mission principale…