1. Mode Graphique
    1. 1- Principes fondamentaux
      1. Processus de conception
      2. Caractéristiques d'un grand logiciel
        1. Haute performance
        2. Facilité d'utilisation
        3. Aspect attractif
        4. Fiabilité
        5. Adaptabilité
        6. Interoperabilité
        7. Mobilité
      3. Principes de conception
        1. Principes (1)
        2. Principes (2)
        3. Principes (3)
      4. Pensez aux utilisateurs
        1. Compatibilité internationale
        2. Accessibilité aux handicapés
        3. Etendre l'interface
      5. Priorités
    2. 2- L'expérience du Mac
      1. L'environnement
        1. L'environnement (1)
        2. L'environnement (2)
      2. Les technologies
        1. Les technologies (1)
        2. Les technologies (2)
        3. Les technologies (3)
        4. Les technologies (4)
      3. Installation et mises à jour
        1. Packaging, installation
        2. Les assistants
    3. 3- L'interface Aqua
      1. Entrées utilisateur
        1. La souris
        2. le clavier
          1. Fonction des touches
          2. Raccourcis-clavier
          3. Navigation au clavier
        3. Sélection
        4. Edition de texte
      2. Glisser-déposer
        1. Glisser-Déposer (1)
        2. Glisser-Déposer (2)
      3. Le texte
        1. Les fontes
        2. Le style
      4. Les icônes
        1. Genres et familles d'icônes
        2. Création des icônes
        3. Icônes des barres d'outils
        4. Images propres au système
      5. Les pointeurs
      6. Les menus
        1. Comportement des menus
        2. Conception des menus
        3. La barre de menus
          1. Les menus (1)
          2. Les menus (2)
          3. Les menus (3)
        4. Menus contextuels et du Dock
      7. Les fenêtres
        1. Type et apparence
        2. Eléments
          1. Barre de titre
          2. Barre d'outils
          3. Barre de recherche
          4. Barre latérale
          5. Barre inférieure
          6. Les Tiroirs
        3. Comportement des fenêtres
          1. Comportement (1)
          2. Comportement (2)
          3. Superposition
          4. Défilement
        4. Les panneaux
          1. Les panneaux
          2. Panneaux transparents
          3. Autres panneaux
      8. Les dialogues
        1. Types de dialogues
        2. Aspect et comportement
      9. Fenêtres de dialogues
        1. Recherche, Préférences, Ouverture
        2. Enregistrement
        3. Choix, Impression
      10. Les contrôles
        1. Contrôles du cadre
          1. Contrôles en capsule
          2. Contrôles hérités
        2. Les boutons
          1. Boutons poussoirs
          2. Boutons en icônes
          3. Boutons de recherche
          4. Boutons de gradient, et d'aide
          5. Boutons à champfrein
          6. Boutons ronds
        3. Contrôles de sélection
          1. Boutons radio
          2. Cases à cocher
          3. Contrôles segmentés
          4. Boutons et menus pop-Up
          5. Menus Action
          6. Boîtes de combinaison
          7. Contrôles de chemin
          8. Puits, sélection de date
          9. Menus pop-down
          10. Glissières
          11. Contrôles pas-à-pas et placards
        4. Indicateurs
          1. Indicateurs de progression
          2. De niveau, de capacité
          3. D'estimation, de pertinence
        5. Contrôles de texte
          1. Champs d'entrée
          2. Champs à jeton
          3. Champs de recherche
          4. Listes de défilement
        6. Contrôles de visualisation
          1. Triangles d'affichage
          2. Boutons d'affichage
          3. Vues en liste
          4. Vues en colonnes
          5. Vues éclatées
          6. Vues à onglets
        7. Contrôles de groupage
          1. Séparateurs
          2. Boîtes de groupage
        8. Règles de disposition
          1. Dans le corps de la fenêtre
            1. Fenêtre de préférences
            2. Fenêtre à onglets
            3. Alerte, Dialogue
          2. Contrôles réduits et mini
            1. Contrôles réduits
            2. Mini contrôles
          3. Groupement des contrôles
          4. Positionnement dans la barre inférieure
      11. Glossaire
        1. Entrées en anglais
          1. 1- A à C
          2. 2- D à H
          3. 3- I à R
          4. 4- S à Z
        2. Entrées en français
          1. 1- A à C
          2. 2- C à G
          3. 3- I à P
          4. 4- P à Z
        3. `
    4. 4- Les leçons de Lion
      1. L'environnement de Mac OS X
      2. Principes fondamentaux
      3. L'expérience utilisateur
        1. Règles de conduite (1)
        2. Règles de conduite (2)
        3. Règles de conduite (3)
        4. Règles de conduite (4)
        5. Règles de conduite (5)
        6. Règles de conduite (6)
      4. Les technologies d'Apple
        1. Les technologies (1)
      5. -->
  2. Mode Commande

Une fenêtre à onglets.




Ce que dit Apple :

Une fenêtre à onglets, comme celle de la figure 1 suit les mêmes règles générales que celles de la fenêtre des préférences. Mais elle illustre une autre mise en œuvre de beaucoup des règles de bases que nous avons déjà vues.

figure

Fig. 1 : Exemple d'une fenêtre à onglets.

Le centrage est à nouveau évident en voyant la figure 2. L'effet d'ensemble est un équilibre entre le poids visuel des contrôles d'un côté de l'axe vertical, et leur poids de l'autre côté. Les contrôles sont aussi équilibrés dans chaque boîte de groupage, et la distance entre le contrôle et la bordure de la boîte de groupage est la même à gauche et à droite.

figure

Fig. 2 : Exemple de centrage d'une fenêtre à onglets.

La figure 3 illustre quelques règles pour le positionnement des contrôles :
• Les deux points des étiquettes empilées sont justifiés à droite.
• Les contrôles empilés sont justifiés à gauche quand c'est possible
• Des contrôles semblables ont des largeurs consistantes. Par exemple, la taille des menus pop-up des fontes est la même dans chaque boîte de groupage.

figure

Fig. 3 : Exemple d'alignement des labels et des contrôles dans une fenêtre à onglets.

Comme la fenêtre simple des préférences, la fenêtre à onglets de cette section utilise les espaces de façon cohérente. Sur la figure 4, vous pouvez voir :
• des marges égales (16 pixels) entre les côtés des boîtes de groupage et les bordures de la fenêtre à onglets
• des marges égales (20 pixels) entre les côtés et le bas de la vitre d'onglets et les bords de la fenêtre
• dans les deux boîtes de groupage, le même espace (16 pixels) entre le bas du contrôle et la bordure inférieure de la boîte de groupage, et le même espace (10 pixels) entre le sommet du contrôle et la bordure supérieure de la boîte de groupage.

figure

Fig. 4 :Exemple de disposition d'une fenêtre à onglets.

En plus, la fenêtre de la figure 4 utilise une marge de 12 pixels entre le sommet de la barre d'onglets et le bas de la barre de titre ; ce serait la même chose pour une fenêtre avec une barre d'outils.


Mes commentaires :

Rien à dire de particulier. C'est clair, précis, réglé comme du papier à musique.