17
Sémiotique appliquée aux nouveaux média Mai 2004 Etude du site Paris, ville antique : http://www.paris.culture.fr/fr/accueil.htm Johanna Brinet ; Julie Duru ; Laetitia Legrand IUP 3 - ICOMTEC 1 Description de la mise en scène des thermes de Cluny Johanna Brinet Julie Duru Laetitia Legrand Séminaire « Sémiotique appliquée aux Nouveaux Médias : Les sites web à caractère culturel et scientifique » Poitiers – ICOMTEC 2004

Description de la mise en scène des thermes de Clunysemioweb.msh-paris.fr/escom/ressources_enligne/... · La structure rédactionnelle et logique - sur la scène absence de pavé

  • Upload
    lamdien

  • View
    214

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Description de la mise en scène des thermes de Clunysemioweb.msh-paris.fr/escom/ressources_enligne/... · La structure rédactionnelle et logique - sur la scène absence de pavé

Sémiotique appliquée aux nouveaux média Mai 2004 Etude du site Paris, ville antique : http://www.paris.culture.fr/fr/accueil.htm

Johanna Brinet ; Julie Duru ; Laetitia Legrand IUP 3 - ICOMTEC

1

Description de la mise en scène des thermes de Cluny

Johanna Brinet Julie Duru

Laetitia Legrand

Séminaire « Sémiotique appliquée aux Nouveaux Médias :

Les sites web à caractère culturel et scientifique »

Poitiers – ICOMTEC 2004

Page 2: Description de la mise en scène des thermes de Clunysemioweb.msh-paris.fr/escom/ressources_enligne/... · La structure rédactionnelle et logique - sur la scène absence de pavé

Sémiotique appliquée aux nouveaux média Mai 2004 Etude du site Paris, ville antique : http://www.paris.culture.fr/fr/accueil.htm

Johanna Brinet ; Julie Duru ; Laetitia Legrand IUP 3 - ICOMTEC

2

1- Principaux éléments de l’étude Dans ce dossier, notre expertise portera sur le site Paris Ville Antique que l’on retrouve à l’adresse suivante : http://www.paris.culture.fr/fr/accueil.htm Ce site nous fait voyager dans Paris à l’époque de l’Antiquité. Ainsi nous pouvons découvrir des lieux spécifiques de cette période, comme par exemple les Termes de Cluny qui font l’objet de notre étude. Ce site propose différents types de visites :

- Itinéraires virtuels - visites de monuments - histoire & archéologie de Paris ville Antique.

Pour commencer cette étude nous nous intéresserons dans un premier temps à la rubrique Termes de Cluny que nous décrirons et comparerons avec « Le forum et le temple » du site « la Vienne Antique ». Puis, nous analyserons la réalisation de la rubrique sous forme de mis en scène ce qui implique la description des scènes principales de cette rubrique et l’identification de ses principaux éléments invariants. La troisième phase de notre analyse se consacrera à l’observation de la mise en scène de la scène avec ses deux espaces principaux de représentation et les caractéristiques et fonctions de ses composants. Finalement, après avoir réalisé un diagnostic complet du site actuel, nous établirons des préconisations que nous jugeons nécessaires pour améliorer le site Paris, ville antique. Pour conclure, nous vous exposerons une nouvelle proposition de site qui s’engage à séduire une cible bien particulière : les enfants.

Page 3: Description de la mise en scène des thermes de Clunysemioweb.msh-paris.fr/escom/ressources_enligne/... · La structure rédactionnelle et logique - sur la scène absence de pavé

Sémiotique appliquée aux nouveaux média Mai 2004 Etude du site Paris, ville antique : http://www.paris.culture.fr/fr/accueil.htm

Johanna Brinet ; Julie Duru ; Laetitia Legrand IUP 3 - ICOMTEC

3

2- LA RUBRIQUE 2.1 Brève présentation de la rubrique La page du site, Paris, Ville Antique, que nous avons choisi d’analyser se nomme « les Thermes de Cluny. » Elle est composée de trois parties distinctes :

