Concevoir des dispositions de canevas pour différentes tailles d'écran

Vous pouvez concevoir des dispositions de canevas adaptées à différentes tailles d'écran en optimisant le contenu pour le navigateur.

Rubriques :

À propos de la conception de dispositions de canevas à afficher sur des appareils avec différentes tailles d'écran

Vous pouvez concevoir des dispositions de canevas adaptées à différentes tailles d'écran, par exemple sur un téléphone cellulaire, une tablette ou un ordinateur portable, en optimisant le contenu pour le navigateur.

Optimiser les dispositions de canevas pour différentes tailles d'écran

Lorsque vous ouvrez un classeur sur des appareils avec des tailles d'écran différentes, la taille d'écran du canevas est ajustée en fonction de celle du navigateur à l'aide des paramètres par défaut de celui-ci. Si vous réduisez la taille du navigateur, vous risquez d'avoir du mal à distinguer les détails des visualisations. Par exemple, les données d'un graphique en nuage de points ou d'une carte thermique, ou la plupart des données de mesure d'une visualisation de vignette, peuvent être difficiles à lire et vous risquez de ne pas voir certaines informations essentielles.

Lorsque vous réduisez la taille d'un canevas dans un navigateur, les visualisations peuvent devenir trop petites pour que les données s'affichent correctement.
Cette image montre une taille d'écran de canevas réduite affichée dans un navigateur, où certaines visualisations sont tellement petites qu'il devient impossible de visualiser correctement les données.

En tant qu'auteur, vous pouvez concevoir les points d'arrêt du canevas de sorte que, lorsque la taille d'écran du canevas est réduite, le rendu des visualisations soit adapté à la nouvelle taille d'écran. Par exemple, si la taille d'écran disponible est trop petite pour qu'une visualisation s'affiche en entier, vous pouvez réorganiser ou masquer la visualisation pour tenir compte de la taille d'écran réduite. Vous pouvez spécifier des tailles d'écran et des dispositions de canevas différentes à l'aide de points d'arrêt de canevas. Chaque point d'arrêt représente une organisation différente des visualisations affichées pour chaque taille d'écran.

Un point d'arrêt de canevas optimisé pour une taille d'écran réduite contient des visualisations réorganisées de manière à améliorer la lisibilité sur un écran de petite taille.
Cette image montre une visualisation optimisée créée à l'aide d'un point d'arrêt pour un appareil doté d'un petit écran.

Les tailles d'écran utilisées lorsque les consommateurs affichent les canevas sur des appareils de différentes tailles sont définies à l'aide d'un curseur. Par exemple, vous pouvez modifier la façon dont les visualisations s'affichent en réorganisant leur emplacement, leur taille ou leur visibilité sur le canevas.

Lorsque vous ajoutez un point d'arrêt à un canevas, sa taille d'écran détermine la façon dont les visualisations s'affichent sur un écran de cette taille. Vous pouvez repositionner, redimensionner ou supprimer les visualisations pour un point d'arrêt de canevas afin d'optimiser leur affichage. Vous pouvez indiquer différentes configurations de visualisation pour chaque point d'arrêt. Les différences ne sont visibles pour le consommateur que lorsque la résolution de taille d'écran du navigateur correspond à la taille d'écran du point d'arrêt à laquelle les modifications s'appliquent.

Concevoir des dispositions de canevas à afficher sur différents appareils

Vous pouvez créer des points d'arrêt de canevas pour déterminer la façon dont les visualisations sont présentées aux consommateurs sur des appareils avec des tailles d'écran différentes. Par exemple, vous pouvez définir des points d'arrêt différents pour optimiser l'affichage sur un appareil mobile, une tablette ou un ordinateur portable.

Icône de tutoriel Tutoriel

  1. Dans la page d'accueil, passez le pointeur de la souris sur un classeur, cliquez sur Actions, puis sélectionnez Ouvrir.
  2. Cliquez sur Modifier pour afficher le classeur afin de le modifier.
  3. Développez le canevas jusqu'à sa taille maximale et, dans Propriétés du canevas, réglez Disposition à Ajustement automatique, puis cliquez sur OK.
  4. En bas de la page, cliquez sur Éditeur de canevas adaptatif pour ouvrir l'éditeur permettant de définir des points d'arrêt pour l'affichage du canevas sur différents appareils.
    Éditeur de canevas adaptatif

  5. Définissez un point d'arrêt de canevas :
    • Ajouter un point d'arrêt à l'emplacement courant du curseur - Cliquez sur le curseur et faites-le glisser vers la valeur en pixels correspondant à la taille d'écran à utiliser pour ce point d'arrêt,
      Faites glisser le curseur jusqu'à la largeur voulue en pixels.

      puis cliquez sur Ajouter un point d'arrêt Cliquez sur l'icône Ajouter un point d'arrêt pour ajouter un point d'arrêt à l'emplacement du curseur.pour ajouter le point d'arrêt à l'emplacement courant du curseur.
    • Entrer manuellement une valeur pour un point d'arrêt - Cliquez sur Ouvrir le menu de l'éditeur de canevas adaptatif, sélectionnez Ajouter un point d'arrêt, puis entrez un nombre dans le champ Position pour indiquer où placer ce point d'arrêt.
      Entrez une position manuellement pour ajouter un point d'arrêt.

  6. Répétez les étapes précédentes pour définir d'autres points d'arrêt de canevas.
  7. Incluez ou excluez des visualisations pour chaque point d'arrêt de canevas :
    • 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 le marqueur correspondant), puis sélectionnez Gérer le point d'arrêt.
      Utilisez la boîte de dialogue Gérer le point d'arrêt pour inclure des visualisations dans le point d'arrêt ou les en exclure.

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

  8. Facultatif : Créez une visualisation et ajoutez-la à un point d'arrêt en sélectionnant des données dans le volet Données et en les ajoutant au canevas.
    La nouvelle visualisation est ajoutée uniquement au point d'arrêt courant. Vous pouvez l'ajouter à d'autres points d'arrêt du canevas en la sélectionnant dans la liste de la boîte de dialogue Gérer le point d'arrêt des points d'arrêt voulus.
  9. Facultatif : Optimisez l'affichage des visualisations pour un point d'arrêt de canevas.
    Si vous le souhaitez, vous pouvez optimiser le contenu pour l'affichage sur un appareil plus petit tel qu'un appareil mobile.
    • Réorganiser les visualisations - Cliquez sur les visualisations et faites-les glisser vers un nouvel emplacement.
    • Optimiser les visualisations - Utilisez le volet 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 du canevas.
  10. Cliquez sur Enregistrer.