Vous êtes sur la page 1sur 22

REPUBLI Q UE TUNISIENNE

---------0----------
MINISTERE DE L’ENSEIGNEMENT SUPERIEUR
--------0----------
--------0----------
UNIVERSITE 7 NOVEMBRE A CARTHAGE
--------0---------
FACULTE DES SCIENCES DE BIZERTE
--------0--------
ANNEE UNIVERSITAIRE
2009/2010
--------0-----

Règles de
conception des
interfaces
graphiques d’IHM


Elaboré par

Slim Najla
 Nawali Aymen
 Souadkia 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 ’ homme
La machine
Ø
 L ’ interface graphique
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 ’ utilisateu
r

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.
Ø
Ø