La première est la barre menu du site. Cet espace virtuel s’organise sur une forme rectangulaire allongée sur laquelle l’internaute peut lire le nom du site sur lequel il évolue « Paris, ville antique ». Trois symboles se tiennent à côté du nom du site. Le premier « une petite maison » pour retourner sur la page d’accueil, le « point d’interrogation » pour apporter une aide de navigation et le dernier permet d’accéder à la chronologie. On trouve aussi sur cette barre menu les lieux à visiter sous forme d’images. Il y a huit endroits à découvrir et lorsque l’internaute s’arrête sur un des huit lieux, le nom du monument s’affiche. Dans le fenêtre droite juxtaposée, on découvre trois sujets consacrés à la ville et la construction de ces monuments, le premier s’intitule une ville structurée par le fleuve, le second La mise en scène de la vile sur la montagne Saint-Geneviève, enfin avec le troisième volet de cette espace, nous pouvons nous diriger sur un plan quadrillé de la ville. Nous avons noté que nous retrouvons uniquement cette espace dans toutes les rubriques consacrées à « Ville » du site.

Page 4: Description de la mise en scène des thermes de Clunysemioweb.msh-paris.fr/escom/ressources_enligne/... · La structure rédactionnelle et logique - sur la scène absence de pavé

Sémiotique appliquée aux nouveaux média Mai 2004 Etude du site Paris, ville antique : http://www.paris.culture.fr/fr/accueil.htm

Johanna Brinet ; Julie Duru ; Laetitia Legrand IUP 3 - ICOMTEC

4

Le second volet de ce site est la barre de menu de notre rubrique. Elle annonce tout d’abord, à droite dans un cadre grisée, le titre de la rubrique que nous visitons. A la gauche de ce titre, un espace est consacré aux différents lieux qu’offrent les thermes de Cluny. Il y a cinq cadres, séparés par des espaces blancs, pour les cinq endroits à visiter. La dernière partie de cette barre met en avant des explications historiques et architecturales des thermes de Cluny, à travers les titres suivants : Un monument du paysage parisien, Dimensions, Datation, Le programme architectural, Les thermes du Collèges de France. La troisième partie occupe une large part de l’écran, il s’agit de la scène. Elle se compose de l’image en trois dimensions des thermes de Cluny, puis en dessous on peu lire le texte nommé pavé textuel. A la gauche de l’image, nous pouvons apercevoir trois symboles permettant de visualiser les thermes sous trois modèles : 2D, 3D et vidéo. 2.2 Brève comparaison avec les autres sites composant le corpus Pour notre comparaison nous avons choisi la rubrique « Le forum et le temple » du site « la Vienne Antique. »

Page 5: Description de la mise en scène des thermes de Clunysemioweb.msh-paris.fr/escom/ressources_enligne/... · La structure rédactionnelle et logique - sur la scène absence de pavé

Sémiotique appliquée aux nouveaux média Mai 2004 Etude du site Paris, ville antique : http://www.paris.culture.fr/fr/accueil.htm

Johanna Brinet ; Julie Duru ; Laetitia Legrand IUP 3 - ICOMTEC

5

Les différentes parties du site Vienne Antique

Différences similitudes

La composition de la page

En quatre parties : - une barre de navigation générale du site - une barre de menu de la rubrique - une frame à gauche pour accéder aux explications sur le lieu. - une photo du temple

- La barre de navigation rassemble les mêmes éléments avec en plus, trois autres rubriques accessibles. - une barre de menu de la rubrique identique sur le fond (pas sur la forme)

La rubrique - il s’agit d’une frame - il n’y a pas d’illustration du lieu

- le contenu est historique et architectural

La scène - il s’agit uniquement d’une photo - il n’y a pas de pavé textuel

La mise en scène

- il n’y pas d’interactivité entre la scène et la frame de rubrique. - absence de vidéo et d’effets sur l’image

La structure rédactionnelle et logique

- sur la scène absence de pavé textuel - il faut cliquer sur les thèmes de la frame pour accéder à des explications

3- LA REALISATION DE LA RUBRIQUE SOUS FORME DE SCENE

3.1 Identification et description brève des principales scènes de la rubrique L’interactivité Dans la rubriques Thermes de Cluny il y a d’abord cinq scènes : L’entrée, les palestres, le tepidaruim, le caladaruim, le frigidaruim. Lorsque que le curseur de la souris passe sur chaque scène, le nom du lieu s’affiche et la partie correspondante sur l’image de la scène centrale se grise. Aussi, un double clique conduit à une explication historique et architecturale de la scène. Cette explication est accompagnée d’un plan en 2D et d’une photo de la partie concernée du monument. Quand l’internaute est dans cet espace d’explications du lieu, les barres de navigation du site et la barre de menu de la rubrique restent présentes sur la page. Ce sont des éléments invariants de la rubrique. Focus Ensuite, la barre menu de la rubrique propose cinq thèmes approfondissant la structure des thermes de Cluny . Pour chacune d’elles, un double clique permet à

