Techniques graphiques et ergonomie de l'interface

Cadre (« framework ») de l’utilisateur (client)

Cadre (« framework ») du concepteur

Ce que le concepteur doit savoir(1/4)

Une production multimédia devrait se baser sur les concepts suivants :

• Facilité d’utilisation (utilisabilité)

• Contenu pertinent

• Opter pour une interface distinctive

• Créer des menus intuitifs

• Avoir une date des dernières modifications effectuées sur la production

• Ne pas créer une surcharge d’information

Ce que le concepteur doit savoir(2/4)

(Suite)

• Avoir un lettrage d’une grandeur lisible pour tous

• Opter pour des couleurs très lisibles entre le lettrage et le fond d’écran

• Effectuer des jeux de couleurs

• Avoir des images de qualité originales et des animations s’il y a lieu

• Innovation au niveau esthétique

• Réaliser une production multimédia en fonction de tous lesutilisateurs potentiels

(Suite)

• Viser une forte interactivité qui capte l’utilisateur

• Pour les enseignants qui visent en particulier les apprenants,il faudrait opter pour le concept ludo-éducatif

• Les sections utiles de la production multimédia doivent être imprimables

• Éviter les images qui ne sont pas détaillées pour agrandir les images(notion de pixels)

• Espacer les objets (voir concepts)

• Diversité au niveau des couleurs (selon le contexte)

Ce que le concepteur doit savoir(3/4)

(Suite)

• Utilisation de mots clés

• Faire des effets spéciaux (mais pas de façon exagéré)

• Capter l’attention dans les premières secondes

• Soyez différent !

Ce que le concepteur doit savoir(4/4)

Utilisabilité (facilité d’utilisation)

Pour tester votre production multimédia, il s’agit de demander à quelquesutilisateurs une tâche à faire dans le site web. Le concepteur doit observer leparcours effectué par l’utilisateur. Si l’utilisateur a de la difficulté à effectuerla tâche qui lui ait demandé, alors cela signifie que cette section du site webn’a pas une bonne utilisabilité. Dans ce cas, il est fortement recommandé demodifier cette section du site web basé sur les observations du parcours effectuépar l’utilisateur. De plus, après les modifications, il est fortement recommandéde retester la tâche qui était problématique.

Liens utiles

http://www.smartpixel.net/chromoweb/fr/index.htm

http://www.yoyodesign.org/outils/ncolor/ncolor.php

http://pedagene.creteil.iufm.fr/ressources/image/

http://mediamatch.derby.ac.uk/french/develop/default.htm

http://aptic.ulaval.ca/guidew3educatif/guide.php?HY=4.128&NoSousPage=1

http://www.loreille.com

Ce document (Techniques graphiques etergonomie de l’interface) a été réalisé parDenis Pedneault (auxiliaire d’enseignement)

Dans le cadre du cours FPE3650,Jocelyne Martin (chargée de cours),Session Automne 2006 à l’UQÀM.