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

Responsive design

Concept
Définition

Approche de conception où l'interface s'adapte à la taille de l'écran. Un seul code source, plusieurs rendus.

En pratique

Concevoir mobile-first, puis élargir. Utiliser des breakpoints cohérents. Tester sur de vrais appareils, pas seulement dans l'inspecteur du navigateur.

Exemple

Un tableau de données à 10 colonnes ne se compresse pas bien sur mobile. Il faut repenser la présentation, pas juste la réduire.

Voir aussi
Wireframe
Sources
Ethan Marcotte, Responsive Web Design, A Book Apart, 2011
annonce Optimal Workshop : card sorting, tree testing, first-click Visiter →