Page 6: Description de la mise en scène des thermes de Clunysemioweb.msh-paris.fr/escom/ressources_enligne/... · La structure rédactionnelle et logique - sur la scène absence de pavé

Sémiotique appliquée aux nouveaux média Mai 2004 Etude du site Paris, ville antique : http://www.paris.culture.fr/fr/accueil.htm

Johanna Brinet ; Julie Duru ; Laetitia Legrand IUP 3 - ICOMTEC

6

l’internaute de lire les explications et de découvrir un plan en 2D. Là aussi les barres de navigation du site et de la rubrique restent à l’écran. 3.2 Identification et description les principaux éléments invariants de la rubrique Dans notre rubrique, il y a la barre de menu du site qui s’affiche en haut de l’écran. Cette barre est toujours là quelque soit la rubrique choisie. Sa description a été faite précédemment dans la partie 2. Script rubrique Script 1 « Les thermes de

Cluny » Description Commentaires et

références par rapport au site La Vienne antique

Eléments pour la mise en scène audio (visuelle)

- Barre menu : Titre + cinq icônes du lieu à visiter + cinq thèmes d’explications historiques et architecturaux. -Images : illustrant les différents lieux des thermes. - Graphisme : la barre de menu est très sobre et longiligne. Les couleurs sont blanc et beige/gris. Les icônes sont interactives quand on pointe dessus et le nom de l’espace s’affiche.

- Barre menu : contenu clair et distinct mais les cinq thèmes ne se rapportent, à la première approche, à rien de précis. Ce sont des éléments invariants, tous les autres sont propres à chaque scène. -Images : l’interactivité des images est lisible et appréciable pour l’internaute. - Graphisme : les couleurs sont fades et ne sont pas très attrayantes.

Interactions (accès et exploration)

Deux menus : - Menu réservé à l’exploration de la rubrique des thermes de Cluny permettant d’accéder aux différentes scènes de la rubrique. - Menu principal du site donnant accès à toutes les autres rubriques du site.

Zones interactives permettant d’accéder aux différents lieux des thermes qui se trouvent sur la scène ( croquis)

Page 7: Description de la mise en scène des thermes de Clunysemioweb.msh-paris.fr/escom/ressources_enligne/... · La structure rédactionnelle et logique - sur la scène absence de pavé

Sémiotique appliquée aux nouveaux média Mai 2004 Etude du site Paris, ville antique : http://www.paris.culture.fr/fr/accueil.htm

Johanna Brinet ; Julie Duru ; Laetitia Legrand IUP 3 - ICOMTEC

7

Organisation rédactionnelle, logique et physique

Rubrique organisée sous la forme suivante : texte, images (croquis), textes.

Il n’y a pas dans notre rubrique de pavé textuel.

Autres services proposés

NON

Consignes pour la réalisation

Menu de la rubrique : effets visuels sur la scène sélectionnée

Page pré-configurée représentant l’organisation logique de la mise de scène. Effet 2D

4- La description de la mise en scène d’une scène 4.1 Les deux espaces principaux de représentation composant la page-écran.

Le premier ( ) se caractérise par la représentation, en couleur, des thermes de Cluny au centre de la page. Cette représentation est une infographie permettant de visualiser l’architecture en 2D, en 3D et en QuickTime VR. Le second espace ( ) est un texte ; pour le découvrir, il est nécessaire d’abaisser la règle. 4.2 Les caractéristiques et fonctions de certaines régions importantes L’infographie La fonction de l’infographie est de dynamiser la lecture de l’internaute. Les différentes animations proposées sur cette page-écran confirment la logique globale du site : offrir à l’internaute un guide animé pour contrecarrer l’idée reçue qu’une visite de monument historique est ennuyante, austère et ringarde.

Page 8: Description de la mise en scène des thermes de Clunysemioweb.msh-paris.fr/escom/ressources_enligne/... · La structure rédactionnelle et logique - sur la scène absence de pavé

Sémiotique appliquée aux nouveaux média Mai 2004 Etude du site Paris, ville antique : http://www.paris.culture.fr/fr/accueil.htm

Johanna Brinet ; Julie Duru ; Laetitia Legrand IUP 3 - ICOMTEC

