description sémiotique et comparative d'un corpus de sites web

Sémiotique et Nouveaux Médias

PETER STOCKINGER

Maison des Sciences de l’Homme (MSH)stitut National des Langues et Civilisations Orientales (INALCO)

Description sémiotique et comparatived’un corpus de sites web.

Webmestre Editorial à l’Universitéde Poitiers

novembre 2004

Design graphique et multimédia : Elisabeth DE PABLO, MSH

In

Séminaire dans le cadre du Mastère

© Equipe Sémiotique Cognitive et Nouveaux Médias(Escom) – Paris

http://www.semionet.com/


Sémiotique des sites web

CoursIntroduction à l’analyse

sémiotique des sites web






Dans ce premier cours, nous présenterons :

1. d’une manière générale l’objet de l’analyse sémiotique des sites web;

2. les objectifs d’une telle analyse;

3. et les conséquences pratiques d’une telle analyse en terme de son exploitation dans un contexte professionnel.

Contenu général du cours

Analyse sémiotique des sites web

COURS





Le but de ce cours est :

de montrer dans sa globalité l’approche sémiotique et comparative des sites web;

de faire comprendre à l’étudiant le principaux notions dont on se sert pour décrire – i.e. pour « scénariser » un site web ou une de ses parties;

d’insister également sur le fait que la dimension cognitive et communicative d’un site web doit être strictement séparée de sa dimension technique et technologique;

de préparer, enfin, les travaux collectifs portant sur l’analyse sémiotique d’un corpus de sites web


COURS

Objectifs du cours



Sémiotique des sites web.


1. Face à une très grande diversité de sites web existantes.

2. La dimension sémiotique des sites web.

3. Le scénario structural et fonctionnel du site web.

4. Scénario sémiotique et réalisation informatique.

5. Exemple de scénarisation d’une page d’accueil.

6. Comment décrire et concevoir une scène ?

7. Au sujet de la « région ».

8. La description interne d’une région.

9. L’intégration fonctionnelle d’une région.

10. En guise de conclusion.


COURS

Contenu du cours




COURS


1er sujet

- Face à une très grande diversité de sites web -







COURS

1er sujet

Diversité des sites web

Constat: Il n’existe pas seulement une très grande quantitémais aussi une très grande diversité de sites web qui «peuplent»la toile mondiale ….

Sites correspondant à une ou plusieurs « pages » simples sans réelle organisation interne plus complexe :

pages « perso », CV, mais aussi – souvent – signes des « premiers pas » (d’une institution, …) dans le monde de la communication électronique et de la cyber-culture.

Sites correspondant, grosso modo, à l’organisation de produits d’information classique (« brochure ware ») :

sites qui se présentent – grosso modo – comme des sortes de catalogues (interactifs), de guides et manuels (interactifs), dejournaux (interactifs).




COURS



1er sujet

Diversité des sites web Sites se présentant comme des sortes de centres ou lieux

de documentation et d’information :

« e-library » ; e-X-thèque : e-médiathèque ; e-archive ; e-webothèque, … (analogues aux services traditionnels de documentation, d’information et de communication).

Sites se présentant sous forme de lieux d’interaction et de transaction (éducative, professionnelle, commerciale, …) :

e-commerce, e-bourse , « e-administration », e-learning ; e-conférences, « chat rooms », réunions en ligne.




COURS



1er sujet

Diversité des sites web Sites dont l’organisation reflète grosso modo celle de

l’entreprise, de l’institution, de l’entité administrative qu’elle représente :

« e-institution » : e-ville, e-entreprise , e-administration, e-université ; … .

Sites complexes se présentant comme une institution, une organisation sociale sui generis :

« institution augmentée », « institution virtuelle », « institution distribuée », …






COURS

1er sujet


Face à cette très grande diversité de types ou genres différents de sites web, l’une des questions, certainement la plus importante, qui se pose est celle de sa compréhension à la fois systématique et opérationnelle et, cela, pour des raisons les plus diverses :

conception, développement, gestion et « re-ingénierie » de sites web;

analyse comparative et évaluation de sites web «concurrents »;

audits des attitudes et comportements des utilisateurs d’un site web;






COURS

1er sujet


Face à cette très grande diversité de types ou genres différents de sites web, l’une des questions, certainement la plus importante, qui se pose est celle de sa compréhension à la fois systématique et opérationnelle et, cela, pour des raisons les plus diverses :

analyse des « nouvelles » pratiques ou encore de l’évolution des habitudes autour d’un site web;

