1 / 11

Techniques graphiques et ergonomie de l'interface

Techniques graphiques et ergonomie de l'interface. Cadre (« framework ») du concepteur. Cadre (« framework ») de l’utilisateur (client). Mise en pratique. Ce que le concepteur doit savoir (1/4). Une production multimédia devrait se baser sur les concepts suivants :

hawa
Download Presentation

Techniques graphiques et ergonomie de l'interface

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Techniques graphiques et ergonomie de l'interface

  2. Cadre (« framework ») du concepteur Cadre (« framework ») de l’utilisateur (client)

  3. Mise en pratique

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

  5. 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 les • utilisateurs potentiels

  6. Ce que le concepteur doit savoir (3/4) • (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)

  7. Ce que le concepteur doit savoir (4/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 !

  8. Utilisabilité (facilité d’utilisation) Pour tester votre production multimédia, il s’agit de demander à quelques utilisateurs une tâche à faire dans le site web. Le concepteur doit observer le parcours effectué par l’utilisateur. Si l’utilisateur a de la difficulté à effectuer la tâche qui lui ait demandé, alors cela signifie que cette section du site web n’a pas une bonne utilisabilité. Dans ce cas, il est fortement recommandé de modifier 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.

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

  10. Ce document (Techniques graphiques et ergonomie de l’interface) a été réalisé par Denis Pedneault (auxiliaire d’enseignement) Dans le cadre du cours FPE3650, Jocelyne Martin (chargée de cours), Session Automne 2006 à l’UQÀM.

More Related