8

L’infographie donne la possibilité à l’internaute « lambda » d’accéder à l’animation numérique moderne. Cet internaute n’ayant pas accès facilement à ce type d’animation est, de suite, curieux de manipuler l’image. Il découvre à la fois le 2D, le 3D ou le QuickTime VR et les thermes. C’est un moyen éducatif original. Au-delà de l’originalité de l’infographie, on peut ajouter que ce moyen permet une meilleure appréciation de l’édifice grâce aux différents angles proposés. A défaut de pouvoir regarder, toucher (même si cela est interdit dans les sites historiques), il est indispensable d’offrir à l’internaute différents angles d’observation.

Le texte Le texte est assez court, sans doute pour ne pas dissuader l’internaute de le lire. Il fait office de courte description des thermes et explique aux internautes la situation géographique des thermes, les pratiques faites en son sein et quelques anecdotes… Les mots importants sont mis en gras afin de mettre en évidence les éléments essentiels à retenir. Ce code permet une lecture très rapide de la page. Le langage est simple et accessible à tous. La tournure grammaticale n’est pas lourde contrairement à d’autres sites de monuments historiques.

4.3 Le pavé textuel

Les thermes de Cluny sont en fait la partie conservée d’un ensemble plus vaste formant de grands thermes publics qui s’étendaient, du nord au sud, du boulevard Saint-Germain à la rue des Ecoles, et, d’est en ouest, du boulevard Saint-Michel au centre de la cour actuelle du musée national du Moyen Âge. Bien plus qu’un simple établissement de bain répondant à un souci d’hygiène corporelle, ce monument, comme tous les thermes publics, est le reflet d’un mode de vie typiquement romain. Aux rites des bains pouvaient s’adjoindre d’autres pratiques facultatives liées à l’entretien du corps, au simple agrément ou aux relations sociales, et dont la détermination spatiale est difficile à définir ici à Lutèce. En général, les thermes publics, dont l’accès était gratuit ou peu coûteux, étaient, avec leurs « buvettes », leurs salles de repos, de réunion ou leurs bibliothèques, le lieu de rencontre préféré des habitants d’une ville. « L’orgueil des cités romaines se mesure dans la présence des amphithéâtres et des thermes ». Tacite, La Vie d’Agricola, XI

Page 9: Description de la mise en scène des thermes de Clunysemioweb.msh-paris.fr/escom/ressources_enligne/... · La structure rédactionnelle et logique - sur la scène absence de pavé

Sémiotique appliquée aux nouveaux média Mai 2004 Etude du site Paris, ville antique : http://www.paris.culture.fr/fr/accueil.htm

Johanna Brinet ; Julie Duru ; Laetitia Legrand IUP 3 - ICOMTEC

9

Le pavé textuel est en Arial 10, cette police est à la limite du seuil de la lisibilité sur un écran. La seule fantaisie du texte réside dans l’alignement à gauche, sans doute pour rompre la linéarité si commune dans les sites internet. De plus, cela confirme la volonté de ne pas rendre la visite guidée donc austère et plate. Pour rappeler le caractère historique du site, il y a une lettrine en début de texte. Toutefois, elle reste suffisamment simple (sans empattement) pour ne pas connoter l’ancienneté. Ce pavé se compose de plusieurs paragraphes pour aérer la lecture. Seulement pour cette rubrique sur les thermes, figure une citation (de Tacite), qui illustre l’importance des bains dans les cités romaines.

4.4 Les illustrations

L’illustration principale de la page-écran est l’infographie des thermes. Celle-ci est de grande qualité pour plusieurs raisons :

- elle n’est pas pixellisée, - elle est de taille suffisante, - le nom des bâtiments apparaît lorsque le curseur passe au-dessus, - les bâtiments qui composent les thermes se foncent lorsque le curseur passe

au-dessus. Lorsqu’on active ces parties, alors un focus particulier se fait sur une nouvelle page.

La fonction de cette illustration est toujours d’encourager l’internaute à poursuivre sa visite. Ces jeux de navigation et d’interactivité conduisent peu à peu l’internaute dans une arborescence assez complexe sans même qu’il ne s’en rende compte puisqu’il est captivé. A l’issue de sa visite, il sera étonné d’avoir appris autant de choses sans même avoir vu le temps passé. Apprendre en s’amusant résume le site. Il est important de noter que le nom des créateurs est mentionné auprès du visuel. C’est un détail pour le visiteur ( il n’y fait pas attention) mais il justifie de la précision et de la rigueur avec laquelle le site a été élaboré.

