link Source : openclassrooms.com
list 2 séquences
assignment Niveau : Intermédiaire
chat_bubble_outline Langue : Français
card_giftcard 80 points
Avis de la communauté
5
starstarstarstarstar
2 avis

Les infos clés

credit_card Formation gratuite
verified_user Certification payante
timer 8 heures de cours

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.

more_horiz Lire plus
more_horiz Lire moins
report_problem

Les prérequis

Aucun ! Mais notez bien que le logiciel Sketch est conçu pour Mac.

dns

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

record_voice_over

Les intervenants

Joseph Cavé
UX Designer

store

Le concepteur

OpenClassrooms

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.

Avis de la communauté
5 /5 Moyenne
starstarstarstarstar
2
starstarstarstarstar
0
starstarstarstarstar
0
starstarstarstarstar
0
starstarstarstarstar
0
Contenu
5/5
Plateforme
5/5
Animation
5/5
Le meilleur avis

tres bien ;)

Anonyme
Anonyme,
le 25 avril 2023
Vous êtes le concepteur de ce MOOC ?
Quelle note donnez-vous à cette ressource ?
Contenu
5/5
Plateforme
5/5
Animation
5/5
Anonyme,
le 25 avril 2023
starstarstarstarstar

tres bien ;)

Anonyme,
le 18 juin 2020
starstarstarstarstar

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.