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

La barre de titre




Ce que dit Apple :

Toutes les fenêtres doivent avoir une barre de titre, même si la fenêtre n'a pas de titre (ce qui doit constituer une rare exception). Sous Mac OS X 10.5 et plus, toutes les fenêtres affichent une barre de titre associée à la barre d'outils si celle-ci est présente. Ce qui suit décrit les composants de la barre de titre.


1- Le titre de la fenêtre.

Une fenêtre de document doit indiquer le nom du document qui est affiché. Les fenêtres des applications affichent le nom de l'application. Les panneaux affichent un titre descriptif approprié. Si le contenu de la fenêtre peut changer, il peut être opportun de modifier le titre pour refléter la modification du contexte courant. Par exemple, dans le panneau Inspecteur de Keynote, le titre de la fenêtre change pour indiquer quelle vitre a été sélectionnée.

Si vous avez besoin d'afficher plus d'un item dans un titre, séparez les items à l'aide d'un tiret (–) avec un espace de part et d'autre. Par exemple, la fenêtre principale de Mail affiche la boîte qui est sélectionnée, et le dossier si nécessaire. Quand un message est affiché dans sa propre fenêtre, le titre du message est reporté.

figur

Fig. 1 : Le titre de la fenêtre de Mail

N'affichez pas les chemins dans les titres des fenêtres. Quand vous affichez des titres de documents, utilisez le nom du fichier, et montrez l'extension si l'utilisateur a choisi d'afficher les extensions. Si vous avez besoin d'afficher un chemin dans le corps d'une fenêtre, vous pouvez utiliser le contrôle de chemin.

Les seuls contrôles qui appartiennent à la barre de titre sont les boutons de fermeture, de minimisation, et de zoom. Si la barre de titre est associée à une barre d'outils, la zone unifiée qui en résulte peut contenir un contrôle de barre d'outils et le menu contextuel de personnalisation de la barre d'outils. Ne mettez pas d'autres contrôles dans la barre de titre.

figure

Fig. 2 : Boutons autorisés et non autorisés




2- Les boutons de la barre de titre.







Les fenêtres des documents et des applications affichent toujours les boutons Fermer et Minimiser actifs. Mettez un bouton de zoom si la taille de la fenêtre peut être ajustée.

Les panneaux affichent toujours un bouton de fermeture actif.

Si les boutons ne sont pas actifs, ils doivent au moins être présents dans un état inactif. Il y a une exception avec les panneaux, où il est possible de n'afficher que le bouton fermer.

Les alertes et les dialogues modaux n'affichent aucun de ces boutons.

La barre de titre doit comprendre un contrôle de barre d'outils si une barre d'outils est présente dans la fenêtre.

La figure 2 montre les configurations convenables pour les boutons de la barre de titre d'une fenêtre standard (et des alertes et des dialogues modaux). Voyez plus loin pour les contrôles des panneaux.


3- L'indication des changements dans le bouton de fermeture.

figure

Fig. 3 : Modifications non enregistrées.




Quand un document a des modifications qui n'ont pas été enregistrées, le bouton de fermeture doit afficher un point en son centre, comme sur la figure 3.


4- L'icône proxy.

figure

Fig. 4 : à gauche, icône proxy glissée dans un message Mail ; à droite, icône proxy non enregistrée.

Les fenêtres des documents peuvent avoir une icône proxy dans la barre de titre, après que le contenu ait été enregistré une première fois. Les icônes proxy peuvent être manipulés comme l'objet du système de fichier auquel ils correspondent. Dans la figure 4 (à gauche), un document a été attaché à un message Mail en glissant son icône proxy sur le corps du message.

Une icône proxy est affichée dans son état normal tant que l'état du document et celui de l'objet du système de fichiers sont semblables. Quand le document a des modifications non enregistrées, son icône proxy doit être atténuée (dimmed). Voyez les différences dans la figure 5 (à droite).

figure

Fig. 5 : Le chemin complet à l'aide de Cmd-clic


Un Cmd-Clic sur le titre ou l'icône proxy affiche un menu pop-up qui donne le chemin du document (notez que vous ne pouvez pas mettre un menu pop-up standard dans la barre de titre d'un document pour obtenir ce comportement). Sur la figure 5, le chemin est affiché avec le document lui même, avec la liste des dossiers depuis le volume jusqu'au dossier Documents de l'utilisateur. Comme Mac OS X est un système multi-utilisateurs, il est important de montrer le chemin complet pour éviter des confusions.


Mes commentaires :

Il y a plusieurs enseignements à retenir de cette section :

• Depuis Léopard la barre d'outils (si elle existe) est attachée (sans distinction visuelle) à la barre de titre, et elles servent toutes deux à déplacer la fenêtre.

• Apple continue à introduire des redondances qui sont loin d'être fondamentales, comme avec l'icône proxy atténuée, qui fait visiblement double emploi avec le point central affiché dans le bouton de fermeture. Des complications pour rien...

• Si vous ne le connaissez pas encore, retenez le Cmd-Clic sur le titre (ou l'icône proxy) pour obtenir le chemin du document affiché. Mais j'aurais souhaité un raccourci-clavier (Opt-Cmd-Clic ?) qui permettre de copier ce chemin dans le presse papier... Apple est-elle à l'écoute de ses clients sujets ? N'y comptons pas trop.