• Interface graphique (presentation/graphic interface)

Il s'agit du dispositif qui permet le dialogue entre l'homme et la machine…  et qui repose sur un affichage à l'écran d'instructions en mode graphique pour naviguer. C'est par  la symbolisation d'icônes et leur mise en page sur écran que l' interface se matérialise; elle est assujettie à une charte graphique qui veut rendre la navigation la + conviviale possible!

L'Office de la langue française en 2000 définit ce concept par : Façon dont l'information est organisée et présentée graphiquement dans une application informatique
Note: On parle notamment d'« interface de présentation d'un site Web ».

 

Voici un site offrant une interface graphique tout à fait magnifique: http://www.culture.gouv.fr/culture/arcnat/chauvet/fr/

• Charte graphique (style guide)

C'est l'ensemble des éléments visuels codés tels que:
- typographie : choix de police, taille, couleur, espacement,
- couleur : méthode de codage du fond d'écran, des objets,
- images: métaphore/logo/icônes de navigation/communication (taille, forme, position dans la page) .

Cet ensemble donne une uniformité et une cohérence à l'oeuvre multimédia et permet d'identifier l'organisme, son style ou encore le message ou la thématique annoncée par l'oeuvre multimédia (personnalité graphique de l'œuvre).  Il y a une charte graphique pour la page principale (d'accueil) et souvent une autre, plus dépouillée pour les autres pages, complémentaires à la première .
 

• Ergonomie (usability)

C'est un terme qui touche à la nature et à l'intuitivité de l'interaction entre l'oeuvre et son utilisateur, donc aux principes de la navigation en ligne. Tout l’art réside dans la fluidité du raisonnement et du plaisir à parcourir un site sans se demander constamment 
« ...et là, je fais quoi ?».

Le graphe d'interaction veut illustrer cette intuitivité et les liens qui relient des éléments faisant partie d'un ensemble. Dans un graphe, il n'y a pas de hiérarchie, pas de niveaux comme dans l'arborescence. Le graphe n'est pas un outil de planification du projet mais veut montrer les liens, sans restrictions, sur la structure de navigation de l'oeuvre médiatique.
 
 

Autres définitions utiles

 
Métaphore: figure de rhétorique où une comparaison est établie, implicitement, sans outils de comparaison. Le site monkeymedia.com utilise l'image du singe comme logo (image de marque de l'entreprise) et aussi comme icône dans le menu principal du site. Cette image symbolique permet à l'internaute de se rappeler facilement du nom du site et aussi de faire des liens quant aux comportements stéréotypés liés à cet animal: pouvoir d'imitation élevée… ("Nous allons devenir des monkeymédia à notre tour, nous allons nous approprier ces habiletés médiatiques…").

Déroulement ou mise en séquence:  types d'organisation des modules ou séquences de contenu. On peut privilégier des types de montage: linéaire, modulaire, parallèle ou mixte (Écrire pour le multimédia, p.113, Éd. Dunod, 1999).

Navigation : déplacement sur Internet, à partir d'un navigateur, grâce aux hyperliens proposés par le texte, l'image ou tout autre signe codé à l'écran. L'internaute pourra naviguer à son gré, à son rythme mais un certain ordre lui sera proposé et peut-être imposé selon le type de montage séquentiel choisi. 
 

Accueil - Dimensions  - Exemple - Grille d'analyse