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.

  • Gabarit (layout)

    Modèle de mise en page, organisé en modules et composants de code, de texte et images réutilisables pour plusieurs pages ou sur un autre site Web. Principe de module : l’élément visé doit avoir la même apparence partout. En Css il est préfixé par la classe du plus haut niveau, de son parent. Il sert…

  • Gestalt – Système de design de Pinterest

    Gestalt est le système de conception open source développé et utilisé par Pinterest pour construire des interfaces web cohérentes, accessibles et performantes notamment sur sa plateforme principale pinterest.com et ses outils internes. Le nom « Gestalt » fait référence au principe psychologique selon lequel « le tout est plus que la somme de ses parties…

  • Gouttière

    Espace blanc qui sépare deux colonnes. En typographie et design, une gouttière (gutter en anglais) désigne l’espace vide entre deux colonnes de texte, d’images ou d’éléments visuels dans une grille de mise en page. Contrairement aux marges extérieures (qui entourent le bloc global), la gouttière est un espace intérieur qui sépare des contenus voisins. Exemple…

  • Gouvernance UX/Figma

    La Gouvernance UX/Figma est l’ensemble des règles, processus, et responsabilités mis en place pour maintenir la qualité, la cohérence et la scalabilité des livrables de design (maquettes, prototypes, composants) au sein d’une organisation, en utilisant Figma comme plateforme centrale. Elle se décline en trois piliers principaux : 1. Gouvernance du Système de Design (Le « Quoi »)…

  • Graphiste

    Le titre « Graphiste» ou « Graphiste numérique » est une appellation officielle (RNCP/FranceTerme), socle polyvalent de la conception visuelle digitale. Les métiers d’UX, UI, Product ou Motion Designer en sont des spécialisations complémentaires, non des substituts. Cette fiche décrit le périmètre générique du métier, chaque trajectoire professionnelle pouvant ensuite évoluer vers des compétences ciblées…

  • Grille à 8 pixels

    Le système de grille à 8 pixels (8px) est une approche de mise en page et de dimensionnement utilisée dans le design responsive. Cette approche repose sur l’utilisation d’une base de 8 pixels pour dimensionner et espacer les éléments de manière cohérente lors de la mise à l’échelle pour différents appareils et résolutions d’écran. Le…

  • Heuristiques de Nielsen

    Les heuristiques de Nielsen sont un ensemble de 10 principes généraux d’ergonomie formulés par Jakob Nielsen et Rolf Molich en 1990, puis affinés en 1994. Elles constituent une méthode d’inspection d’interface (heuristic evaluation) permettant d’identifier rapidement les problèmes d’utilisabilité sans avoir besoin de tests utilisateurs coûteux. Origine du terme : Heuristique vient du grec heuriskein…

  • Hiérarchie visuelle

    La hiérarchie visuelle désigne l’organisation intentionnelle des éléments visuels dans une interface, une page ou une composition, de manière à guider le regard et l’attention de l’utilisateur selon un ordre de priorité fonctionnelle ou sémantique. Elle traduit visuellement ce qui est le plus important, secondaire ou accessoire, en s’appuyant sur des contrastes perceptifs et les…

  • Highered Design

    Le site highered.design est un design system dédié au secteur de l’enseignement supérieur (« higher education » en anglais). Il a été créé pour répondre aux besoins spécifiques des universités, collèges et institutions académiques en matière de communication numérique cohérente, accessible et efficace. Objectif : Aider les établissements d’enseignement supérieur — souvent dotés de ressources…

  • Hug content

    Un hug content est un moyen au sein de la mise en page automatique, l’auto-layout, de redimensionner automatiquement tous les textes enfants d’un conteneur pour être le plus petit possible en laissant seulement de l’espace pour le rembourrage. Pour définir un hug content dans Figma, il suffit de double-cliquer sur le bord vertical ou horizontal…