Interface à onglets - Configuration de conception de Canada.ca

De : Secrétariat du Conseil du Trésor du Canada

La configuration d’interface à onglets répartit le contenu entre différentes fenêtres que l’on peut consulter une à la fois en cliquant sur l’onglet correspondant.

Objectif

Utilisez la configuration d’interface à onglets pour regrouper et présenter divers aspects de contenu qui sont étroitement liés, tels que :

  • des lieux géographiques, où les onglets peuvent servir à présenter le contenu sur l’emplacement, les données démographiques, l’économie, etc.;
  • des catalogues de produits, où les onglets peuvent servir à présenter les facettes uniformes de chaque produit dans le catalogue, comme les spécifications, les caractéristiques, etc.

N’utilisez pas la configuration d’interface à onglets dans les situations suivantes :

  • le contenu doit être présenté dans un ordre séquentiel précis (utilisez plutôt une configuration étape par étape);
  • le contenu doit être comparé et mis en opposition, ce qui obligerait l’utilisateur de passer constamment d’un onglet à l’autre (utilisez plutôt des tableaux ou d’autres configurations qui permettent de présenter tout le contenu en même temps);
  • le contenu est long ou détaillé (en raison des contraintes d’espace de l’interface à onglets);
  • la présentation du contenu ne compte que deux onglets (pour une plus grande efficacité, utilisez des sous-titres).

Quand et comment utiliser une interface à onglets

  • Utilisez des catégories de présentation définies pour l’interface à onglets incluse dans la BOEW.
  • Assurez-vous que les en-têtes des onglets sont clairs et concis; évitez les longues étiquettes.
  • Lorsque l’interface à onglets se répète sur plusieurs pages connexes (p. ex., les pages concernant un pays), assurez-vous que les en-têtes des onglets sont présentés de façon uniforme.
  • Faites en sorte que l’onglet actif par défaut soit affiché en premier lors du chargement de la page; au besoin, un autre onglet peut servir d’onglet actif lors du chargement de la page.
Configuration d’interface à onglets
Image du modèle d’interface à onglets. Plus de détails au sujet de ce graphique se retrouvent dans le texte entourant l’image.
Date de modification :