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.

  • Material Design Google

    Élaboré par Google en 2014 pour harmoniser l’expérience sur l’ensemble de leurs interfaces, il est basé le réalisme, l’action de l’utilisateur par un mouvement et 3 éléments physiques : la lumière, les ombres et l’espace 3D. L’objectif est d’offrir la possibilité à l’utilisateur de déplacer des éléments de l’interface comme il pourrait le faire avec…

  • Maze

    Maze est une plateforme de recherche utilisateur et de test d’utilisabilité (ou « usability testing ») qui s’intègre étroitement à Figma. Son objectif principal est de permettre aux équipes de Design et Produit de tester rapidement leurs prototypes Figma avec de vrais utilisateurs, et ce, de manière non modérée et quantifiable. Si Figma est l’outil pour créer…

  • Microservices

    Une architecture microservices est un modèle de conception logicielle dans lequel une application est composée de services autonomes, indépendants et faiblement couplés, chacun responsable d’une fonction métier spécifique, communiquant entre eux via des APIs standardisées (souvent HTTP/REST ou gRPC). Au lieu de construire une application comme un bloc monolithique (tout en un seul programme), l’architecture…

  • Modèle d’architecture de l’information

    Un Information Architecture Template (Modèle d’Architecture de l’Information) est un fichier ou une ressource préconçue (comme celle de l’image) utilisée dans Figma pour : Utilité et contenu C’est un outil structurant dans Figma qui vous permet de concevoir le « squelette » logique de votre produit avant d’en designer l’apparence. Information Architecture IA Figma

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