IFT2905 Interfaces personne-machine 12. Toolkit
S´ebastien Roy
D´epartement d’Informatique et de recherche op´erationnelle Universit´e de Montr´eal
12 mars 2007 Universit´e de Montr´eal
Horreur oiu splendeur?
(source : Hall of shame)
Horreur ou splendeur?
Interface affich´ee `a la fin de l’´ecriture d’un CD (Adaptec Easy CD Creator).
Premi`ere image: succ`es et seconde image: ´echec.
Manque de contraste... quelle est la diff´erence?
...
Horreur oiu splendeur?
Choix de la m´ethode de tri d’une base de donn´ee.
Horreur oiu splendeur?
+ Le mod`ele de tri est tr`es clair
+ La bouton radio montre qu’un seul choix est possible par cl´e - Que faire si on ne veut trier que sur une seule cl´e?
- Minimalisme?
Au programme
Composants d’interface (Widgets) Les niveaux d’interface
Internationalisation
Au programme
Composants d’interface (Widgets)
Aspect incontournable de l’implantation des interfaces usagers.
C’est aussi un exemple de r´eussite de la programmation orient´ee objet.
El´´ements d’interface r´eutilisables
aussi appell´escontrˆoles,int´eracteurs,gizmos,gadgets, ...
Ces composants sont des vue + contrˆoleuren un seul objet Mod`ele int´egr´e
Le mod`ele est conserv´e dans le widget Mod`ele ext´erieur
L’application fournit le mod`ele Id´eal pour des cas dedonn´ees massive
Le pour et le contre
Avantages
R´eutilisation du code
Code, test, d´etection des erreurs, maintenance It´eration et ´evaluation
Utilisabilit´e (Coh´erence externe, ...) D´esavantages
Contraint les alternatives de design
Encourage les styles bas´es sur les menus et formulaires, plutˆot que des styles de manipulation plus riches
Peut ˆetre mal utilis´e
Widget: Choix 1 parmis N
Widget: Choix 1 parmis 2
Pour seulement deux choix, on utilise aussi:
Il faut ´eviter (confusion, changement d’´etiquette):
Widget: Choix K parmis N
Widget: commandes
Barre de menu Barre d’outils
Menu contextuel (activ´e par un clic-droit) Bouton
Hyperlien
Lorsqu’un commande est inactive, ne pas enlever le widget:
Ralentit la recherche visuelle
On ne peut pas savoir si une commande existe ou non si elle a disparu
Widget: contrˆ ole de fenˆ etres
panneau 1-parmis-N
panneau avec tabulateurs (´echelle?)
panneau associ´e `a une ListBox
panneau pour contenu multiple
S´eparateurs (focus?) panneau pour contenu large
panneau avec barre de
d´efilement Attention `a l’imbriquation des panneaux...
Widget: Dialogue
Le dialogue est une fenˆetre temporaire. Facile `a utiliser, capture l’attention, bonne utilisabilit´e, ...
Boˆıte de dialogue modal Dialogue non-modal Barre de cot´e (SideBar)
Modal Non modal
Boˆıte ` a outils (toolkit)
Une interface usager minimale doit fournir:
Sortie
El´´ements d’interface (hi´erarchie de vues) Primitves graphiques (stroke)
Mod`ele pixel Entr´ee
Gestion des ´evenements d’interface Widgets
Les boutons, boˆıtes de texte, ...