Librairie Figma
Création d'une Library Figma
Dans cette première phase, l’outil de design Figma sera utilisé pour créer la Design Library, qui servira de référence unique (single source of truth) pour tous les futurs projets de design au sein de l’ÖGK. Ce fichier sera ensuite lié à tous les projets de design, fournissant ainsi des mises à jour toujours actuelles. Ainsi, nous nous assurons que l’image globale des produits numériques de la ÖGK reste cohérente.
Design Foundation
Construire les bases : Fondations essentielles pour un système de design cohérent et efficace
Dans un système de design, les fondations (également appelées « fondements ») désignent les éléments de base qui définissent les principes visuels et fonctionnels sur lesquels repose l’ensemble du système. Ces éléments fondamentaux servent de composantes clés pour assurer la cohérence, l’homogénéité et l’efficacité tout au long du processus de conception. Ils incluent généralement le logo, la typographie, les couleurs, les espacements et les icônes, et sont intégrés dans les directives de l’entreprise.
Design Building Blocks
Création de Composants UI pour une Expérience Utilisateur Consistante et Améliorée
Ces éléments fondamentaux servent plus tard de composants UI prêts à l’emploi pour les designers. Lors de la création d’une composante, une attention particulière est portée aux critères suivants : Nom (il doit être facile à retrouver pour tous les membres de l’équipe), anatomie (de quoi est constitué le composant, particulièrement important pour les développeurs qui doivent construire ce composant) et variantes (une composante peut avoir plusieurs variantes, comme la taille, la présence ou non d’icônes, les couleurs, etc.) Pour l’ÖGK, plus de 50 composants ont été créés, contribuant ainsi à construire des écrans cohérents et à améliorer l’expérience utilisateur.
Documentation
Documentation centralisée des composants pour garantir clarté et cohérence au sein de l'équipe de design
La documentation des composants est un élément centrale du processus de design, notamment lorsqu’il s’agit de gérer des systèmes de design et de garantir que toute l’équipe soit sur la même longueur d’onde. Pour ce projet, nous avons documenté les composants de manière centralisée au sein du fichier Figma afin de présenter clairement l’utilisation, la fonctionnalité et les variantes des composants.
