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
Top Related