Transcript Document 7651080

Écriture &
nouveaux supports
Hypertexte, flux, & autres hasards
de l’écosystème numérique
joël ronez
[Cup Of Tea]
blog.ronez.net
[email protected]
1er et 5 décembre 2006
Paris
Ressources sur ce séminaire :
http://ronez.typepad.com/seminaire/
Ce qui a changé avec Internet
Qu’est-ce qui a changé avec Internet
> Rapport à l’espace
Qu’est-ce qui a changé avec Internet
> Rapport au temps
#1- Immédiateté
1 mn
Qu’est-ce qui a changé avec Internet
> Rapport au temps
#2- Flux VS périodique
Qu’est-ce qui a changé avec Internet
> Mode d’indexation
DEWEY
TAGS
Qu’est-ce qui a changé avec Internet
> Mode d’archivage
2006
1997
www.archive.org
Qu’est-ce qui a changé avec Internet
> Demande de valeur ajoutée
Services
Contenu
Transparence
Valeur d’usage
Qu’est-ce qui a changé avec Internet
> La valeur d’usage (usability)
> Possibilité d’utiliser
facilement un dispositif
> Interaction intuitive
> Service rendu
Qu’est-ce qui a changé avec Internet
> Demande de valeur ajoutée
 Plus grande attente public
- public moins indulgent, moins patient, plus averti
 Besoin de réactivité / immédiateté
 Besoin de services
Comportement :
Réactivité – Simplicité - Usabilité
Qu’est-ce qui a changé avec Internet
> Les 6 cultures d’Internet
1 > Les militaires
2 > L’élite technico-scientifique académique
3 > Les programmeurs
4 > Les communautés virtuelles
5 > Les entrepreneurs
6 > Les opérateurs de symboles
http://zeroseconde.blogspot.com/2006/09/les-6-cultures-dinternet.html
Les modes de lecture d’un
contenu multimédia
From Jean-Marc Hardy
Les modes de lecture d’un contenu multimédia
> Recherche / Consommation
Les modes de lecture d’un contenu multimédia
> Scanning / Reading
> 79 % des internautes
lisent en diagonales
> 16% lisent mot à mot
Les modes de lecture d’un contenu multimédia
> Textes VS Images
Les modes de lecture d’un contenu multimédia
> Lecture en « F »
From Jakob Nielsen
http://www.useit.com/alertbox/reading_pattern.html
Les modes de lecture d’un contenu multimédia
> Lecture en « F »
From Laurent Goffin
http://www.gwix.net/web_gwix/article.asp?filID=233
Les modes de lecture d’un contenu multimédia
> Lecture en « F »
From Laurent Goffin
http://www.gwix.net/web_gwix/article.asp?filID=233
Les modes de lecture d’un contenu multimédia
> Les zones prioritaires
Les modes de lecture d’un contenu multimédia
> A noter
> On lit 25 % moins vite à l’écran
> Les internautes scrollent
> Les internautes consultent
plusieurs sites en même temps
From Jean-Marc Hardy
L’écriture multimédia est
hypertexte
L’écriture multimédia est hypertexte
> La culture du fragment
L’écriture multimédia est hypertexte
> Vers l’intérieur et l’extérieur
Vers les ressources externes
Vers le contenu profond
-dans le temps
-dans l’arborescence
L’écriture multimédia est hypertexte
> Renseigner ses liens
L’écriture multimédia est
structurée
Flux RSS
Real Simple Syndication
Flux RSS
> Un nouveau format d’échange d’information
Blog
content
Blog search engines
Feed aggregator
(software)
Other Blogs & sites
(technorati,
google blog search..)
Flux RSS
> Qui diffuse en RSS ?
> Tous les blogs
> Certains sites web
(presse, ministères, …)
> Moteurs spécialisés
(technorati, …)
Flux RSS
> Qu’est-ce qu’on diffuse ?
Sur le blog
> Entête, résumé
> Contenu complet
Via un agrégateur
> Images
> Son -> Podcasting
> Vidéo -> Videocasting
VS Broadcasting
Flux RSS
> Comment les lire ?
> Navigateurs
(Mozilla, plug-ins)
> Agrégateurs en lignes
> Agrégateurs desktop
> « Sites 2.0 »
(Netvibes, Google perso)
Feeddemon,
NewsNetWire
Flux RSS
> Evolution du RSS :
Compatibilité SMTP / RSS
Blogs
Site web
courriel
Blogs
Site web
mobile
Outils:
> Outlook
> Gmail
> etc.
courriel
RSS & veille
> Gains quantitatifs
> Spectre étendu : 700 fils RSS / heure
> Gains qualitatifs
> Filtres internes au contenu
> Syndication sous différents formats
> Syndication personnalisée /mot clé
> Chaînage automatique dans SI entreprise
Social Software / Web 2.0
« What is the
killer application ?
Yossi Vardi
ICQ
The killer application
is
the people »
Social Software / Web 2.0
> Encore un changement d’ère ?
 Premier âge de l’Internet :
