Conception de mises en page de canevas pour différentes tailles d'écran

Vous pouvez concevoir des mises en page de canevas pour répondre à des appareils de taille différente, en optimisant le contenu pour l'adapter au navigateur de chaque taille d'écran.

Rubriques :

A propos de la conception de mises en page de canevas pour affichage sur des appareils avec un écran de taille différente

Vous pouvez concevoir des mises en page de canevas qui s'adaptent à des appareils de taille différente, ce qui permet d'optimiser le contenu dans le navigateur, par exemple, sur un téléphone portable, une tablette ou un ordinateur portable.

Optimisation des mises en page de canevas pour différentes tailles d'écran

Lorsque vous ouvrez un classeur sur des appareils de taille différente, la taille d'écran du canevas s'adapte à la taille d'écran du navigateur à l'aide des valeurs par défaut de ce dernier. Si vous redimensionnez le navigateur en réduisant sa taille, vous pourriez avoir plus de mal à voir les détails dans les visualisations. Par exemple, les données figurant dans un graphique en nuage de points ou une carte d'activité, ou la plupart des données d'indicateur dans une visualisation en mosaïque peuvent être difficiles à lire, ce qui rend illisibles les informations essentielles.

Lorsque vous réduisez la taille du canevas dans un navigateur, les visualisations peuvent être trop petites et ne pas afficher correctement les données.
Cette image montre une taille d'écran de canevas réduite affichée dans un navigateur dans lequel des visualisations sont trop petites pour lire correctement les données.

En tant qu'auteur, vous pouvez concevoir des points d'arrêt de canevas pour faire en sorte que lorsque la taille d'écran du canevas diminue, l'affichage des visualisations est modifié et s'adapte à la nouvelle taille d'écran. Par exemple, si la taille d'écran disponible est trop petite pour afficher une visualisation entière, vous pouvez réorganiser ou masquer la visualisation afin qu'elle soit adaptée à la taille d'écran plus petite. Vous pouvez indiquer différentes tailles d'écran de canevas et mises en page à l'aide de points d'arrêt de canevas. Chaque point d'arrêt représentant un positionnement différent des visualisations affichées pour chaque taille d'écran.

Un canevas optimisé pour un point d'arrêt de taille d'écran plus petite contient des visualisations réorganisées afin de faciliter l'affichage sur l'appareil de plus petite taille.
Cette image montre une visualisation optimisée créée à l'aide d'un point d'arrêt pour un appareil dont la taille d'écran est plus petite.

Utilisez un curseur pour définir les tailles d'écran lorsque les destinataires affichent des canevas sur des appareils de différente taille. Par exemple, vous pouvez modifier le mode d'affichage des visualisations en réorganisant leur emplacement, leur taille ou leur visibilité sur le canevas.

Lorsque vous ajoutez un point d'arrêt à un canevas, la taille d'écran du point d'arrêt détermine le mode d'affichage des visualisations lorsqu'elles sont affichées sur un écran de cette taille. Vous pouvez repositionner, redimensionner ou enlever les visualisations d'un point d'arrêt de canevas afin d'optimiser la façon dont les utilisateurs voient les visualisations. Vous pouvez indiquer différentes configurations de visualisation pour chaque point d'arrêt. Les différences pour chaque point d'arrêt sont affichées uniquement pour le destinataire lorsque la résolution de la taille d'écran du navigateur correspond à la taille d'écran du point d'arrêt modifiée.

Conception de mises en page de canevas pour les afficher sur différents appareils

Vous pouvez créer des points d'arrêt de canevas afin de déterminer le mode d'affichage des visualisations pour les destinataires sur des appareils avec des écrans de taille différente. Par exemple, vous pouvez définir différents points d'arrêts pour optimiser l'affichage dans le navigateur d'un appareil mobile, sur une tablette ou sur un ordinateur portable.

Icône de tutoriel Tutoriel

  1. Sur la page d'accueil, positionnez le curseur de la souris sur un classeur, cliquez sur Actions, puis sélectionnez Ouvrir.
  2. Cliquez sur Modifier afin d'afficher le classeur pour modification.
  3. Développez le canevas jusqu'à sa taille maximale. Dans Propriétés de canevas, définissez la mise en page sur Ajustement automatique et cliquez surOK.
  4. Dans le pied de page, cliquez sur Editeur de canevas réactif pour ouvrir l'éditeur dans lequel vous pouvez définir des points d'arrêts afin d'afficher le canevas sur différents appareils.
    Editeur de canevas réactif

  5. Définissez un point d'arrêt de canevas en procédant comme suit :
    • Ajoutez un point d'arrêt à la position du curseur en cours : cliquez sur le curseur et faites-le glisser sur la valeur en pixels de la taille d'écran à utiliser pour ce point d'arrêt.
      Faites glisser le curseur vers la largeur souhaitée affichée en pixels.

      Cliquez ensuite sur Ajouter un point d'arrêt Cliquez sur l'icône d'ajout de point d'arrêt pour ajouter un point d'arrêt à l'emplacement du curseur. pour ajouter le point d'arrêt à la position du curseur en cours.
    • Saisissez manuellement une valeur pour un point d'arrêt : cliquez sur Ouvrir le menu de l'éditeur de canevas réactif, puis sur Ajouter un point d'arrêt et saisissez un nombre dans le champ Position pour indiquer où placer ce point d'arrêt.
      Saisie manuelle d'une position pour ajouter un point d'arrêt

  6. Répétez les étapes précédentes pour définir des points d'arrêt de canevas supplémentaires.
  7. Incluez ou excluez des visualisations pour chaque point d'arrêt de canevas en procédant comme suit :
    • Cliquez avec le bouton droit de la souris sur le point d'arrêt de canevas à gérer (Point d'arrêt de canevas et son marqueur) et cliquez sur Gérer le point d'arrêt.
      Utilisez la boîte de dialogue Gérer le point d'arrêt pour inclure ou exclure des visualisations à partir de ce point d'arrêt de canevas.

    • Cliquez sur une visualisation dans la liste afin de l'exclure du canevas ou de l'y inclure pour ce point d'arrêt de canevas, puis cliquez sur OK.
      Utilisez la boîte de dialogue Gérer le point d'arrêt pour exclure ou inclure des visualisations et des filtres de tableau de bord à partir du canevas pour ce point d'arrêt.

  8. Facultatif : créez une visualisation et ajoutez-la à un point d'arrêt en sélectionnant des données à partir du panneau de données, puis en l'ajoutant au canevas.
    La nouvelle visualisation est ajoutée uniquement au point d'arrêt en cours. Vous pouvez cependant l'ajouter à d'autres points d'arrêt sur le canevas en sélectionnant la visualisation dans la liste de la boîte de dialogue Gérer le point d'arrêt pour ce point d'arrêt.
  9. Facultatif : optimisez l'affichage de visualisations pour un point d'arrêt de canevas.
    Vous pouvez souhaiter optimiser le contenu afin de l'afficher sur un appareil plus petit, comme un téléphone portable.
    • Réorganisez les visualisations : cliquez sur les visualisations et faites-les glisser vers une nouvelle position.
    • Optimisez les visualisations : utilisez le panneau Propriétés pour masquer le contenu inutile, tel que le titre ou la légende.
    Lorsque vous optimisez des visualisations pour un point d'arrêt, ces modifications ne s'appliquent pas aux autres points d'arrêt dans le canevas.
  10. Cliquez sur Enregistrer.