identification et mise en place de « modèles économiques » appropriés à un site web;

réglementation juridique et politique des prestations fournies par un site web;

etc.




COURS


2d sujet

- La dimension sémiotique des sites web -







COURS

2d sujet

La dimension sémiotique

Si on s’intéresse à l’analyse d’un site web ou encore àl’analyse comparative d’un corpus de sites web il faut distinguer, au préalable, entre deux niveaux principaux, deux dimensions principales d’analyse:

le niveau informatique (de réalisation, de communication, d’affichage, d’archivage, de réutilisation, …) d’un site web;

le niveau sémiotique ou symbolique au sens d’un lieu (de production, de communication, …) de prestations de services, d’interaction et de transaction entre ce lieu et ses «utilisateurs», voire entre les utilisateurs, la « communauté »des utilisateurs du site.

Ces deux niveaux sont, bien évidemment, liés mais ils doivent être clairement distingués !






COURS

2d sujet


D’une manière simple et intuitive, l’analyse du niveau informatique d’un site web s’interroge:

sur les méthodes et méthodologies à adopter pour développer, maintenir, diffuser, conserver, … un site web et le « faire communiquer » avec d’autres sites web;

sur les technologies et outils (logiciels) nécessaires pour les activités précitées du développement et de la gestion d’un site web;

sur l’équipement et son « architecture » nécessaires pour l’exploitation concrète et sécurisée d’un site.






COURS

2d sujet


L’analyse du niveau sémiotique d’un site web s’interroge, par contre:

sur le « modèle » (le scénario) sous-tendant et organisant le site web au sens à la fois d’un lieu de prestations de services et d’un ensemble structuré de services(d’information, de communication, d’aide et de conseils, etc.);

sur les méthodes et méthodologies à adopter pour assurer les « missions », les objectifs du site dans un contexte à la fois culturel et social (et donc aussi: économique).

Nous traiterons, dans ces cours, seulement le premier point –la question de l’explicitation, de la description des modèles ou scénarios sous-tendant un site web (un corpus de sites web).






COURS

2d sujet


Remarque: Les travaux sur les méthodes et méthodologies àadopter pour assurer les « missions » d’un site concernent des problématiques très variées comme par exemple:

l’adaptation d’un site web aux comportements de ses utilisateurs ainsi que la « fidélisation » des utilisateurs irréguliers du site;

l’introduction du site dans l’« environnement de travail » de l’institution (de l’organisation sociale) qu’il représente – introduction qui exige souvent des modifications dans les habitudes et tâches de travail, dans les responsabilités, …;

la gestion (le « management ») du site lui-même dont, notamment, la gestion éditorial du site;

la gestion économique mais aussi politique (au sens de « policy ») du site concernant, par exemple, les décisions stratégiques relatives à l’évolution des missions d’un site; …




COURS


3ème sujet

- Le scénario structural du site web -







COURS

3ème sujet

Le scénario sémiotique

Prenons, pour commencer, un exemple de site à caractère culturel relativement simple quant à son organisation interne.

Il s’agit du site du musée de la préhistoire des Gorges de Verdon qui se trouve à Quinson dans les Alpes de Haute Provence, France.

Cette région a été habité depuis au moins 300 000 ans et constitue un des hauts lieux des fouilles archéologiques et des recherches paléontologiques

Le site du Musée se trouve à l’adresse suivante: http://www.museeprehistoire.com/


http://www.museeprehistoire.com/





COURS

3ème sujet


Voici la page d’accueil du site en question:






COURS

3ème sujet


Outre les rubriques habituelles (informations pratiques, actualités, …), ce site est composé de plusieurs « rubriques »mettant en scène la richesse archéologique des Gorges de Verdon - rubriques telles que:

rubrique « Village préhistorique » (= présentation de la reconstitution d’un village préhistorique) ;

rubrique « Musée » (= présentation du musée archéologique) ;

rubrique « Grotte » (= présentation de la grotte) ;

etc.






COURS

3ème sujet


Voici un diagramme représentant une partie de l’organisation structurale du site:






COURS

3ème sujet


Explications:

Un scénario est composé d’une ou de plusieurs scènes dites principales.

Une scène, à son tour, peut être composée d’une ou de plusieurs scènes plus spécialisées (que l’on peut appeler «sous-scènes»), etc.

Mais une scène peut se présenter comme une scène terminale qui ne se décompose plus en scènes plus spécialisée (cf. plus loin, pour d’autres explications …).

