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

Exemple de disposition avec des contrôles mini.




Ce que dit Apple :

La figure 1 montre un panneau bien organisé avec des contrôles mini. La fenêtre respecte les règles de centrage l'alignement du texte et des contrôles, et l'équilibre visuel. Remarquez en particulier :
• que les contrôles empilés sont justifiés à gauche.
• que des contrôles similaires ont la même largeur.
• que la disposition d'ensemble est centrée et visuellement équilibrée.

figure

Fig. 1 : Exemple de panneau avec des contrôles mini.

En plus, le panneau utilise des espaces de façon consistante. Par exemple, dans la figure 2, vous pouvez remarquer :
• des marges égales (20 pixels) sur les bords de la fenêtre et en bas.
• un espacement égal (12 pixels) entre les groupes de contrôles.
• un espacement égal (8 pixels) entre les étiquettes de sections et le premier contrôle dans la section.

En outre, le panneau de la figure 2 utilise une marge de 10 pixels entre la barre de titre et l'item en haut de la fenêtre. Pour économiser de la place dans la création des sections, l'exemple utilise une fonte en gras pour pour étiqueter chaque section, au lieu de séparateurs horizontaux ou de boîtes de groupage.

figure

Fig. 1 : Disposition des contrôles mini.




Mes commentaires :

Puisqu'il n'y a rien à dire sur le contenu, profitons en pour aborder un peu les problèmes que posent les figures.

Sur les figures d'origine, les commentaires en français ont été changés à l'aide d'Aperçu. C'est un avantage du dernier Aperçu de Snow Léopard : il permet des annotations. Mais une bogue d'Aperçu ne permet pas de supprimer simplement les commentaires en anglais de la figure (la place réapparaît avec le fond d'écran de la fenêtre qui contient la figure, dans le cas qui nous occupe, le fond bleu de la fenêtre de MacPuissanceDix, au lieu du fond blanc de la figure !). Il m'a donc fallu passer par Graphic Converter pour éliminer les commentaires en anglais avant de les remplacer sous Aperçu par leur traduction en français.

Au cours de l'édition sous Aperçu, le texte apparaît de façon bien nette, mais après avoir enregistré la figure, il se trouve affadi et atténué (faites l'expérience vous-même) : encore une bogue pour un travail fait trop vite, par des ingénieurs qui sont surchargés, et/ou qui s'en moquent !

NB : Ces bogues semblent avoir été corrigées dans les dernières versions de Snow Léopard, car en vérifiant cette page à l'occasion de son insertion sur le site, les choses se sont passées correctement !