+
Le Journal d'UX
L'actualité UX, au-dessus de la ligne de flottaison.
Wiki UX Atomic design

Atomic design

Methode
Définition

Méthodologie de conception qui décompose les interfaces en 5 niveaux : atomes, molécules, organismes, templates et pages.

En pratique

Structurer un design system du plus petit composant au plus grand. Un bouton (atome) + un champ (atome) = un formulaire de recherche (molécule).

Exemple

Le champ email seul est un atome. Avec le bouton « S'abonner », c'est une molécule. Dans le footer, c'est un organisme.

Voir aussi
Design system
Sources
Brad Frost, Atomic Design, 2016
annonce Optimal Workshop : card sorting, tree testing, first-click Visiter →