Les infos clés
En résumé
Aujourd’hui, la création des interfaces graphiques n’est plus aussi ancrée qu’il y a quelques années. L'ergonomie et la structure des nos écrans ou sites web changent rapidement en fonction de l’expérience que l’on veut offrir à nos utilisateurs. Gérer ces changements peut être complexe :
- Comment s'assurer de la cohésion graphique d'une application mobile ou d’un site web ?
- Comment mieux collaborer avec les développeurs qui mettent en œuvre ces changements d'interface ?
- Comment faciliter l’échange et l’évolution constante dans la création des interfaces graphiques ?
Pour pallier ce sujet complexe et transverse, Brad Frost, designer d’interaction, a écrit une méthode qui touche à la conception et à la collaboration : l’Atomic Design. Il décompose des sites web en éléments indépendants qui peuvent être réorganisés et modifiés facilement, tout en conservant l'harmonie de votre design.
Dans ce cours, nous allons voir comment mettre en œuvre cette technique en créant vos propres designs d'interface sur Sketch. Ensuite, nous verrons comment sélectionner les outils adaptés à votre équipe et comment mettre en place un design system auquel vos collaborators adhèrent !
Suivez ce cours pour apprendre une méthode en pleine effervescence ! Vous pourrez ainsi fluidifier et accélérer votre processus de création au sein de vos équipes de designers et développeurs, et fournir des livrables adaptés et évolutifs à vos clients.
À la fin de ce cours, vous serez capable de :
- Expliquer la méthodologie de l’Atomic Design et ses avantages.
- Identifier les méthodes pour créer et partager des composants graphiques de l'interface.
- Utiliser l’atomic design pour créer un style guide.
Les prérequis
Aucun ! Mais notez bien que le logiciel Sketch est conçu pour Mac.
Le programme
Partie 1 - Maîtrisez l’ensemble des outils pour mettre en place l'Atomic Design
1. Découvrez l’Atomic Design
2. Apprenez à bien utiliser Sketch
3. Maîtrisez les symboles avec Sketch
4. Faites des templates, des pages et votre librairie
Quiz : Les bases de l'Atomic Design
Partie 2 - Expliquez l’intérêt de l’Atomic Design à vos collaborateurs
1. Intégrez l'Atomic Design dans un contexte professionnel
2. Définissez et organisez vos livrables
3. Fédérez les collaborateurs autour de votre nouveau produit : le "design system"
Activité : Faites votre propre style guide
Certificat de réussite
Les intervenants
Joseph Cavé
UX Designer
Le concepteur

OpenClassrooms (anciennement le Site du Zéro ou SdZ), est un site web qui propose des cours autour de l'informatique, des sciences et de l'entrepreneuriat.
Les cours en ligne peuvent être réalisés aussi bien par l'équipe du site, des professeurs d'universités ou de grandes écoles partenaires que par ses membres.
Aujourd'hui, les cours sont disponibles dans plusieurs format : MOOC (Massive Open Online Course), texte web, e-book, livre et en vidéo. L'entreprise délivre des certifications pour certains cours, dont une reconnue par l'état, en partenariat avec IESA multimédia.
tres bien ;)


tres bien ;)

Dans ses vidéos d'introduction de chapitre, l'auteur synthétise très clairement le contenu. Les explications ainsi que les illustrations sont claires et courtes. L'avancement est bien organisé sur la plateforme.