Page 10: Description de la mise en scène des thermes de Clunysemioweb.msh-paris.fr/escom/ressources_enligne/... · La structure rédactionnelle et logique - sur la scène absence de pavé

Sémiotique appliquée aux nouveaux média Mai 2004 Etude du site Paris, ville antique : http://www.paris.culture.fr/fr/accueil.htm

Johanna Brinet ; Julie Duru ; Laetitia Legrand IUP 3 - ICOMTEC

10

4.5 Le positionnement respectif des éléments visuels et textuels

Le visuel se situe en-dessous des rubriques. Lorsqu’on ouvre la page alors l’œil est automatiquement attiré par le visuel puisqu’il est centré de manière horizontale et verticale dans la page-écran. L’image est mise en valeur pour « accrocher » l’internaute. La largeur du pavé textuel correspond quasiment à la largeur du visuel sans doute pour ne pas perturber l’œil, habitué à la symétrie. Comme le texte est situé juste en-dessous du visuel, il n’y a pas d’ambiguïté pour comprendre qu’il se réfère au visuel.

Les éléments de la mise en scène sont concentrés au centre, autour (marge gauche et marge droite) il n’y a pas d’éléments qui pourraient distraire ou compliquer la navigation.

4.6 Le chromatisme

La mise en scène de la page est sobre tant au niveau de sa composition que

de ses couleurs. Les couleurs choisies sont claires puisque la volonté est de « dépoussiérer » la visite des sites historiques.

Le fond est blanc, cela permet d’optimiser le contraste. La typographie est noire pour une lisibilité maximale. La couleur des toits du visuel imite celui des tuiles Les ombres sont respectées. Le sol des thermes n’est peut-être pas assez foncé pour se distinguer du fond

blanc de la page-écran. Une couleur plus opaque aurait été plus adéquate. Le gris et le bleu foncé situé dans les bandeaux de la page rappelle

respectivement les pierres et l’époque des règnes (on parle du bleu roi).

Fond blanc

Typographie noire, bon contraste

Imite la couleur des tuiles

Ombres respectées

Sol trop pâle par rapport au fond

Page 11: Description de la mise en scène des thermes de Clunysemioweb.msh-paris.fr/escom/ressources_enligne/... · La structure rédactionnelle et logique - sur la scène absence de pavé

Sémiotique appliquée aux nouveaux média Mai 2004 Etude du site Paris, ville antique : http://www.paris.culture.fr/fr/accueil.htm

Johanna Brinet ; Julie Duru ; Laetitia Legrand IUP 3 - ICOMTEC

11

4.7 Script de la mise en scène de la scène

Les éléments de la mise en scène

Images : la représentation du théâtre est centrée Texte : le pavé textuel est également centré. Il est bref, concis Interactivité : le site propose trois mode de visionnage du site historique : 2D

Pour comparaison, le site de la Vienne propose uniquement des images d’objets d’art. d’ailleurs on peut critiquer ce choix car il n’y a aucune explication ou anecdote qui les accompagne.

Interaction (accès et

exploration)

Le site propose trois modes de visionnage du site historique : 2D, 3D ou en quick time VR chaque fois que l’on passe la souris sur l’un des bâtiments qui compose les thermes, celui-ci se fonce et son nom apparaît. Lorsqu’on clique sur lui alors, on est dirigé vers une nouvelle page qui nous invite à appréhender davantage le lieu (plan et textes à l’appui) le texte ne contient pas d’interaction. L’interaction permet un meilleur repérage et est plus attractif.

L’interaction proposée dans le site de la vienne est faible par rapport au site de Paris. Seul le nom des objets apparaît quand la souris passe dessus. Lorsqu’on clique alors une image agrandit nous est proposée. Les éléments d’interaction du site de Paris ne sont pas assez mis en évidence pour qu’ils soient utilisés systématiquement. Peut-être devraient-ils être placés dans un encadré ave un titre informatif du type : « choisissez votre visite »

Organisation, rédactionnelle,

logique et physique

Organisation rédactionnelle très structurée, ce qui permet de repérer très vite les points clefs notamment avec les mots en gras. Le texte ne dépasse pas deux paragraphes, ce qui permet d’inciter les visiteurs à la lecture, même les plus réfractaires. Le style est simple et anecdotique, les informations sont donc faciles à retenir.

