[modifier] 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 : Les polices de caractère et les icônes
Un article de WikiÉduQuébec.
[modifier] Les polices de caractère et les icônes
Règles à respecter dans le choix des polices de caractères
- Minimiser le nombre de polices de caractères (4 maximum);
- Utiliser une police différente pour chaque type d’objet;
- Écrire toujours la première lettre en lettres majuscule et le reste du texte en lettres minuscules;
- Employer des polices sans empattements (serifs);
- Employer des lettres sombres sur fond clair;
- Favoriser quelques lignes longues (50-55 caractères maximum) plutôt que plusieurs lignes courtes;
- Placer une ligne vide à toutes les 5 lignes;
- Laisser un espace entre les colonnes.
Avantages des icônes et pictogrammes
- Occupent moins de place que le texte;
- Sont grandement appréciés des utilisateurs;
- Sont généralement indépendants de la langue, universels;
- Sont interprétés plus rapidement.
Règles à respecter dans le choix des icônes et pictogrammes
- Tenir compte de la connotation culturelle de l’image et vérifier la compréhension par les utilisateurs (peut être ambigu);
- S’assurer que l’icône soit facilement identifiable et mémorisable (employer des bulles d’aides textuelles au besoin);
- Valider le graphisme par un teste d’utilisabilité.
Critères à respecter pour la construction des icônes et pictogrammes
- La ressemblance : employer une image fidèle de l’objet représenté (exemple : la commande impression représentant une imprimante en fonction.);
- L’aspect descriptif : représenter l’action et l’objet (exemple : la commande copier représentant deux copies d’un même document.);
- L’exemple : employer une application typique de l’objet (exemple : la commande souligner représentant un S souligné.);
- L’analogie : employer un lien sémantique (exemple : la commande aperçu avant impression représentant un document et une loupe.);
- L’abstraction : employer une image abstraite de l’objet (exemple : la commande rechercher représentant une paire de jumelles.);
- L’aspect arbitraire : employer une image qui n’a aucun rapport avec la réalité, créé de toute pièce.
Règles d’utilisation des icônes et pictogrammes
- Employer des icônes pour les commandes fréquemment utilisées;
- Accompagner l’icône par son nom et employer des info-bulles;
- Utiliser idéalement un maximum de 12 icônes;
