Accueil » Publications » Ecrire pour les mobiles » La mise en page
Facebooktwittergoogle_pluslinkedinmail
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.

Comparaison de l'espace pixel disponible entre les versions desktop et mobile

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.

La mort des colonnes en version mobile

© 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.

Exemple de mise en page en une seule colonne

Source : wwf.fr

 

>> REVENIR AU SOMMAIRE DU DOSSIER <<
Rédiger pour les mobiles (12 bonnes pratiques)