Organisation rédactionnelle Le site de la vienne propose des textes plus denses mais tout de même assez synthétiques. Ici les textes paraissent moins abordables que ceux du site de Paris, ville antique car la couleur de la typographie est marron (sans doute pour connoter le caractère historique du site) sur un fond blanc cassé, imitant un mur de mosaïque. Le contraste est faible, la lecture est donc ralentie et moins agréable. Les textes de légende situés à

« Les thermes de Cluny »

Description Commentaires par rapport au site La Vienne Antique

Page 12: Description de la mise en scène des thermes de Clunysemioweb.msh-paris.fr/escom/ressources_enligne/... · La structure rédactionnelle et logique - sur la scène absence de pavé

Sémiotique appliquée aux nouveaux média Mai 2004 Etude du site Paris, ville antique : http://www.paris.culture.fr/fr/accueil.htm

Johanna Brinet ; Julie Duru ; Laetitia Legrand IUP 3 - ICOMTEC

12

Organisation logique La scène présente tout d’abord le plan des thermes et ensuite les textes explicatifs. Cette logique correspond à la volonté de donner priorité aux visuels. Ce type d’organisation facilite la mémoire puisque le visuel appuie le texte et vice versa. La sensibilité des lecteurs est différente, ici tout le monde y trouve son compte. Organisation physique Le visuel des thermes est placé en premier, le texte en second. Les deux éléments sont centrés. Les deux sont assez épurés et dénués de tout autre élément qui pourrait troubler la lecture. Effectivement, le fond de la page est blanc, le contraste est optimum donc la lisibilité aussi.

gauche du texte principal sont quasiment illisibles, la police est petite. Le pavé textuel manque d’aération pour alléger la lecture. Ce type de texte peut dissuader de lire. Organisation logique Le site de Paris a placé en priorité la représentation des thermes plutôt que le texte. Cela traduit sans doute la volonté d’attirer les visiteurs toujours plus friands de visuels que de textes. Dans le site de la Vienne, on choisit d’abord un lieu qui est alors représenté en zoom au-dessus de la liste des lieux à visiter. Lorsque le choix est fait alors on accède à une page nouvelle qui présente le lieu en gros plan, les mentions, généralités et architectures sont le plus souvent inscrites. Lorsqu’on clique dessus, alors on accède à une nouvelle page présentant du texte en abondance par rapport aux visuels. Organisation physique L’organisation physique des éléments et l’accès à l’information est différente entre les deux sites. Effectivement, si les deux proposent de choisir sur une page distincte le lieu à visiter, en revanche, la rapidité d’accès est différente. Celui de Paris propose directement après avoir choisi le lieu, la page correspondante avec à la fois le visuel et le textuel. En revanche, celui de la Vienne propose d’abord une page sur laquelle figure une représentation en mosaïque du thème sélectionné avec deux offres d’accès : généralités ou

Page 13: Description de la mise en scène des thermes de Clunysemioweb.msh-paris.fr/escom/ressources_enligne/... · La structure rédactionnelle et logique - sur la scène absence de pavé

Sémiotique appliquée aux nouveaux média Mai 2004 Etude du site Paris, ville antique : http://www.paris.culture.fr/fr/accueil.htm

Johanna Brinet ; Julie Duru ; Laetitia Legrand IUP 3 - ICOMTEC

13

architecture. Lorsqu’on choisit, on tombe sur une nouvelle page. Le site de Paris semble plus facile d’utilisation parce qu’il y a moins de page à ouvrir.

Autres services non non Consignes proposées

Le site de Paris offre la possibilité du choix de son mode de visite : 2D, 3D, quick time VR

Pas d’options

5- Proposition d’un script « personnel » pour une autre mise en scène 5.1 Diagnostic du site Paris, ville antique

Points positifs

- l’ergonomie : ce site permet à l’internaute de naviguer avec facilité dans ce site.

- L’interactivité permet de bien visualiser les différents lieux à visiter. - Le graphisme est clair et sobre. Ainsi l’internaute distingue bien les différents

lieux des thermes sur la scène.

Points négatifs

- les cibles : au fil de notre navigation sur ce site, nous nous sommes aperçues que d’une part l’objectif de communication n’était pas clairement identifiable. En effet, il est difficile de savoir à qui s’adresse ce site (quelles sont les cibles). Cependant, restant très institutionnel, on suppose qu’il vise un large public mais sans vraiment vouloir atteindre une cible précise. Cela peut être gênant pour attirer et fidéliser certains publics, notamment les enfants.

