Rédiger pour les mobiles
La mise en page
Sommaire :
- Quelle est la différence d'espace entre le mobile et le desktop ?
- Quelles conséquences sur la mise en page ?
- Comment le design mobile influence le design desktop ?
L’organisation de l’espace, entre desktop et mobile, est radicalement différente. La résolution 1920 x 1080 pixels, largement répandue auprès des utilisateurs d’ordinateurs de bureau, offre plus de 5 fois plus d’espace en largeur que la résolution standard d’un téléphone mobile.
D’où la nécessité de concevoir des interfaces « responsive », qui s’adaptent automatiquement à l’espace disponible.
La mort du colonnage
Une chose est claire, le mobile a tué le colonnage.
Ci-dessous, voyez comme une simple mise en page en deux colonnes occasionne déjà une forte perte de lisibilité en comparaison d’une mise en page en une seule colonne.
© image : yellowdolphins.com
De nombreux sites web font d’ailleurs le choix d’une mise en page en une seule colonne également dans la version desktop. Ce qui permet d’offrir un excellent confort de lecture pour peu que la typographie et les espaces soient bien équilibrés.
Influence du design mobile sur le design desktop
Ci-dessous, le site web du WWF organise ses contenus d’une fort belle manière, en une seule colonne, même en version desktop.
Source : wwf.fr
>> REVENIR AU SOMMAIRE DU DOSSIER <<
Rédiger pour les mobiles (12 bonnes pratiques)