Partager via


Gestion des fenêtres

Note

Ce guide de conception a été créé pour Windows 7 et n’a pas été mis à jour pour les versions plus récentes de Windows. La plupart des conseils s’appliquent toujours en principe, mais la présentation et les exemples ne reflètent pas nos conseils de conception actuels.

Cet article traite de la position par défaut des fenêtres lorsqu’elles s’affichent initialement sur l’écran, leur ordre de pile par rapport à d’autres fenêtres (ordre Z), leur taille initiale et la façon dont leur affichage affecte le focus d’entrée.

Pour obtenir les instructions suivantes :

  • Une fenêtre de niveau supérieur n’a pas de fenêtre propriétaire et s’affiche dans la barre des tâches. Exemples : fenêtres d’application. Dans Windows Vista et versions ultérieures, les boîtes de dialogue sans fenêtres propriétaires et les feuilles de propriétés sont également considérées comme de niveau supérieur.
  • Une fenêtre appartenant à une fenêtre propriétaire n’est pas affichée dans la barre des tâches. Exemples : boîtes de dialogue modales, boîtes de dialogue sans mode.
  • Une fenêtre initiée par l’utilisateur s’affiche comme résultat direct de l’action d’un utilisateur. Sinon, il s’agit d’un programme lancé s’il est initié par un programme ou par un système lancé par Microsoft Windows. Par exemple, une boîte de dialogue Options est lancée par l’utilisateur, mais un rappel de réunion est lancé par le programme.
  • Une fenêtre contextuelle est une fenêtre initiée par l’utilisateur qui a une relation forte avec l’objet à partir duquel elle a été lancée. Par exemple, les fenêtres affichées par les menus contextuels ou les icônes de zone de notification sont contextuelles, mais les fenêtres affichées par barres de menus ne sont pas.
  • Le moniteur actif est le moniteur sur lequel le programme actif est en cours d’exécution.
  • Le moniteur par défaut est celui du menu Démarrer, de la barre des tâches et de la zone de notification.

Concepts de conception

La gestion des fenêtres est l’une des activités utilisateur les plus fondamentales. Avant Windows Vista, les fenêtres ont souvent reçu de petites tailles par défaut et placées au milieu de l’écran. Cette approche fonctionne bien pour les moniteurs simples et à faible résolution plus anciens, mais pas pour le matériel vidéo moderne.

Windows est conçu pour prendre en charge le matériel vidéo moderne, qui s’exécute souvent à des résolutions nettement supérieures à la résolution minimale prise en charge de l’écran et peut avoir plusieurs moniteurs. Pour ce faire, procédez comme suit :

  • Permet aux utilisateurs de tirer pleinement parti de leur matériel avancé.
  • Nécessite moins d’efforts des utilisateurs pour déplacer leur souris sur de plus grandes distances.
  • Rend le placement des fenêtres plus prévisible et donc plus facile à trouver.

Résolution minimale de l’écran prise en charge

La résolution d’écran minimale effective prise en charge par Windows est de 800 x 600 pixels. Cela signifie que les fenêtres de taille fixe doivent s’afficher entièrement à la résolution minimale (tout en réservant de l’espace pour la barre des tâches), mais les fenêtres redimensionnables peuvent être optimisées pour une résolution effective de 1024 x 768 pixels tant qu’elles sont fonctionnelles au minimum.

Bien que les résolutions d’écran physique les plus courantes pour les PC Windows soient de 1024 x 768 pixels ou supérieures, le ciblage de 800 x 600 pixels permet à Windows de :

  • Fonctionnez bien avec tout le matériel moderne, y compris les petits PC de notebook.
  • Prendre en charge les paramètres de ppp élevé (points par pouce).
  • Prise en charge des polices plus volumineuses pour l’accessibilité.
  • Prise en charge du matériel utilisé sur une base globale.

Le choix de la résolution minimale à prendre en charge nécessite d’atteindre le bon équilibre. Le ciblage d’une résolution plus élevée entraînerait une expérience non optimale pour un pourcentage significatif de matériel moderne, tandis que le ciblage d’une résolution inférieure empêcherait les concepteurs de tirer pleinement parti de l’espace d’écran disponible.

Si vous pensez que vos utilisateurs cibles utilisent des résolutions beaucoup plus élevées que la résolution minimale de Windows, vous pouvez concevoir votre programme pour tirer pleinement parti de l’espace supplémentaire de l’écran à l’aide de fenêtres redimensionnables qui s’adapte bien.

Lignes directrices