-> Adaptation au media
Deuxième âge :
-> Ére du partage
Nouvelles sociabilités
Nouveaux codes
Nouvelle culture
Nouveaux outils
Ce qui compte n’est plus de détenir une information,
mais de savoir la partager
Social Software / Web 2.0
> Blogs & social software
Blogs…
On connecte des gens
On connecte des contenus
HTML
Internet
On connecte des réseaux
TCP/IP
On connecte des ordinateurs
Tribute to Joi Ito
Social Software / Web 2.0
Social Software
Système logiciel facilitant la communication
de groupe, la construction et la solidification
de liens sociaux, le travail collaboratif,
le jeu à plusieurs, la création collective,
donc organisés autour des outils de l'Internet.
http://fr.wikipedia.org/wiki/Social_software
Social Software / Web 2.0
Web 2.0
[…]Les partisans de l'approche Web 2.0 pensent que
l'utilisation du Web s'oriente de plus en plus vers l'interaction
entre les utilisateurs, et la création de réseaux sociaux
rudimentaires, pouvant servir du contenu exploitant
les effets de réseau, avec ou sans réel rendu visuel et
interactif de pages Web.
En ce sens, les sites Web 2.0 agissent plus comme
des points de présence, ou portails web centrés sur
l'utilisateur que les sites webs traditionnels
http://fr.wikipedia.org/wiki/Web_2.0
Social Software / Web 2.0
> Web 2.0
2 aspects principaux :
> Interfaces riches, interactivité
> Participation des individus qui
fournissent du contenu
Social Software / Web 2.0
> Caractéristiques service Web 2.0
> Simplicité de création profil
Social Software / Web 2.0
> Caractéristiques service Web 2.0
> Personnalisation de l’interface
Social Software / Web 2.0
> Caractéristiques service Web 2.0
> Auto-indexation -> tags
Social Software / Web 2.0
> Caractéristiques service Web 2.0
> Espace privé / partagé / public
Social Software / Web 2.0
> Caractéristiques service Web 2.0
> Communauté qui valide
Social Software / Web 2.0
> Caractéristiques service Web 2.0
> Différents formats personnalisables
de diffusion
> RSS / XML -> Syndication & agrégation
Social Software / Web 2.0
Web 2.0
http://www.zdnet.fr/actualites/internet/0,39020774,39334479,00.htm
Social Software / Web 2.0
Web 1.0
Web 2.0
DoubleClick
--> Google AdSense
stockage photo
--> partage de photos
Britannica Online --> Wikipedia
sites personnels
--> blogs
page vues
--> cout au clic
publication
--> partage
CMS
--> wikis
annuaires (taxonomy) --> tags (folksonomy)
Social Software / Web 2.0
> Les applications en ligne
> Netvibes
> Courrier
- gmail
> Suites bureautiques :
- writely, numsum, gliffy, Thumstaks
Social Software / Web 2.0
Et le contenu ?
Social Software / Web 2.0
> Conclusion > Tendances 2006
Nous sommes tous
des créateurs de contenus
La frontière entre
correspondance,
publication,
collaboration et discussion
disparaît
Social Software / Web 2.0
« The web is not about “pages”,
it’s about people communicate
to each other.
David Sifry
Technorati CEO
The web is a conversation
stream.
www.technorati.com
And hyperlink it’s not a link
between document,
but a form of social gesture »
Social Software / Web 2.0
« Arrêtons de parler de pages, à
propos du web
David Sifry
PDG Technorati
www.technorati.com
Le web est un flux de
conversations
Et le lien hypertexte n’est pas un
lien entre documents, mais une
forme d’action sociale »
Social Software / Web 2.0
> Social Software : définition
Outils pour partager et interconnecter :
Social Bookmarking
Partage de bookmarks
(ex www.blogmarks.net)
- idées
- informations
- opportunités
- connaissance
- contacts
-…
Social networking
Partage de contacts
(ex www.linkedin.com)
WIKI
Partage de contenu
(ex. www.wikipedia.org)
blogs
Partage d’expérience,
d’opinions, etc.
Social Software / Web 2.0
> Le wiki : définition
Un site web dynamique
permettant à tout individu
d’en modifier les pages à volonté
Le blog:
Le premier format
éditorial né du web
"Les blogs et leur écosystème, immiscés
entre le courrier électronique et le web,
sont le maillon manquant dans la chaîne
de communication…
Ils se rapprochent
de la promesse originelle du web, dans
la mesure où ils sont le premier outil qui a
rendu facile -ou au moins simplifiél'action de publier sur le web".
Les blogs
> Un blog qu’est-ce que c’est ?
Un site web…
... composé d’articles
classés par date…
… et par catégories
Les blogs
> Un blog qu’est-ce que c’est ?
Un système de
publication
simplifié
Les blogs
> Les nouveautés de format
Les permaliens
Les « feed » RSS
Les retroliens
Les commentaires
Les blogs
> Les nouveautés de contenu
un format court et concis
un grande sensibilité à
l’actualité
un ton et un contenu informel
Les blogs
> Une interconnexion
Les « blogrolls » prolongent
la visite et incluent
le blog dans une communauté
Les blogs
> Typologie de blogs
> Blog personnel : journal extime
> Blog journalistique
> Blog d’expert
> Blog d’élu / politique / dirigeant
> Blog marketing
> Metablog : un blog sur les blogs
> Blogs de passionnés
> Blogs militant, engagé
> Blogs collectifs, thématiques
Les blogs
> Les usages corporate
Les blogs
> Typologie de blogs internes
> Blogs de salariés
(IBM : 4 000 blogueurs, Compass)
> Blogs évènements
(rebranding blog, Cap Gemini)
> Blogs KM
> Blogs projet
> Blogs expression
(syndicat, association, ..)
> Blogs intranet
Les blogs
> En résumé : pourquoi ça marche ?
> Faible coût
> Facilité (déploiement, utilisation, …)
> Gestion automatique de l’information
- catégorie
- adresse permanente
- indexation minimale : auteur, date, titre, tag
> Services collaboratifs
- commentaires
- gestion droits utilisateurs
Les blogs
> En résumé : pourquoi ça marche ?
> Projets à cycle court :
- d’une ½ heure à ½ journée
> Logique de participation
> Acte valorisant de publication
Architecture de l’information hypertexte
> Au niveau d’un site
(0)
accueil
1
Activités
1-1
1-2
conseil
concepti
on
1-3
audit
1-4
Nos
atouts
2
Implantati
ons
2-1
En
France
2-2
Etran
ger
Du synthétique…
3
Notre
métier
3-1
Philos
ophie
3-3
Référenc
es
3-2
exemple
s
4
Hommes &
réseaux
4-1
Dirigea
nts
4-2
Comité
éthique
4-3
partenai
res
A
Contact
B
Mentions
légales
…vers l’exhaustif
C
Crédits
Architecture de l’information hypertexte
> Au niveau d’un site
Laisser voir ce qu’il y a en profondeur …
Importance des
micro-contenus
www.europarl.eu.int
www.liberation.fr
Architecture de l’information hypertexte
> Au niveau d’un texte
Who ? When ? Where ?
Why ? What ?
> La pyramide
inversée
+ Neuf
+ Important
+ Proche
+ général
+ détails
+ explicatif
Architecture de l’information hypertexte
> La pyramide inversée
(ex dépêche AFP)
Essentiel
(AFP) Mardi 16 novembre 2005
MONTPELLIER –Une école maternelle dans l’Hérault
endommagée par un incendie
Un incendie « non accidentel » a endommagé dans la nuit de
mardi à mercredi les locaux d’une école maternelle à Lunel
(Hérault); a-t-on appris auprès du groupement de
gendarmerie de Languedoc-Roussillon.
Cet incendie, « qui n’est pas accidentel » mais dont les
causes restaient indéterminées, a pris vers 22h30 et
endommagé des locaux qui ne sont pas des salles de class,
ce qui devrait permettre à l’école de rouvrir lundi, a-t-on
précisé.
Détail
La gendarmerie de la brigade territoriale de Lunel et la
brigade de rapprochement et d’investigation judiciaire à
Montpellier ont été chargées de l’enquête.
Architecture de l’information hypertexte
> Les 5 W
 Who
 When
 Where
 Why
 What
 Qui
 Quand
 Où
 Pourquoi
 Quoi
