Green

Méthodologie de création de logiciels éducatifs

Les étapes de l'élaboration d'un dispositif technologique :

4. L'environnement visuel d'apprentissage et l'écran-clé

Il s'agit d'incarner dans une réalité concrète l'expérience d'apprentissage : c'est l'espace de l'action et de la perception.

L'environnement visuel d'apprentissage

On illustre la scène dans laquelle évolue l'usager. On précise ici le point de vue spatial et et temporel, on lui donne corps dans une vision qui est encore immatérielle et ne tient pas compte de ce qui se passera à l'écran.

On envisage comment le temps et l'espace se manifestent dans la dynamique de la scène que parcourt l'apprenant.

L'écran-clé manifeste :

• Le rôle de l'apprenant : c'est un lieu pour agir. ( Le contexte graphique exprime la situation où s'incarne ce rôle)
• Intègre dans le temps les actions : (Montre dans quel temps on se trouve, jusqu'où l'on est parvenu, combien de temps s'est écoulé, combien il en reste etc.)
• Les actions possibles de l'apprenant. ( Les commandes) On se référera au diagramme de circulation pour les commandes disponibles.
• Le feed-back : les effets des actions y sont visibles. (Le choix d'une commande se manifeste visiblement ou audiblement)
• Met en garde ou informe. (les alertes, les avertissements)
• La synthèse : les valeurs de durée, de capacité restante, de trajet accompli, de position actuelle etc y sont rendus visibles.

A ce stade il peut être encore assez schématique mais les proportions des différents éléments commencent à se préciser, les position se définissent peu à peu.
Voici un exemple d'écran-clé pour un logiciel de calcul par des recettes de cuisines pour sorcières.

Les états caractéristiques de l'écran-clé

Il faut expliciter que l'écran-clé a souvent plus qu'une seule forme : il change selon les actions de l'usager.

L'apprenant doit avoir l'impression que l'écran reflète son parcours, et ses choix.

Le plus souvent à chaque "boutique " du diagramme de circulation correspond un état visuel.

On parle des états de l'écran-clé Par exemple voici 3 états caractéristiques de l'écran-clé de l'exemple ci-dessus :

• état 1,
• état 2,
• état 3