Généralités

  • Prendre en charge la résolution minimale effective de Windows de 800 x 600 pixels. Pour les interfaces utilisateur critiques qui doivent fonctionner en mode sans échec, prenez en charge une résolution efficace de 640 x 480 pixels. Veillez à tenir compte de l’espace utilisé par la barre des tâches en réservant 48 pixels verticaux pixels relatifs pour les fenêtres affichées avec la barre des tâches.
  • Optimisez les dispositions de fenêtre redimensionnables pour une résolution effective de 1024 x 768 pixels. Redimensionnez automatiquement ces fenêtres pour les résolutions d’écran inférieures d’une manière qui est toujours fonctionnelle.
  • Veillez à tester vos fenêtres en 96 ppp (100 pour cent) à 800 x 600 pixels, 120 ppp (125 pour cent) à 1024 x 768 pixels et 144 ppp (150 pour cent) à 1200 x 900 pixels. Vérifiez les problèmes de disposition, tels que le découpage des contrôles, du texte et des fenêtres, ainsi que l’étirement des icônes et des bitmaps.
  • Pour les programmes avec des scénarios d’utilisation tactile et mobile, optimisez-les pour 120 ppp. Les écrans haute résolution sont actuellement répandus sur les PC tactiles et mobiles.
  • fenêtres redimensionnables ne doivent plus afficher le glyphe de redimensionnement dans le coin inférieur droit, car :
    • Tous les côtés et bords d’une fenêtre sont redimensionnables, pas seulement dans le coin inférieur droit.
    • Le glyphe nécessite une barre d’état à afficher, mais de nombreuses fenêtres redimensionnables ne fournissent pas de barres d’état.
    • Les bordures de fenêtre redimensionnables et les pointeurs de redimensionnement sont plus efficaces pour communiquer qu’une fenêtre est redimensionnable que le glyphe de redimensionnement.

Contrôles de barre de titre

Utilisez les contrôles de barre de titre comme suit :

  • Fermer. Toutes les fenêtres primaires et secondaires avec un cadre de fenêtre standard doivent avoir un bouton Fermer dans la barre de titre. Cliquer sur Fermer a l’effet de l’annulation ou de la fermeture de la fenêtre.

capture d’écran de la boîte de dialogue sans bouton fermer

Dans cet exemple, la boîte de dialogue ne comporte pas de bouton Fermer dans la barre de titre.

  • Minimiser. Toutes les fenêtres principales et les fenêtres secondaires sans mode de longue durée (telles que les boîtes de dialogue de progression) doivent avoir un bouton Réduire. Cliquer sur Réduire réduit la fenêtre à son bouton de barre des tâches. Par conséquent, les fenêtres qui peuvent être réduites nécessitent une icône de barre de titre.
  • Agrandir/restaurer vers le bas. Toutes les fenêtres redimensionnables doivent avoir un bouton Agrandir/Restaurer vers le bas. Cliquer sur Agrandir affiche la fenêtre dans sa plus grande taille, qui pour la plupart des fenêtres est plein écran ; alors que le fait de cliquer sur Restaurer affiche la fenêtre dans sa taille précédente. Toutefois, certaines fenêtres ne bénéficient pas de l’utilisation d’un écran plein écran, de sorte que ces fenêtres doivent optimiser à leur plus grande taille utile.

Taille de la fenêtre

  • Choisissez une taille de fenêtre par défaut appropriée pour son contenu. N’avez pas peur d’utiliser des tailles de fenêtre initiales plus grandes si vous pouvez utiliser l’espace efficacement.
  • Utilisez des fenêtres redimensionnables chaque fois que cela est pratique pour éviter les barres de défilement et les données tronquées. Windows avec du contenu dynamique et des listes bénéficie le plus des fenêtres redimensionnables.
  • Pour les documents texte, envisagez une longueur maximale de ligne de 65 caractères pour faciliter la lecture du texte. (Les caractères incluent des lettres, une ponctuation et des espaces.)
  • Fenêtres de taille fixe :
    • Doit être entièrement visible et dimensionné pour s’adapter à la zone de travail.
  • Fenêtres redimensionnables :
    • Peut être optimisé pour des résolutions plus élevées, mais dimensionnés en fonction des besoins au moment de l’affichage à la résolution réelle de l’écran.
    • Pour les tailles de fenêtres progressivement plus grandes, doivent afficher progressivement plus d’informations. Assurez-vous qu’au moins une partie ou un contrôle de fenêtre a du contenu redimensionnable.
    • Doit éviter les tailles restaurées par défaut qui sont agrandies ou presque agrandies. Au lieu de cela, choisissez une taille par défaut qui est généralement la plus utile sans être plein écran. Supposons que les utilisateurs agrandiront la fenêtre au lieu de redimensionner pour le rendre plein écran.
    • Doit définir une taille de fenêtre minimale s’il existe une taille inférieure à laquelle le contenu n’est plus utilisable. Pour les contrôles redimensionnables, définissez les tailles d’éléments redimensionnables minimales sur leurs plus petites tailles fonctionnelles, telles que les largeurs de colonne fonctionnelles minimales dans les affichages de liste.
    • Devez modifier la présentation si cela rend le contenu utilisable à des tailles plus petites.