- Les couleurs du site ne sont pas très percutantes et donne au site un côté un

peu triste.

- rubriques/texte : la barre de menu général du site et la barre de la rubrique sont peu distinctes. De plus, les intitulés des thèmes historiques et architecturaux sont peu lisibles et peu compréhensibles au premier abord. Il faut rentrer dedans pour comprendre du quoi il s’agit.

Page 14: Description de la mise en scène des thermes de Clunysemioweb.msh-paris.fr/escom/ressources_enligne/... · La structure rédactionnelle et logique - sur la scène absence de pavé

Sémiotique appliquée aux nouveaux média Mai 2004 Etude du site Paris, ville antique : http://www.paris.culture.fr/fr/accueil.htm

Johanna Brinet ; Julie Duru ; Laetitia Legrand IUP 3 - ICOMTEC

14

5.2 Préconisation du site Afin d’améliorer la navigation et le dynamisme de ce site, nous préconisons une série de conseils qui sont les suivants :

- l’aménagement des rubriques Il serait plus pertinent de réserver deux frames bien distinctes entre la barre générale du site et la barre menu de la rubrique pour clarifier la navigation et faire que l’internaute sache où il est à tout moment.

- les couleurs doivent être changées pour apporter de la gaieté et du dynamisme au site. Dans le site actuel, l’œil n’est pas attiré par les couleurs car le site n’exploite en aucune façon la luminosité et les contrastes. Nous recommandons donc de changer la charte graphique et d’en imaginer une plus colorée qui respecterait d’une part l’institutionnalisme du site et d’autre part, l’authenticité des décors qui ne doivent pas être dénaturés non plus.

- La police devra également faire l’objet de modifications car le teste est écrit en arial 10 et cette écriture est à la limite de la lisibilité. Il faudra donc écrire plus gros et avec une autre police ou du moins choisir une autre police plus proche de l’esprit du thème du site pour certain mot à retenir par exemple.

- finalement nous préconisons d’ajouter de l’interactivité à ce site en permettant au visiteur de participer activement à la visite. Par exemple, il nous semblerait judicieux de créer une visite virtuelle des lieux grâce au procédé du quicktime VR qui offre une visite des sites presque réelle.

5.3 Notre proposition Notre proposition opère un changement radicale de cible et donc de navigation et d’ergonomie. Ainsi, nous nous adressons dans ce nouveau site aux 8/12 ans, avides de découvrir la culture des civilisations antiques. Nous nous positionnons en tant que site éducatif et ludique. Mais, pour séduire ce public d’initiés voire même expert en nouvelle technologie et donc exigeant, il nous faut créer un site ergonomique et vivant, capable de capter leur attention. Concrètement, nous misons sur l’ergonomie de notre site pour le rendre plus attractif. En effet, nous prévoyons :

- Ergonomie : nous ciblons les enfants, par conséquent, nous envisageons de mettre en place des frames distinctes en respectant le modèle traditionnellement respecté dans la plupart des site Internet et, cela, dans le but de ne pas les perturber. En effet, si certains sont très habitués à naviguer sur le net, d’autres, en revanche, seront en début d’initiation. Tous les boutons de navigation seront installés dans le but de faciliter le déplacement de page en page (précédent, suivant, retour à la home page…) Cf. schéma ci-après pour visualiser l’ergonomie du site

- Graphisme : Il est établi que l’attention des enfants est optimale pendant 20

minutes. Nous souhaitons que les enfants passent plus de temps que cela sur notre site par conséquent nous envisageons de créer un petit personnage

Page 15: Description de la mise en scène des thermes de Clunysemioweb.msh-paris.fr/escom/ressources_enligne/... · La structure rédactionnelle et logique - sur la scène absence de pavé

Sémiotique appliquée aux nouveaux média Mai 2004 Etude du site Paris, ville antique : http://www.paris.culture.fr/fr/accueil.htm

Johanna Brinet ; Julie Duru ; Laetitia Legrand IUP 3 - ICOMTEC

15