Chaque scène (sous-scène, …) circonscrit un « univers sémantique » (un « univers de discours ») , possède un certain sens qui est rendu par l’expression « lieu, qui … »«lieu où …».






COURS

3ème sujet


Explications (suite):

Les termes « scénario » et « scène » désignent des unités de la conception du « design », de la « mise en scène » (d’un site); le terme « lieu » désigne une unité sémantique de conception/description du sens d’un site.

En terme de lieu sémantique, on voit qu’un site n’est pas un simple lieu sans structure interne mais organisé en différents lieux dont chacun possède sa propre définition, sa propre tâche et « mission » au sein du lieu plus complexe qui est le site.




COURS


4ème sujet

- Scénario sémiotique et réalisation informatique -







COURS

4ème sujet

Scénario et réalisation

Considérons le diagramme suivant:






COURS

4ème sujet


Explications:

En tant qu’unité de conception, de « scénarisation » d’un site web, la scène :

soit se différencie en des scènes plus spécialisées (cf. l’exemple ci-dessus)

soit s’« instancie », se manifeste sur un support – dans notre cas – numérique qui peut être, par exemple:

une page html ou un ensemble de page html;une partie « physique » sur une page html (ou

plusieurs pages html);des « applications » autonomes telles que

animations, vidéos, jeux, etc.






COURS

4ème sujet


Note :

Il existe deux approches complémentaires pour décrire un site web (un corpus de sites web) ou pour concevoir et développer un site web:

une approche « top down » : du « concept » à sa réalisation (i.e. du scénario global de l’univers sémantique d’un site web à sa réalisation sous forme – par exemple – de pages web);

une approche « bottom up » : de la « réalité » d’un site web (i.e. sous forme de pages html, par exemple) au scénario qui le sous-tend).

Il faut noter que ces deux approches s’emploient très souvent ensemble aussi bien pour l’expertise d’un site existant que pour la conception – réalisation d’un (nouveau) site.




COURS


5ème sujet

- Exemple de scénarisation d’une page d’accueil -







COURS

5ème sujet

Scénario d’une page d’accueil

Considérons de nouveau la page d’accueil de notre site:


http://www.museeprehistoire.com/accueil.htm





COURS

5ème sujet


Note terminologique:

Scène « lieu d’accueil sur le site du Musée … »:expression relevant de la scénarisation d’un site, de sa description-conception;

Page d’accueil: expression utilisée pour désigner une certaine forme de réalisation (informatique) de la dite scène.

Par exemple, certaines parties de la scène « lieu d’accueil »(telle que celle se présentant sous forme d’un sommaire de rubriques, d’un « menu ») :

peuvent se trouver sur toutes les pages d’un site et pas seulement sur la page d’accueil






COURS

5ème sujet


Illustration de la page précédente:






COURS

5ème sujet


Revenons à notre exemple: Voici un diagramme montrant les principales sous-scènes qui composent la scène « lieu d’accueil sur le site … »






COURS

5ème sujet


Explications:

Le scénario sous-tendant la scène de l’accueil sur le site peut être décomposé en cinq scènes plus spécifiques qui décrivent autant de lieux spécialisés dudit lieu d’accueil.

Les cinq scènes identifiées occupent physiquement certaines parties appelées « régions » sur la page d’accueil (cf. illustration, page suivante).

Ceci dit, il existe une différence importante entre les scènes 1 à 4 et la scène 5:

La scène 5 occupe la fonction de l’« arrière-scène »;

Les scènes 1 à 4 occupent la fonction de l’ « avant-scène » (cf. le dernier sujet de ce cours).




COURS



5ème sujet


Par ailleurs, les scènes 1, 2 et 3 (ainsi que, partiellement, la scène 5) :

se retrouvent également en tant que régions spécialisées sur les autres pages composant le site en question (cf. illustration, page suivante).

Il faut donc faire une distinction méthodologique très nette entre :

Les scènes qui composent une partie d’un site ou le site dans son ensemble;

Les réalisations physiques d’une scène soit sous forme d’une ou de plusieurs pages web, soit sous forme d’une partie d’un page web, soit sous forme de parties invariantes de plusieurs pages web, sous forme d’autres applications.






COURS

5ème sujet


Scènes 1, 2 et 3 comme parties invariantes de toutes les pages web du site:




COURS


6ème sujet

- Comment décrire une scène ? -







COURS

6ème sujet

Décrire une scène

