[RDV Tech] Atomic Design: détails et avantages de cette méthode de conception

atomic design

[RDV Tech] Atomic Design: détails et avantages de cette méthode de conception

Les avantages, les détails et des exemples de 

atomic design

la méthode de conception Atomic 

Design vous seront délivrés à travers cet article, rédigé par 

Nicolas Vardavas, co-fondateur de la société luxembourgoise SWIPE, experte dans l’UX design.

 

L’atomic Design est une méthode de conception par composants conçue par Brad Frost, designer américain ayant participé aux projets This is Responsive, ou encore Styleguide.io.

 

Cette méthode, inspirée du Modular Design, part du constat que l’analogie faite à la naissance du web avec le livre et qui définit le concept de page n’est plus d’actualité. En effet, face à la multitude de supports et de tailles d’écrans auxquels nous sommes exposés aujourd’hui, ce concept n’est plus réaliste.

atomic design

Brad Frost propose donc une méthode basée sur une métaphore biologique permettant de créer des systèmes de composants modulaires s’adaptant à tout type de support. Il définit 5 étapes de conception afin de découper une interface : atomes, molécules, organismes, template et page.

 

L’approche Atomic en détail

  • Les atomes 
  • Les molécules
  • Les organismes
  • Les templates
  • Les pages

 

Lire les détails sur ITnation

 

Les avantages de l’Atomic Design

  • Passer rapidement de l’abstrait au concret
  • Mettre en place un langage commun au sein des équipes 
  • Définir un système de composant au sein d’une entreprise
  • Fournir un styleguide (atomes et molécules) à l’ensemble de l’entreprise 
  • Structurer les développements
  • Gagner du temps

 

Découvrir les avantages sur ITnation

 

 

 

 

 

 

 

Maeva Pitou
No Comments

Post a Comment

Comment
Name
Email
Website