auquel les enfants s’attacheraient. Le recours à un personnage est souvent utilisé puisque les enfants le compare à un animateur sympathique voire à un ami (Nous pouvons souvent observé cette stratégie marketing sur les boites de céréales). Cette technique permet de mieux capter l’attention des enfants et de manière plus longue. Notre personnage ressemblerait à un petit Romain habillé en toge (nommé Péricles). Il serait athlétique pour connoter le dynamisme et l’entrain. Nous prévoyons également de lui donner la parole. Il est toujours plus agréable et facile pour les enfants d’écouter que de lire sur un écran. Evidemment, il existera une option pour annuler le son. Le rôle du personnage est de divertir. Tout en ayant un ton humoristique, il utilisera les anecdotes pour diffuser la connaissance historique. Ce mode de transmission favorise la mémoire. Il se déplacera au fil de la visite. Voici ci-contre une ébauche de Péricles :

Le graphisme retenu pour notre cible est simple, épuré pour faciliter le repérage des plans dans l’espace et ne pas troubler leur compréhension. Nous optons pour des formes rondes et ondulées, elles traduisent la douceur. De plus, à cet âge les enfants sont habitués à ce type de graphismes largement utilisés dans les dessins animés, les CD-Rom… Pour être certain de ne pas les heurter, nous ne souhaitons pas jouer sur un graphisme nouveau pour eux. Nous craignons que cela leur soit désagréable et qu’ils écourtent leur visite. Egalement, l’interface adoptera ce principe, toujours dans le but de faciliter la navigation.

- Couleur : nous recommandons des couleurs attrayantes et vives pour rendre notre site ludique ; toutefois nous maintenons un fond blanc et uni pour le contraste optimal.

Page 16: Description de la mise en scène des thermes de Clunysemioweb.msh-paris.fr/escom/ressources_enligne/... · La structure rédactionnelle et logique - sur la scène absence de pavé

Sémiotique appliquée aux nouveaux média Mai 2004 Etude du site Paris, ville antique : http://www.paris.culture.fr/fr/accueil.htm

Johanna Brinet ; Julie Duru ; Laetitia Legrand IUP 3 - ICOMTEC

16

Un camaïeu de marron et de orange sera utilisé. Les couleurs chaudes connotent à la fois le côté historique (sable, terre, ancien…) et le côté chaleureux (pourpre, terre de cienne, ocre ...). Echantillon de couleur proposé :

- Texte : nous conseillons la présence de textes synthétiques mettant en avant les anecdotes. Nous estimons que cela est plus instructif et plus intéressant. Nous envisageons également l’apparition de textes lorsque les enfants cliquerons sur tel ou tel objet particulier présenter dans la scène. Ce seront de petites bulles qui disparaîtront dès que la souris se retirera de l’élément. Certaines zones de texte ou de mots seront mises en gras pour repérer rapidement les points importants à retenir. Ces mots en gras ou d’autres seront aussi accompagnés d’une définition si cela est utile. Pour la police nous recommandons du Verdana 11 de couleur noir (très bonne lisibilité à l’écran).

- Interaction : nous proposons du 2D, 3D, quickytime VR et de la 3D pré calculée. Cette dernière offre est assez compliquée à mettre en place mais elle permet une navigation en condition réelle. Nous jouerons également sur les éléments qui s’assombrissent lorsqu’ils sont survolés par la souris. Cet assombrissement sera accompagné de l’apparition d’une bulle si l’élément est expliqué. N.B : Nous n’oublions pas que la plupart du temps les enfants consultent Internet en présence des parents, c’est pourquoi nous insistons sur la nécessité d’avoir remplissant entièrement son rôle éducatif. Le site doit d’abord passer l’obstacle de l’accord des parents pour pouvoir être consulté par les enfants. Les parents pourront être rassurés de voir que leurs enfants consultent un site aussi complet.

Page 17: Description de la mise en scène des thermes de Clunysemioweb.msh-paris.fr/escom/ressources_enligne/... · La structure rédactionnelle et logique - sur la scène absence de pavé

Sémiotique appliquée aux nouveaux média Mai 2004 Etude du site Paris, ville antique : http://www.paris.culture.fr/fr/accueil.htm

Johanna Brinet ; Julie Duru ; Laetitia Legrand IUP 3 - ICOMTEC

17

La structure de la rubrique et de la scène de notre proposition Boutons : précédent, suivant, home page Boutons pour choisir son mode de visite : 2D, 3D, Quick time VR

MENU

RUBRIQUES

Exemple de bulle

TEXTE

REPRESENTATION GRAPHIQUE

Péricles