Introduction
- Définition et historique : du Creative design au Design System
- Construire une charte graphique, une identité avant le Design System
- Les principes : au début était l'UI kit
- Connaître les différents frameworks, définition, principes et utilisations (CRM, conception d'un framework dédié, etc.)
- Comprendre les avantages de l'Atomic Design
- Maîtriser les différents composants et les outils
Garder la cohérence des éléments d'interface
- Une identité verbale indissociable
- Son, image, virtualité, quels éléments intégrer
- Garder le print en considération
- Normes d'accessibilité
La pérennité du Design System
- Maintenir et faire évoluer
- Connaître les contraintes et possibilités
Concevoir et déployer, une organisation à part entière
- Fédérer les rôles (UX, UI, DA, DEV, Marketing, Métier, etc) et les équipes avec les utilisateurs
- Organiser la roadmap du projet
- Informer, former les équipes par-delà la technologie
Exemple d'atelier :
- Découverte et utilisation d'un outil professionnel de conception UI (ex. Figma).
- Création d'un mini Design System : définition des grilles, styles typographiques et couleurs, conception de composants réutilisables et documentation du système