Bienvenue sur WikiÉduQuébec!

En bref, WikiÉduQuébec se veut comme étant un outil pédagogique pour les professeurs et les étudiants. Il encourage la centralisation des ressources pédagogiques dans le but de leur donner une plus grande visibilité sur le web et de permettre de les améliorer facilement. Il est un site web communautaire à but non lucratif et a besoin de l'aide des contributeurs pour progresser.
Par contre, le site est en restructuration majeure. Ainsi donc, la modification de pages et la création de compte a été désactivée temporairement. Si vous avez une modification majeure ou désirez contacter l'administrateur pour toute autre raison, n'hésitez pas à le faire à l'adresse de courriel suivante: maximead@gmail.com . Je me ferai un plaisir de vous répondre!

Techniques de réalisation d'interfaces utilisateurs : Le graphisme et l'exploration visuelle

Un article de WikiÉduQuébec.

Retour à Techniques de réalisation d'interfaces utilisateurs

[modifier] Le graphisme et l'exploration visuelle

Stratégies d’exploration visuelle

  1. Stratégie en Z : exploration rapide, survol de l’écran lors de la première utilisation;
  2. Stratégie de fixation sélective : recherche d’une information qu’on pense être à un endroit précis.

4 facteurs qui influencent l’exploration visuelle de l’utilisateur

  1. La symétrie;
  2. Les titres;
  3. Les graphismes;
  4. L’utilisation des espaces.

2 éléments importants à considérer lors de l’élaboration d’une interface utilisateur

  1. La visibilité des différents composants;
  2. L’accessibilité des composants à l’aide de la souris;

Règles à respecter

  • Utilisation d’un tracé régulateur pour assurer un positionnement standard cohérant des fenêtres et des écrans de l’application pour permettre l’homogénéité et faciliter l’apprentissage du logiciel;
  • Organiser les zones de manipulation dans le sens de la lecture et selon la fréquence d’utilisation
    • Sens de la lecture : de gauche à droite, de haut en bas;
    • Fréquence d’utilisation : les objets importants, les plus fréquemment utilisés;
    • Barre de menus : commandes les plus importantes à gauche, commandes les plus complexes à droite;
  • Dans les zones de manipulations, placer les commandes de façon la plus compacte possible pour réduire les déplacements de la souris;
  • Regrouper les informations entre elles.

Fonctions des graphismes

  1. Donner un aspect esthétique à l’interface;
  2. Permettre la mise en évidence des informations;
  3. Assurer une lisibilité correcte des informations.

Éléments des graphismes

  • la couleur
    • Compromis entre les goûts de l’utilisateur et du développeur;
    • Tenir compte de la signification locale des couleurs;
    • Minimiser le nombre de couleurs (5-7 max);
  • les icônes;
  • les polices de caractères;
  • les techniques de mise en évidence.