Prenons l’exemple d’une scène très simple qui est la scène 4identifiée dans le chapitre précédent et qui décrit le lieu d’annonce du site …




COURS



6ème sujet

Décrire une scène

Pour décrire, voire concevoir et spécifier une scène donnéd’un scénario (et, par extension, de tout le scénario d’un site), il faut faire appel à sept critères principaux:

1. Univers sémantique couvert par la scène: Question: de quoi « parle » la scène, qu’est-ce elle doit

mettre en scène ?

2. Différenciation hiérarchique de la scène:Question: se différencie-t-elle (doit-elle se différencier) en une ou plusieurs « sous-scènes » plus spécialisés et si oui, en lesquelles ?

3. Intégration hiérarchique et fonctionnelle de la scène:Question: la scène en question, fait-elle partie d’un ensemble d’autres scènes et si oui, desquelles ?




COURS



6ème sujet

Décrire une scène 4. Parcours navigationnel dans lequel s’inscrit la scène:

Question: quels sont les chemins pour arriver à la scène et quels sont les chemins qui partent de la scène; y a-t-il des contraintes particulières qui « pèsent » sur le parcours ?

5. Documentation du contenu de la scène: Question: qu’utilisera-t-on pour développer la

prestation (l’information, …) fournie par la scène ?

6. Organisation/dispositif scénique de la scène: Question: quelle forme doit prendre sa mise en scène ?

7. Insertion de la scène sur le site:Question: où doit-elle se trouver ?






COURS

6ème sujet

Décrire une scène

Explicitation/description de notre scène « lieu d’annonce du site »

1) Univers sémantique couvert par la scène:

Spécificité, singularité, l’intérêt du site et de « son « objet

2) Différenciation fonctionnelle de la scène:

Pas de différenciation (= scène terminale)

3) Intégration fonctionnelle de la scène:

Ne fait pas partie d’autres scènes (« isolat »)

4) Parcours navigationnel:

Pas de parcours navigationnel (« isolat »)






COURS

6ème sujet

Décrire une scène

Explicitation/description de notre scène « lieu d’annonce du site » (suite):

5) Documentation du contenu de la scène:

« slogan » sous forme d’une phrase qui « marque »illustration exemplaire (objet de fouille archéologique)

6) Organisation/dispositif scénique de la scène:

Forme simple du genre « affichette » ou « banderole »

7) Insertion de la scène sur le site:

en haut à droite sur la page d’accueil;sur toutes les autres pages comme une partie distincte des

autres (fonction « slogan »)




COURS


7ème sujet

- Au sujet de la notion « région » -







COURS

7ème sujetLa « région » Une région:

est la place où se manifeste, se réalise une scène;

une région peut constituer une ou plusieurs partie(s) d’une page web (cf. le cas discuté ci-dessus);

une région peut se trouver sur plusieurs pages web, voire à la limite sur toutes les pages web d’un site;

une région peut former avec d’autres régions une « zone »sur une page, voire sur plusieurs pages;

dans le cas le plus simple, une région équivaut à une page web (html); voire à une « application autonome » sur le web.






COURS

7ème sujet

La « région »Note importante:

La région comme place de manifestation ou de réalisationd’une scène est une unité de rédaction ou encore du design, c’est-à-dire de la mise en scène effective d’une scène.

Répétons-le : une région est relativement indépendante de la « page » au sens quasi physique du terme: elle peut coïncider avec une page (cas très simple), elle peut se constituer en une ou plusieurs parties d’une page, mais elle peut également se retrouver sur tout un ensemble de pages (cf. le « menu », le « sommaire » - exemples typiques pour telles partie invariantes …)

Nous allons développer, ci-après un canevas méthodologique pour décrire la mise en scène, la rédaction d’une région donnée.






COURS

7ème sujet

La « région » Voici un diagramme explicatif qui précise celui dans le chapitre précédent :






COURS

7ème sujet

La « région » Nous connaissons au moins trois types élémentaires de régions qui se retrouvent sur tous les sites web:

les régions dites textuelles: régions réservées à la mise en scène d’une prestation (d’information, de communication, de transaction, …) sur le site ou sur un de ses lieux;

les régions dites hypertextuelles: régions réservées à la mise en scène de l’accès à une prestation (une information, un service de communication, …) sur le site ou sur un de ses lieux;

les régions dites paratextuelles: régions réservées àl’identification d’un site ou d’un lieu particulier): nom, logo, adresses, propriétaires, …).






COURS

7ème sujet