capture d’écran des boutons du lecteur multimédia

Dans cet exemple, le lecteur Windows Media modifie son format lorsque la fenêtre devient trop petite pour le format standard.

Emplacement de la fenêtre

  • Pour les instructions suivantes, « centrer » signifie biaiser le positionnement vertical légèrement vers le haut du moniteur, au lieu de placer exactement au milieu. Placez 45 % de l’espace entre le haut du moniteur/propriétaire et le haut de la fenêtre, et 55 % entre le bas du moniteur/propriétaire et la fenêtre inférieure. Faites cela parce que l’œil est naturellement biaisé vers le haut de l’écran.

    figure de fenêtre placée légèrement au-dessus du centre

    « Centrer » signifie biaiser le positionnement vertical légèrement vers le haut du moniteur.

  • Si une fenêtre est contextuelle, affichez-la toujours près de l’objet à partir duquel elle a été lancée. Placez-le hors de la route afin que l’objet source ne soit pas couvert par la fenêtre.

    • S’il est affiché à l’aide de la souris, lorsque cela est possible, placez-le décaler vers le bas et vers la droite.

    figure de fenêtre contextuelle placée à droite de l’objet

    Afficher les fenêtres contextuelles près de l’objet à partir duquel il a été lancé.

    figure de fenêtre de zone de notification

    Windows lancé à partir des icônes de zone de notification s’affichent près de la zone de notification.

  • S’il est affiché à l’aide d’un stylet, placez-le si possible afin de ne pas être couvert par la main de l’utilisateur. Pour les utilisateurs droitiers, affichez à gauche ; sinon, affichez à droite.

    figure de fenêtre contextuelle placée à gauche de l’objet

    Lorsque vous utilisez un stylet, affichez également des fenêtres contextuelles afin qu’elles ne soient pas couvertes par la main de l’utilisateur.

  • Développeurs : Vous pouvez faire la distinction entre les événements de souris et les événements de stylet à l’aide de l’API GetMessageExtraInfo. Vous pouvez déterminer la de remise de l’utilisateur à l’aide de l’API SystemParametersInfo avec SPI_GETMENUDROPALIGNMENT.

  • Placer les boîtes de dialogue de progression hors de la route dans le coin inférieur droit du moniteur actif.

    figure de barre de progression dans le coin inférieur droit

    Placez les boîtes de dialogue de progression dans le coin inférieur droit.

  • Si une fenêtre n’est pas liée au contexte actuel ou à l’action de l’utilisateur, placez-la à l’emplacement du pointeur actuel. Cela empêche l’interaction accidentelle.

  • Si une fenêtre est une application ou un document de niveau supérieur, cascadez toujours son origine dans le coin supérieur gauche du moniteur. S’il est créé par le programme actif, utilisez le moniteur actif ; sinon, utilisez le moniteur par défaut.

    figure de trois fenêtres en cascade du haut à gauche

    Fenêtres d’application de niveau supérieur en cascade ou de document situées en haut à gauche du moniteur.

  • Si une fenêtre est un utilitaire de niveau supérieur, affichez-la toujours « centrée » dans le moniteur. S’il est créé par le programme actif, utilisez le moniteur actif ; sinon, utilisez le moniteur par défaut.

    figure de fenêtre utilitaire centrée dans le moniteur

    Fenêtres utilitaires de niveau supérieur du centre.

  • Si une fenêtre est une fenêtre détenue, affichez-la initialement « centrée » en haut de la fenêtre propriétaire. Pour l’affichage ultérieur, envisagez de l’afficher à son dernier emplacement (par rapport à la fenêtre propriétaire) si cela est susceptible d’être plus pratique.

    figure de fenêtre détenue centrée sur la fenêtre propriétaire

    Fenêtres appartenant au centre initialement au-dessus de la fenêtre propriétaire.

  • Pour les boîtes de dialogue sans mode, affichez toujours initialement en haut de la fenêtre propriétaire pour faciliter leur recherche. Toutefois, si l’utilisateur active la fenêtre propriétaire, cela peut masquer la boîte de dialogue sans mode.

    figure de boîte de dialogue sans mode sur la fenêtre propriétaire

    Afficher les boîtes de dialogue sans mode initialement en haut de la fenêtre propriétaire pour faciliter leur recherche.

  • Si nécessaire, ajustez l’emplacement initial afin que la fenêtre entière soit visible dans le moniteur cible. Si une fenêtre redimensionnable est plus grande que le moniteur cible, réduisez-la pour qu’elle s’adapte.