+
+
 How
 How Much
 Comment
 Combien
Remettons
la pyramide
à l’envers…
« le web 2.0 est juste un jargon » Tim Berners-Lee
J’ai été surpris par ce billet, résumant la pensée de Tim Berners Lee
(inventeur du concept « web 2.0 »). Son recul vis à vis du sujet, nous
laisse entrevoir une bulle, aussi instable que la première…
A l’aube d’une bulle internet 2.0, Tim Berners Lee remet les pendules
à l’heure dans une récente interview :
L’interviewer : "Vous savez, à propos du Web 2.0, une explication
fréquemment avancée est que le Web 1.0 consistait à connecter des
ordinateurs et à rendre l’information disponible. Le Web 2.0 lui
connecte les individus et facilite leur collaboration. Est-ce la façon
dont vous voyez le Web 2.0 ?"
Les bonnes pratiques
éditoriales sur le web
Les bonnes pratiques éditoriales pour le web
Si le séminaire durait 10 minutes…










Ecrire concis & faire court
Le web n’est pas le papier
Du synthétique vers l’exhaustif
L’essentiel toujours en premier
Une idée / paragraphe
Ne pas vouloir trop en dire
Mettre en relief
Penser à l’indexation
Contextualiser
Avoir la plus forte valeur d’usage (usability)
La titraille
Faire des titres informatifs
INFORMATIF
Georges Simenon est mort
INCITATIF
Maigret casse sa pipe
Les bonnes pratiques éditoriales pour le web
Aérer, donner du relief
> Intertitres
> Illustrations
> Tableaux
> Gras (éviter l’italique)
> Mise en exergue
(retrait, guillemet, fond de couleur,)
> Eviter la justification
> Découper en paragraphes
Les bonnes pratiques éditoriales pour le web
Ecrire multimédia
> Les photos
- recadrées sur détail
- avec apport informatif
- balises ALT et TITLE
- légendées
> Son : podcasting
> Vidéo
> Animation
Et surtout…
> Proposez des ressources complémentaires
(ex lemonde.fr)
Les bonnes pratiques éditoriales pour le web
Ecrire hypertexte
> Intitulé clair
> Pas de redondance
> Au sein du texte VS sur la droite
> Indiquer si pas HTML (PDF, etc…)
> Vers où je vais ?
> Utiliser l’infobulle
Les bonnes pratiques éditoriales pour le web
Attention au
registre !
> L’humour,
c’est moins risqué
à l’oral !