La « région » Exemple: page web consacrée à la visite d’une grotte préhistorique:


http://www.museeprehistoire.com/grotte/grotte1.htm






COURS

7ème sujet

La « région » La région textuelle






COURS

7ème sujet

La « région » Exemple pour région hypertextuelle:






COURS

7ème sujet

La « région » Exemple pour région paratextuelle:




COURS


8ème sujet

- La description « interne » d’une région -







COURS

8ème sujet

La description interne d’une région

Exemple: page web consacrée à la visite d’une grotte préhistorique:








COURS

8ème sujet


La région centrale dédiée à la « mise en scène » d’une information spécifique au sujet de la grotte :






COURS

7ème sujet


Les composants principaux pour décrire cette région:

1) Objets textuels:titretexte explicatif

2) Objet visuelPhoto

3) Objet interactificône pour agrandir la photo

4) Structure topographique entre les différents objets

5) Absence d’un contours marqué (= contours « invisible » qui agglomère les éléments textuels et visuels

6) Absence d’un chromatisme propre.






COURS

8ème sujet


Les principaux éléments composant la région en question:






COURS

8ème sujet


Les constituants d’une région :

1) Objets (Eléments) de rédaction ou de « mise en scène » d’une certaine information:

Pavés textuels,Objets visuelsObjets audiovisuels,Objets sonores, …

2) Objets et dispositif interactifs

3) Forme eidétique:

marquée/non-marquée; géométrique/figurative;






COURS

8ème sujet


Les constituants d’une région :

4) Chromatisme:

propre/partagé avec (autres régions),couleur(s) et teintes,répartition dans l’espace de la région,…

5) Structure topographique et physique

répartition dans l’espace des éléments de la région;taille (absolue et relative) des éléments;etc.




COURS


9ème sujet

- L’intégration de plusieurs régions -







COURS

8ème sujet


Comme nous l’avons déjà dit, en dehors des cas très simples où une région de rédaction et de mise en scène d’une information équivaut à une page web, le cas le plus courant est celui de plusieurs régions qui composent ensemble une page web.

La composition d’une page web par plusieurs régions peut être décrite, en principe, comme un processus :

En une étape : plusieurs régions → page webEn deux (voire plusieurs étapes): région(s) → zone → page web.

Exemple pour le premier cas : page d’accueil du site du Musée de la préhistoire des Gorges de Verdon en France (cf. page suivante)

Exemple pour le deuxième : typiquement la page d’accueil d’un site d’information tel que le site d’un journal dont nous parlerons encore dans les cours suivants (cf. page suivante).






COURS

5ème sujet


Exemple d’intégration – de « montage » - en une étape:






COURS

5ème sujet


Exemple d’intégration (de montage) en deux étapes: les régions






COURS

5ème sujet


Exemple d’intégration en deux étapes: les principales zones






COURS

8ème sujet


Sans entrer ici dans les détails de l’opération de l’intégration ou de « montage », notons ici quelques cas typiques de celle-ci:

sur un espace bidimensionnel simple (celle de la « page-écran);

sur un espace bidimensionnel dédoublé (exemple: page principale + pop-up);

sur une ligne temporel (exemple: animations flash; …);

sur un espace bidimensionnel représentant le simulacre d’un espace tridimensionnel (exemple: représentations d’objets ou de scènes en 3D).






COURS

8ème sujet


Un cas particulier mais très répandu et communément employé est celui de l’intégration de plusieurs régions en un « tout » visuel où :

une région compose le fond (d’une page ou d’une partie de la page)

une ou plusieurs autres régions la ou les figure(s) sur un fond

D’un point de vue technique, cette distinction se trouve matérialisée dans l’utilisation de calques.

Conceptuellement, elle tient (ou, plutôt, devrait) tenir compte de la distinction entre « arrière-scène » et « avant-scène »introduit ci-dessus.




COURS


- En guise de conclusion -





COURS



Conclusion

Voici les prochaines étapes ….

1. Constitution de groupes de travail de deux à (max.) trois personnes;

2. Choix d’un corpus de sites web;

3. Prise de connaissance du corpus (navigation, lecture, comparaison);

4. Essai de description du scénario d’UN site web en terme d’organisation hiérarchique et fonctionnelle des scènes qui décrivent ses principaux lieux (tout en les comparant aux deux autres sites;

5. Choix d’UNE scène particulière et essai de description à l’aide des critères méthodologiques discutés dans ce cours.



description sémiotique et comparative d'un corpus de sites web

Documents