Mise en page adaptative

Définition, exemples et bonnes pratiques

À retenir

  • Le texte n'est pas figé : il « coule » selon l'espace disponible.
  • L'utilisateur peut souvent changer la taille de la police sans dégrader la mise en page.
  • C'est l'opposé du format PDF qui conserve une apparence identique partout mais force l'utilisateur à zoomer.

La mise en page adaptative est une technique de conception numérique qui permet au contenu d'un document, comme un livre électronique, de s'ajuster automatiquement à la taille de l'écran utilisé. C'est un peu comme de l'eau qui s'adapte à la forme du verre : le texte se réorganise et s'écoule pour rester parfaitement lisible, que vous lisiez sur un petit smartphone ou une grande tablette.

Étymologie

Locution française composée de « mise en page » (l'arrangement visuel des éléments) et de « adaptative » (qui possède la capacité de s'ajuster). Ce terme est apparu avec la numérisation de l'édition pour distinguer les formats souples du format papier traditionnel, qui est par définition statique.

Exemples d'usage

  • Un livre numérique au format .epub dont le nombre de mots par ligne change si l'on bascule sa liseuse en mode paysage.
  • Une application de lecture qui réduit automatiquement la taille des images pour qu'elles ne dépassent jamais du bord de l'écran d'un téléphone.

Cas d'usage

Ce concept est central dans l'édition de livres numériques (e-books) et de magazines interactifs. Il intervient également dans la création de documents professionnels destinés à être consultés sur des terminaux variés (mobilité).

Bonnes pratiques

Pour garantir une bonne adaptation, il est recommandé d'utiliser des polices de caractères standards et d'éviter les mises en page complexes à plusieurs colonnes qui peuvent devenir illisibles sur petit écran. Il faut aussi privilégier les images de haute qualité mais légères, capables de se redimensionner sans perdre en clarté.

Synonymes

mise en page fluide texte repositionnable format reflowable

Antonymes

mise en page fixe format figé fixed layout

Conseil

Si vous débutez en édition numérique, privilégiez toujours ce mode adaptatif pour vos textes longs (romans, essais). Le confort de lecture de votre audience en dépend, car chacun peut régler l'affichage selon sa vue et son appareil.

Questions fréquentes

Quelle est la différence avec le format PDF ?

Le PDF est une 'photo' de la page : elle est identique partout mais souvent trop petite sur mobile. La mise en page adaptative recalcule la position du texte pour qu'il remplisse l'écran confortablement.

Est-ce la même chose que le Responsive Design ?

Le principe est le même (adaptation au support), mais 'mise en page adaptative' est le terme privilégié dans le monde du livre numérique, tandis que 'Responsive Design' concerne surtout les sites web.