Smiotique du webVincent Mabillotcc-by-sa
Plan
Introduction: les religions des logiciels et les reprsentations
numriques de la pense
le Web, la partie emerge d'Internet
Du regard la caresse: formes de lecture et d'criture
Vers le web smantique
La religion d'un logiciel
Umberto Eco compare les OS des religions:
DOS= Protestantisme
Mac= Catholicisme
Windows= Anglicanisme
Langage machine=Talmud
Linux?
(Espresso, 30 Septembre 1994)
Les reprsentations numriques de la pense
Vanevar Bush, As we may think (1945): la pense
hypertextuelle
Douglas Engelbart, l'inventeur de la souris (1970) : Changer la
reprsentation du monde numrique
Ted Nelson, projet Xanadu: inventeur de l'hyperlien et de
l'criture collective
Web, l'mersion d'Internet
Internet, descendance universitaire du projet Arpanet et
convergence de rseaux tlmatiques (des annes 60 aux annes 80)
1990, Naissance du web au Cern sous l'impulsion de Tim
Berners-Lee
Le nouveau far west numrique
rve utopique
un univers sans loi
un espace sans frontires
fin des intermdiaires et dcentralisation
libral et libertaire
scientifique et citoyen
eldorado
individu collectif
libert d'expression pour tous
Web, la face visible d'internet
Convergence texte et image (et son)
Contenu pour communaut de lecteurs (et non pour rpondants comme
newsgroup)
Vulgarisation de la consultation de ressources informatique: pas
besoin de connatre un langage ou des modalits de requtes, il suffit
de cliquer
Interconnexion facile et gratuite entre les diffrents kiosque
d'informations
L'internet un visage
Du regard la caresse
Avant d'tudier les mises en scne du web actuel, revenons un peu
sur la faon dont l'criture et la lecture de celui-ci ont voluDu
regard la caresse (en ligne)(article sur l'volution du design web
en relation avec les usages)Source
:http://vmabillot.free.fr/publications/regardcaresse/
Le HTML 2 : La visibili de l'hypertextualitMise en page peu
discriminante
Visibilit de l'oprationnalit
Vocation scientifique, peu de serveurs
Du papier l'cran
Le HTML 2 : La visibili de l'hypertextualitMise en page peu
discriminante
Visibilit de l'oprationnalit
Vocation scientifique, peu de serveurs
HTML3.2, l'esthtisation identitaireUtilisation d'attributs qui
permettent de personnaliser les balises
Dveloppement de l'infographie (effet...)
Ouverture un public plus large (geek et tendance)
Drgulation des normes de prsentation
Apparition d'effet de compensation (relief, ombr)
HTML4 : Gestualisation d'une pense exploratoireForte croissance
du grand public
Guerre des navigateurs
Langages et plugins augmentant l'interactivit
Lecture de la page par palpage=bascule dans le virtuel
Vers le web smantique
Logique collaborative et interactive, dition partage, lecture
interactive
Sparation des contenus et des contenants (css)
Dveloppement des logiciels de publication/lecture dynamique
(Php, ASP)
Dcoupage des sites en objet et mta-objet (le site, la page, le
bloc, l'lment)
Convergences des modes de communication vers le navigateur et
les sites (du mail au chat)
Les 5 niveaux d'organisation de l'info web
La toile
Le site
La page
Le bloc
L'objet
La toile
Un univers bigarr en apparence anarchique
Ncessit de distinction
Ncessit d'authentification
Rponses: les noms de domaineMais la rponse reste incomplte et
floue, impose des connaissances et des comptences techniques pour
l'internaute
Le site
Qu'est-ce qui dfinit un site:
L'ide de homognt se traduisant par :
thmatique, objet
navigation
positionnement
stylisation visuelles et textuelles
Mais subjectivit et contraintes techniques
La page
Double contrainte :
Oprationnelle
Informationnelle
Elle met en scne l'organisation des contenus et les scnarios de
parcours
La page: topographie de la pense
L'organisation des pages web hrite de plusieurs approches de
reprsentation de la pense:
Les topos de la rhtorique
Du volumen la page des crits livresques et journalistiques
L'cran spectaculaire de l'audiovisuel
Les topos : surface et profondeur
Catgories thmatiques ou fonctionnelles
Dtails, approfondissements
Le volumen ou la page
Le volumen: hritier du rouleau, lecture continueLa page : un
fragmentation technique
La lecture web revient vers le volumen: volution des interfaces
(molette souris)
technologies d'indexation et d'impression
changement des pratiques et de la culture de la lecture
l'cran
Le volumen, la page, la presse
Le volumen: hritier du rouleau, lecture continueLa page : un
fragmentation technique
La lecture web revient vers le volumen: volution des interfaces
(molette souris)
technologies d'indexation et d'impression
changement des pratiques et de la culture de la lecture
l'cran
Convergences de lectures mdiatiques
Confrontation entre visuel et textuel (et pas trop
l'audio...)
Entre le livre, la presse, la tl, le cinma, le catalogue et le
dialogue
La place des blocs
Forte complexit des contenus de la pages, impose une ncessit de
hirarchiser et diffrencier visuellement l'information
Opportunits technologiques (modles, scripts, interactivit,
volution cran...)
Depuis les annes 2000, se dveloppe une structure des pages en
assemblage de blocs marqus des zones de couleurs, des variations de
fonds, des encadrs ou encore des paragraphes avec des changements
de typographies
Les objets
Texte (mots...), images, vidos, sons, applications...L'volution
vers le web smantique introduit une volont de sparation entre les
contenants et les contenus :Recyclage des contenus (convergences
des mdias)
Amlioration de la productivit des design
Accessibilit
Le renoncement raisonn l'idal de l'auteur
La difficult repose toutefois sur l'adoption de normes
communes.Mais cette approche renforce la complexit de la
construction des supports car ils mettent en jeu plusieurs agents
de ralisation:La source
La chaine (outils de production et de lecture: serveur,
navigateur...)
Le destinataire
Styles de mises en pages
Feuille
Page
Rpertoire / Page annote
Menu Horizontal
Cinmascope
Base 9/mutliblocs
Feuille ou volument vertical
Exemples
Page de cahier
Exemples de format pages
Rpertoire Pages annotes
Exemples Rpertoires/ pages annotes
Menu horizontal (type GEM)
Exemples
Cinmascope
Base 9/Multiblocs
Exemples
Le 2-1-1
Rolling list
L'incertitude des mises en page
Les trois acteurs de la mise en pagel'auteur
le navigateur
le lecteur
Un ex: Choisir entre mise en page icy ou liquid
Les logiques de la mise en page
Grer la profondeur de navigation
Hirarchiser l'accs aux contenus
Expertiser et anticiper la lecture
Mais limitation des parcours limite parMoteur de recherche
(interne et externe) ou plan de site
Les objets lmentaires: les contenus
Le texte : item et paragraphe
L'image (les visuels) : info-dcoration, symbolisation
fonctionnelle et identit
La vido et les animations : stimulation, tendances et
convergences
L'audio un cheminement difficile dans un dispositif pas toujours
assez individualis (pour son l'usage du son)
Structurer significativement les contenus
Identifier les contenus exclusifs
Relations avec les visiteurs et degrs
d'interactivitaccompagnements des comptences (techno-cognitives et
culturelles)
diffusion simple co-criture
convergences de dispositifs communicants
Positionnement thmatique, conomique et technique
Le degr zro de l'information
On devrait pouvoir dcouper gnriquement chaque information pour
ensuite les r-articuler dans une logique de site et de
page:Informatives (thmes du site)
fonctionnelles (permettent d'accder aux infos)
identitaires (tendent authentifier l'unicit du site et sa
reconnaissance)
participatives (interactives)
syndication (partenariat, liens rseaux, contenus externes)
Quelques liens sur l'organisation signifiante des contenus
http://www.ergolab.net/articles/architecture-information.html
http://www.ergolab.net/articles/tri-de-cartes-ergonomie-web.html
http://www.redaction.be/exemples/canevaslogiques_nov_03.htm
http://www.csszengarden.com/tr/francais/
Le web n'est pas un mdia mais des...
Le web propose une multitude de dispositifs mdiatiques rpondant
des projets communicationnels diffrents
Le sens est fortement ancr dans les usages
Les contenus sont des signes et des objets
Ainsi l'organisation des sites et de leurs contenus doit mettre
en scne l'usage
Cliquez pour diter le format du texte-titre
Cliquez pour diter le format du plan de texteSecond niveau de
planTroisime niveau de planQuatrime niveau de planCinquime niveau
de planSixime niveau de planSeptime niveau de planHuitime niveau de
planNeuvime niveau de plan
Smiologie Applique VM
