Vous avez dit "Atomic Design" ?

@2018

Comment créer des interfaces utilisateurs cohérentes le plus rapidement possible tout en limitant les efforts de maintenance ? Brad Frost essaye d'apporter une réponse au travers de sa méthode "Atomic Design" disponible en ligne ici. 
Cette méthode aujourd'hui source de buzz s'inspire de la chimie du vivant. Elle repose donc sur les concepts d'atomes, molécules, organismes, modèles (templates) et pages. Illustrons quelques concepts :

Atomic Design 2016

• Un atome représenterait un élément HTML basique comme un champ de saisie, un bouton, une étiquette de champ, ...
• Une molécule pourrait être constituée d'une étiquette, d'un champ de saisie ainsi que d'un bouton,
• Un organisme symboliserait par exemple un bandeau de recherche souvent présent dans les sites, 
• ... 

C'est une approche de construction ascendante (Bottom-Up) se prêtant facilement à du test multivarié (MVT). De plus, elle entérine le fait que la page n'a plus de sens aujourd'hui puisque les composants doivent pouvoir être affichés dans différents contextes: tablette, portable, ordinateur, ...
Notons que si différentes équipes travaillent simultanément sur le design d'applications, il est nécessaire de mettre en place des processus de synchronisation et de partage pour conserver une expérience utilisateurs cohérente tout le long des parcours.

Bonne lecture !