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.

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

  • Ergonomie

    L’ergonomie, dans le contexte du UI design, se réfère à la conception et à l’organisation des éléments visuels et interactifs dans une interface utilisateur afin d’optimiser l’expérience utilisateur. Principes d’ergonomie UI

  • Ergonomie prospective en numérique

    L’ergonomie prospective en numérique est une démarche de conception qui anticipe les activités futures des utilisateurs dans des environnements numériques inédits (IA générative, agents autonomes, métavers, interfaces vocales, réalité augmentée, etc.), afin de concevoir des systèmes utilisables, significatifs, éthiques et soutenables dès leur genèse Différence avec l’ergonomie corrective ou curative Types d’ergonomie : Corrective :…

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

  • Figjam

    FigJam est un outil de collaboration visuelle intégré à la plateforme Figma, conçu pour faciliter le travail d’équipe à distance ou en présentiel. Il s’agit d’un tableau blanc (whiteboard) numérique interactif permettant de brainstormer, organiser des idées, planifier des projets, réaliser des ateliers de co-conception (comme des user story mapping, des rétrospectives ou des wireframes…

  • Figma Autoname

    Figma Autoname est un plugin utile pour automatiser le processus de nommage des calques et des composants dans Figma. Il donne des noms significatifs aux calques en fonction de leurs propriétés (comme la taille, la couleur, le type d’élément, etc.), ce qui facilite l’organisation et la navigation dans les projets complexes. Bien que Figma Autoname…

  • Figma desktop app

    Application de bureau pour Figma qui donne accès à plus de fonctionnalités : polices locales, épingles, multi-écrans etc. Figma desktop est relié à la plateforme en ligne. Figma desktop app Documentation sur les polices locales

  • Figma for VS Code

    Extension pour VS Code qui permet d’afficher en temps réel le code d’un design sur Figma. Extension for Figma VS Code Documentation Figma for VS Code