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

Material design

Concept
Définition

Système de design créé par Google en 2014 pour unifier l'expérience de ses produits sur toutes les plateformes. Basé sur la métaphore du papier et de l'encre, il utilise des ombres, des couches et des animations physiquement réalistes pour créer une hiérarchie visuelle. Material design se situe entre le skeuomorphisme et le flat design : il conserve le minimalisme mais réintroduit la profondeur. La version Material You (2021) ajoute la personnalisation dynamique des couleurs et des formes.

En pratique

Utiliser la documentation Material comme référence pour les projets Android et cross-plateforme. Respecter les élévations (ombres) pour indiquer la hiérarchie des éléments. Appliquer les guidelines de typographie, d'espacement et de couleur fournies par le système. Ne pas appliquer Material tel quel sur iOS : les utilisateurs Apple ont des attentes différentes. Adapter les composants Material au contexte du produit plutôt que les copier sans réflexion.

Exemple

Google Maps utilise Material design pour superposer les contrôles (recherche, filtres, itinéraire) sur la carte avec des niveaux d'élévation distincts. Chaque couche de l'interface correspond à un niveau d'ombre, rendant la hiérarchie lisible d'un coup d'oeil.

Voir aussi
Design system
Flat design
Interface utilisateur (*User Interface*)
Skeuomorphisme (*Skeuomorphism*)
Sources
Google, Material Design 3
Le Journal d'UX est un média indépendant sur l'expérience utilisateur. Liens curatés, wiki UX en français, communauté.