Post on 13-Jun-2015
description
transcript
Règles de conception des
interfaces graphiques d’IHM
REPUBLIQUE TUNISIENNE ---------0----------
MINISTERE DE L’ENSEIGNEMENT SUPERIEUR --------0----------
UNIVERSITE 7 NOVEMBRE A CARTHAGE --------0---------
FACULTE DES SCIENCES DE BIZERTE--------0--------
ANNEE UNIVERSITAIRE2009/2010
--------0-----
Elaboré par Slim Najla
Nawali AymenSouadkia
Malek
Plan
• Introduction• Définition• Historiques• Règles de conception d’IG• Conclusion
Introduction
L’interface homme/machine est l’élément clé de l'utilisation de tout système informatique
Une interface doit être naturelle, efficace, intelligente, fiable, et simple lors de son usage
Définition
L’interface graphique est l’environnement où s’établit la communication entre l’homme et la machine
L’interface graphique
L’hommeLa machine
Historique
Xerox Park, 1970 : bases des interfaces utilisateur
graphiques (IUG ou GUI en anglais).
Quatre interfaces prépondérantes : Windows (DOS),
Presentation Manager (OS/2), Finder (MacOS) et
OSF/Motif (standard industriel Unix et norme).
Historique (suite)
Avec l’émergence du standard HTML : IHM sous forme de pages web (portabilité).
A nos jour les règles de conception des applications respectent la norme dans le modèle de présentation et celui
d’acquisition.
Qu’est ce qu’ un règle de conception
Les règles de conception sont les conditions qu’ on doit les
satisfaire lors de notre conception d’interface graphique
Les règles de conception d’IG
On a deux types de règles de conception celles qui sont générales et celles qui sont spécifiques (Détaillés)
Les règles générales
L'interface doit être conviviale, d'une grande facilité d'emploi pour l'utilisateur…
l’interface doit être compréhensible et bien adaptée à la tâche (vitesse, fréquence, etc.)
Il faut définir attentivement les termes utilisés aussi les symboles et les icônes
Exemple:
éviter d’utiliser plus qu’une langue dans une interface
Soigner les retours utilisateur (feed-back)
Donner la main à l’utilisateur
Règles de mise en page : lesquelles ?
☻ maquettistes des journaux
☻ pages web
☻ fenêtres d'applications
☻ Soigner la fenêtre principale
☻ Soigner l'organisation des boîtes de dialogue ou des fenêtres spécifiques
S'appuyer sur des standards ou des conventions usuelles
consulter les guides de styles
utiliser des boîtes prédéfinies : sélecteur de fichiers, boîtes de messages
choisir les termes dans les menus
choisir des icônes appropriés (culturel)
utiliser des arbres (mode actuelle)
S'inspirer des logiciels existants
Concevoir l'interface pour plusieurs utilisateurs
Traiter les erreurs
Les règles détaillées
Ces règles sont généralement d’une douzaine qu’on peut les réduire et les résume par :
* Avoir un minimum de conditions dont il faut les réaliser lors de l’usage de boites de dialogues dans une telle interface graphique
Une barre d’action doit être seulement sur une linge pas plus
Utiliser un minimum de contrôles actifs contenus dans une boite de dialogue
Respecter le même alignement pour les cases à cochés et les bottons radio
Remplissage des champs par défaut
Conclusion
Pour qu'une interface graphique doit être claire, simple et
facile d'emploi, il faut appliquer ces différentes règles de conception.
Comme toute règle, ces règles sont destinées à être suivies la
plupart du temps.
Dans la pratique, appliquer tous ces principes simultanément n'est pas toujours possible et l'on a souvent des dilemmes difficiles à résoudre.
Nous espérons que ces règles vous permettront de mieux concevoir et définir vos interface.