B. SCÉNARISATION
Auteure: Stéphanie Dansereau, automne 2000
Développement du projet médiatique
Extrait de la définition d'un scénario interactif selon la SCAM
Réalisation de la charte graphique et de maquettes des pages-écrans avec graphe d'interaction
(esquisse de la page d'entrée/accueil avec menu principal et pages modèles)


• Phases de rédaction du plan Média et scénarisation

1-Sélectionner les informations-clés

Avez-vous des exemples frappants ?
L' hypothèse ou la question de départ est-elle claire ?

Y a-t-il des idées inutiles?
 

2-Structurer le PLAN MÉDIA
    Quelle structure d'organisation du contenu ?
    Avez-vous 2, 3 ou 4 points d'entrée (menu principal), indépendamment du menu périphérique ou contextuel ?

    Reprendre la carte conceptuelle en découpant proportionnellement les parties et dégager l'architecture en terme de représentation graphique (en étoile, cadran, arbre, cercle...) du monde virtuel recherché.
     

      Voici des exemples sur le web où différentes modalités de carte ou représentation graphique de site sont choisies pour guider les utilisateurs; certaines sont meilleures que d'autres pour s'y retrouver, à vous de voir...

      • le tableau de l'Université de Victoria ; 
      • l'arborescence de la SCAM (Société civile des auteurs multimédias);
      • le plan  avec points d'entrée de l'INA (Institut National de l'Audiovisuel);
      • l'aide à la navigation du site de la grotte Chauvet pour retrouver la structure d'organisation avec points d'entrée principaux et sommaire respectif.

 Quel type de plan ou d'organisation des éléments à exploiter ?
Thématique ?
Unité d'organisation assurée par la juxtaposition d'idées ou de mots;

Chronologique ?
Unité d'organisation assurée par une mise en ordre temporelle de faits, d'opinions ...

Narratif ?
Unité d'organisation assurée par une mise en ordre logique et chronologique d'événements d'intérêts humains, selon le point de vue d'un personnage
(la séquence des plans images/textes assurera la progression narrative);

Mosaïque
Unité d'organisation peu évidente où un ensemble de services/ressources est offert en ligne (écran partagé) ; on ne sait pas toujours comment se diriger, où sont les priorités mais les transactions sont recherchées (sites portails qui informent tout en cherchant à agir sur le comportement d'autrui).

3- Finaliser le plan de communication
Quel est le point chaud du document ?  Où est-il ? 
Esquisser l'argumentaire (vocation/mission du site) et fixer la métaphore /titre du site.
Comment allez-vous impliquer/créer une complicité avec vos récepteurs?

Quelle (s) stratégie (s) de communication voulez-vous développer ? :
• rapporter des faits, des données de recherche ou d'expérience  (site référentiel)
• interpeller , questionner l'utilisateur éventuel, le faire participer (site conatif)
• favoriser les échanges et la communauté de pratique aux moyens de ... (site communautique)

4- Découper le scénario d'abord en séquences/rubriques
Les différentes parties du scénario sont identifiées par le NOM d'une SÉQUENCE .
Chaque séquence faisant partie du menu principal  se définit par des sous-unités de sens se rapportant à l'unité maîtresse, la séquence .

Quel est le cheminement à partir du menu principal ?
Est-il linéaire ou au contraire en constellation? Allez-vous établir des consignes de navigation?

Voici un exemple de graphe d'interaction entre pages-écrans du menu principal, depuis la page d'accueil/entrée.
Cette représentation graphique illustre la navigation possible d'une page à l'autre et est différente du Storyboard .  Le storyboard présente le squelette ou l'architecture du site en construction , c'est le découpage technique du scénario qui fait l'objet du point suivant: séquences illustrées en pages écrans.


5-Concevoir la charte graphique et illustrer les séquences en plans/pages-écrans 

- Rédaction de la charte graphique du site à venir: format général de l'écran, fond d'écran, couleurs, polices de caractères, icônes de navigation, métaphore, outils communautiques...;
- Maquettage des séquences-clés à partir de fiches-écrans  : comment insérer les éléments textuels et iconographiques de chaque séquence en pages-écrans;
- Illustration de certaines pages-écrans (rubriques de contenu et de communication ) selon le principe du découpage technique   MAIS adaptée au nouveau média, le Web. Ce qui amène les scénaristes à utiliser le graphe d'interaction ou Flow chart pour illustrer la navigation et choix fonctionnels à prévoir afin de bien articuler les pages-écrans entre elles .
 
Allez voir le site
 
MONKEYmediaqui se présente selon trois versions: texte, cadres (dreamweaver) ou ultra sensory(flash) . Dans les deux dernières versions, deux interfaces y sont proposées avec les mêmes pictogrammes de départ; c'est l'animation visuelle et sonore des objets ainsi que l'interactivité développée avec le participant qui font la différence. Cette différence se situe non pas au niveau du contenu (identique, quel que soit le codage de l'information) mais au niveau du continuum interactif: du plus discret au plus concret et personnalisé. Une des rubriques (REFERENCE- five styles of interaction) nous définit/illustre les cinq styles d'interactivité selon les objets et actions impliqués : http://www.monkey.com

Dernière mise à jour : février 2002

 IConception I Production initiale et finaleI