Interfaces graphiques - Type WIMP

1 - Constituants

• 1.1 - Action de pointer
  Figure 1 - Pointeur à rouleau Figure 2 - Tablette à numériser Figure 3 - Désignation en trois dimensions avec une boule Figure 4 - Aide au pointage (sous PowerPoint)
• 1.2 - Regrouper et séparer l’information : les fenêtres
  Figure 5 - Pile de fenêtres typique reflétant plusieurs fils d’activité Figure 6 - Évolution du fenêtrage Figure 7 - Barres de titre de fenêtre Figure 8 - Forme du curseur et icône suggérant la modification de taille de la fenêtre Figure 9 - Principe de la production d’une image dans une fenêtre Figure 10 - Fenêtre de navigation dans la vidéo utilisée sous Adobe Première
• 1.3 - Raccourcis symboliques : les icônes
  Figure 11 - Efficacité spatiale des icônes Figure 12 - Suggestivité de l’icône du personnage qui court vers la sortie Figure 13 - Icônes de grande taille, ayant un dessin réaliste sur le Next
• 1.4 - Organiser les commandes : les menus
  Figure 14 - Barre d’icônes simples mais suggestives (PowerPoint) Figure 15 - Symbolisme des icônes Figure 16 - Menu surgissant au milieu d’un texte, suite à un clic droit sous MS Word Figure 17 - Exemple de regroupement de commandes par similarité sémantique Figure 18 - Commande et affichage de changement d’état dans un menu

2 - Dialogue

• 2.1 - Principe
• 2.2 - Principaux interacteurs
  Figure 19 - Exemples de représentation de poussoirs linéaires Figure 20 - Divers interacteurs utilisés dans une fenêtre de dialogue rationnellement conçue pour définir la date Figure 21 - Deux états de la même organisation d’onglets multiétages
• 2.3 - Structuration syntaxique
  Figure 22 - Commande d’ouverture de fichier et sa représentation graphique Figure 23 - Boîte de dialogue avec bouton de validation 
• 2.4 - Structuration visuelle
  Figure 24 - Regroupement d’outils Figure 25 - Délimitation Figure 26 - Association Figure 27 - Étapes d’un dialogue guidé : l’outil tampon

3 - Principales métaphores

• 3.1 - Bureau
• 3.2 - Dialogue et conventions
• 3.3 - « Copier-coller »
  Figure 28 - « Copier-coller » sous DOS
• 3.4 - « Glisser-déposer »
• 3.5 - Poubelle
• 3.6 - Arbre développable
  Figure 29 - Arbre développable de l’organisation des fichiers sous MacIntosh Figure 30 - Utilisation de la métaphore de l’arbre développable dans un outil d’administration système