Description de la mise en scène d une rubrique et proposition d une nouvelle maquette. Partie II

Transcription

1 1 Description de la mise en scène d une rubrique et proposition d une nouvelle maquette. Partie II Intitulé de la rubrique Connaître une maison (néolithique) Les hommes des lacs. Vivre à Chalain et Clairvaux il y a 5000 ans(la maison) Auteurs : Sébastien Margoil Armand Lulka Séminaire «Sémiotique appliquée aux Nouveaux Médias : Les sites web à caractère culturel et scientifique» Poitiers - ICOMTEC 2004

2 2 3) La description de la mise en scène d une scène 1/ Les deux espaces principaux de représentation composant la page-écran Espace du site Espace de la rubrique

3 3 2/ Les caractéristiques et fonctions de certaines régions importantes composant les deux espaces de représentation de la page-écran Cette scène ne dispose pas de région à fonction para textuel. Toutes les images ou icônes sont autant de liens hypertextes. En fait l utilisateur dispose à la fois d un menu classique «textuel» et d un menu «visuel» pour accéder au différentes sous-scènes.

4 4 3/ Les illustrations (types et fonctions) Icônes : - Type : dessins d une maison néolithique, de la construction d une maison, de cuisson d un plat. - Fonction : ils illustrent les principales scènes que propose la rubrique et servent de liens sur celles-ci. Photos : - Type : photos représentant les reconstitutions des différentes étapes de construction d une maison néolithique. - Fonction : elles illustrent la scène tout en servant de liens vers les différentes sous-scènes. Icônes photos : - Type et fonction : petites photos extraites des illustrations des pages vers lesquelles elles renvoient. Photo retouchée représentant le bord d une rive. Elle identifie visuellement la rubrique «maison» en étant présente sur l ensemble de ses scènes. Elle symbolise l aspect bucolique et nature de la rubrique en question.

5 5 4/ Le pavé textuel Le titre est largement descriptif par rapport au contenu qu il introduit, l internaute sait ce qu il va trouver dans cette page. Ce texte apparaît comme une introduction à la problématique de la construction de ces maisons, il ne rentre pas dans le vif du sujet, à savoir la construction «technique», mais invite à découvrir les différentes sous-scènes qui elles entrent dans le détail de la fabrication.

6 6 5/ le positionnement respectif des éléments visuels et textuels Toujours présents quelle que soit la page du site Toujours présent au sein de la rubrique (sauf dans sa page d accueil). Pavé textuel qui, lorsqu il est présent est toujours placé de la sorte. Emplacement fixe du titre de la page. Région principale de la mise en scène organisée de manière invariante (sauf pour le texte qui est parfois absent)

7 7 6/ Le chromatisme Constat : Globalement, le blanc, le noir et le marron utilisé comme couleur de police, plongent l internaute dans un univers rustique et naturel. Le fond blanc utilisé par l espace scénique, en contraste avec le fond noir du site, permet de faire ressortir le contenu textuel et visuel.

8 8 Script de la scène «construire une maison» Mise en scène (audio-)visuelle Interactions (accès et exploration) Description Pavé textuel : Titre et texte d une vingtaine de ligne qui invite à découvrir les différentes sous-scènes entrant dans le détail de la fabrication. Images : différentes images illustrant chacune les étapes de construction de la maison. Graphisme : Plutôt léger, quelques traits fins horizontaux et verticaux, une image retouchée en haut et à droite de la scène. Couleur principales : blanc noir, marron. -Menu réservé à la navigation au sein du site -Menu réservé à la navigation au sein de la rubrique «maison» -Menu réservé à la navigation au sein des sous-scènes (grâce à un menu textuel et un menu en image) Commentaires, et références aux échantillons Organisation rédactionnelle, logique et physique Espace de représentation de la scène : Pavé textuel, menu textuel et illustrations côte à côte au même niveau de la scène. Le menu textuel est placé au milieu du pavé textuel et des illustrations. Espace de représentation du site : L espace scénique est situé au milieu et en partie en-dessous de la zone invariante du site.

9 9 Autres services proposés Consignes pour la réalisation Chaque fois qu un élément du menu textuel est survolé, l image qui l illustre est identifiée, de même lorsque l on survole les images. Ainsi l accès aux différentes sous-scènes peut se faire aussi bien en sélectionnant une image qu un texte. Ne pas multiplier les liens pour accéder aux différentes sous-scènes. Harmoniser les éléments de navigation au sein des scènes et des sous scènes pour éviter de perdre l internaute. Agrandir les illustration afin qu elles soient plus lisibles et qu elles occupent ainsi les espaces vides. Accroître la luminosité des images au survol du menu textuel.

10 10 4) Proposition d un script «personnel» pour une autre mise en scène Script «construire une maison» Description Commentaires et références Eléments pour la mise en scène (audio- )visuelle Audio : sonoriser chaque scène en fonction de son contenu Visuellement : combler les espaces blancs par un agrandissement des images Interactions (accès et exploration) -Privilégier des menus et sous-menus textuels -Accroître la luminosité des images illustrant le menu textuel au survol du texte correspondant. -Faire apparaître les images illustrant le texte les unes après les autres sans avoir à survoler différentes parties d une autre image. Organisation rédactionnelle, logique et physique -Menu textuel sur la gauche sous forme de bandeau vertical -Pavé textuel tout de suite à droite du menu textuel, illustré par des images situées sur la partie droite de la page et en dessous du texte si nécessaire. Autres services proposés -Réaliser un lien contact -Réaliser un lien proposant le plan de la rubrique Consignes pour la réalisation Voir proposition ci-dessous

11 La proposition qui suit est un montage réalisée par nos soins. Elle reprend les suggestions développées dans le script ci-dessus. Son objectif est d illustrer clairement l ensemble de nos recommandations. 11

12 12 Abattre Refendre Enfoncer Assembler Brêler Poser les parois Couvrir Conclusion