Le Journal d'UX
L'actualité UX,
au-dessus de la ligne de flottaison.
Wiki UX Skeuomorphisme (*Skeuomorphism*)

Skeuomorphisme (*Skeuomorphism*)

Concept
Définition

Style de design qui imite l'apparence d'objets physiques dans une interface numérique. Le terme vient du grec skeuos (outil) et morphe (forme). En design d'interface, le skeuomorphisme reproduit des textures (bois, cuir, métal), des reliefs et des métaphores réalistes. Apple en a été le champion avec iOS 1 à 6 : l'application Notes imitait un carnet à spirale, le Newsstand un rayon de bibliothèque. Le skeuomorphisme facilite l'apprentissage en exploitant les modèles mentaux du monde physique, mais vieillit vite visuellement.

En pratique

Utiliser le skeuomorphisme avec parcimonie pour les interfaces dont les utilisateurs ont besoin de repères du monde physique. Réserver les métaphores skeuomorphiques aux cas où elles accélèrent la compréhension. Éviter le skeuomorphisme purement décoratif qui ajoute du bruit visuel sans valeur fonctionnelle. Les instruments de musique virtuels (synthétiseurs, tables de mixage) restent un cas d'usage pertinent. Le skeuomorphisme revient partiellement sous forme de "neumorphisme", un style qui simule des surfaces extrudées avec des jeux d'ombre.

Exemple

L'application Calculatrice d'iOS reproduisait l'apparence d'une calculatrice Braun des années 1970, avec des boutons en relief et des couleurs fidèles à l'objet. Cette référence rendait l'usage immédiat pour tout utilisateur ayant déjà vu une calculatrice physique.

Voir aussi
Affordance
Flat design
Material design
Modèle mental (*Mental Model*)
Sources
Nielsen Norman Group, Skeuomorphism in User Interface Design
Le Journal d'UX est un média indépendant sur l'expérience utilisateur. Liens curatés, wiki UX en français, communauté.