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.