Ordre de fenêtre (ordre Z)

  • Placez toujours des fenêtres détenues au-dessus de leur fenêtre propriétaire. Ne placez jamais de fenêtres détenues sous leurs fenêtres propriétaires, car les utilisateurs ne les verront probablement pas.
  • Respectez la sélection de la commande Z des utilisateurs. Lorsque les utilisateurs sélectionnent une fenêtre, placez uniquement les fenêtres associées à cette instance du programme (la fenêtre plus les fenêtres propriétaires ou propriétaires) en haut de la commande Z. Ne modifiez pas l’ordre des autres fenêtres, telles que les instances indépendantes du même programme.

Activation de fenêtre

  • Respectez la sélection de l’état de la fenêtre des utilisateurs. Si une fenêtre existante a besoin d’attention, flashez le bouton de la barre des tâches trois fois pour attirer l’attention et laissez-la mise en surbrillance, mais ne faites rien d’autre. Ne restaurez pas ou activez la fenêtre. N’utilisez aucun effet sonore. Au lieu de cela, laissez les utilisateurs activer la fenêtre lorsqu’ils sont prêts.
    • Exception : Si la fenêtre n’apparaît pas dans la barre des tâches, placez-la en haut de toutes les autres fenêtres et flashez plutôt sa barre de titre.
  • Restaurer une fenêtre principale doit également restaurer toutes ses fenêtres secondaires, même si ces fenêtres secondaires ont leur propre bouton de barre des tâches. Lors de la restauration, placez les fenêtres secondaires au-dessus de la fenêtre primaire.

Focus d’entrée

  • Windows affichée par les actions initiées par l’utilisateur doit prendre le focus sur l’entrée, mais uniquement si la fenêtre est affichée immédiatement (dans les 5 secondes). Une fois la fenêtre rendue, elle peut prendre le focus d’entrée une seule fois.
    • Si une fenêtre s’affiche lentement (plus de 5 secondes), les utilisateurs sont susceptibles d’effectuer une autre tâche pendant qu’ils attendent. Prendre le focus à ce stade serait un désagrément, surtout s’il est fait plus d’une fois.
  • Windows qui ne sont pas immédiatement affichés ou affichés par une action initiée par le système ne doit pas prendre le focus d’entrée. Au lieu de cela, affichez en haut sans focus et laissez les utilisateurs les activer quand ils sont prêts.
    • exception : Credential Manager.

Persistance

  • Lorsqu’une fenêtre est réaffichée, envisagez de l’afficher dans le même état que le dernier accès. Lors de la fermeture, enregistrez le moniteur utilisé, la taille de la fenêtre, l’emplacement et l’état (agrandi par rapport à la restauration). Lors de la lecture automatique, restaurez la taille, l’emplacement et l’état de la fenêtre enregistrée à l’aide du moniteur approprié. En outre, envisagez de rendre ces attributs persistants entre les instances de programme par utilisateur. exceptions :
    • N’enregistrez pas ou ne rendez pas ces attributs persistants pour les fenêtres lorsque leur utilisation est telle que les utilisateurs sont beaucoup plus susceptibles de vouloir recommencer complètement.
    • Pour les programmes susceptibles d’être utilisés sur les ordinateurs Tablette Windows et Technologie tactile, enregistrez deux états windows pour les modes paysage et portrait. Pour plus d’informations, consultez Conception de tailles d’affichage variables.
  • Si la configuration actuelle du moniteur empêche l’affichage d’une fenêtre à l’aide de son dernier état :
    • Essayez d’afficher la fenêtre à l’aide de son dernier moniteur.
    • Si la fenêtre est plus grande que le moniteur, redimensionnez la fenêtre si nécessaire.
    • Déplacez l’emplacement vers l’angle supérieur gauche pour s’adapter au moniteur si nécessaire.
    • Si les étapes ci-dessus ne résolvent pas le problème, revenez aux instructions de placement de fenêtre par défaut. Envisagez de restaurer la taille précédente, si possible.