joël ronez [cup of tea] blog.ronez.net [email protected] Écriture & nouveaux supports hypertexte,...
TRANSCRIPT
joël ronez[Cup Of Tea][email protected]
Écriture & nouveaux supportsHypertexte, flux, & autres hasards de l’écosystème numérique
1er et 5 décembre 2006Paris
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
www.archive.org
2006 1997
Qu’est-ce qui a changé avec Internet
> Demande de valeur ajoutée
ServicesContenuTransparenceValeur d’usage
> Possibilité d’utiliser facilement un dispositif
> Interaction intuitive
> Service rendu
Qu’est-ce qui a changé avec Internet
> La valeur d’usage (usability)
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
> Demande de valeur ajoutée
1 > Les militaires2 > L’élite technico-scientifique académique3 > Les programmeurs4 > Les communautés virtuelles5 > Les entrepreneurs
6 > Les opérateurs de symboles
Qu’est-ce qui a changé avec Internet
> Les 6 cultures d’Internet
http://zeroseconde.blogspot.com/2006/09/les-6-cultures-dinternet.html
Les modes de lecture d’uncontenu 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 le contenu profond -dans le temps-dans l’arborescence
Vers les ressources externes
L’écriture multimédia est hypertexte
> Renseigner ses liens
L’écriture multimédia est
structurée
Flux RSS Real Simple Syndication
> Un nouveau format d’échange d’information
Blog
contentOther Blogs & sites
content
Feed aggregator(software)
content
Blog search engines(technorati, google blog search..)
Flux RSS
> Qui diffuse en RSS ?Flux RSS
> Tous les blogs
> Certains sites web (presse, ministères, …)
> Moteurs spécialisés(technorati, …)
> Qu’est-ce qu’on diffuse ?Flux RSS
> Entête, résumé
> Contenu complet
> Images
> Son -> Podcasting > Vidéo -> Videocasting VS Broadcasting
Sur le blog
Via un agrégateur
> Comment les lire ?Flux RSS
> Navigateurs(Mozilla, plug-ins)
> Agrégateurs en lignes
> Agrégateurs desktop
> « Sites 2.0 » (Netvibes, Google perso)
Feeddemon,NewsNetWire
> Evolution du RSS :Flux RSS
Compatibilité SMTP / RSS
RSS
SMTPSMTP
RSS
BlogsSite web
courrielcourriel
BlogsSite webmobile
Outils:> Outlook> Gmail> etc.
> Spectre étendu : 700 fils RSS / heure
RSS & veille
> Gains quantitatifs
> 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
Yossi VardiICQ
« What is the killer application ?
The killer application is the people »
Premier âge de l’Internet : -> Adaptation au media
Deuxième âge :-> Ére du partage
Ce qui compte n’est plus de détenir une information, mais de savoir la partager
Nouvelles sociabilitésNouveaux codesNouvelle cultureNouveaux outils
> Encore un changement d’ère ?Social Software / Web 2.0
> Blogs & social software
TCP/IP On connecte des ordinateurs
Internet On connecte des réseaux
HTML On connecte des contenus
Blogs… On connecte des gens
Tribute to Joi Ito
Social Software / Web 2.0
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
Social Software
[…]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
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
Tag cloud
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 personnalisablesde 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
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
Web 1.0 Web 2.0
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 ?
Nous sommes tous des créateurs de contenus
La frontière entre correspondance, publication, collaboration et discussion disparaît
> Conclusion > Tendances 2006Social Software / Web 2.0
David SifryTechnorati CEO
www.technorati.com
« The web is not about “pages”, it’s about people communicate to each other.
The web is a conversation stream.
And hyperlink it’s not a link between document, but a form of social gesture »
Social Software / Web 2.0
David SifryPDG Technorati
www.technorati.com
« Arrêtons de parler de pages, à propos du web
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 BookmarkingPartage de bookmarks(ex www.blogmarks.net)
Social networkingPartage de contacts(ex www.linkedin.com)
WIKIPartage de contenu(ex. www.wikipedia.org)
blogsPartage d’expérience, d’opinions, etc.
- idées- informations- opportunités- connaissance- contacts- …
Social Software / Web 2.0
> Le wiki : définition
Un site web dynamique permettant à tout individu d’en modifier les pages à volonté
Social Software / Web 2.0
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 rapprochentde la promesse originelle du web, dans la mesure où ils sont le premier outil qui arendu facile -ou au moins simplifié- l'action de publier sur le web".
> 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 publicationsimplifié
Les blogs
Les retroliens
Les « feed » RSS
Les permaliens
Les commentaires
> Les nouveautés de formatLes blogs
un ton et un contenu informel
un format court et concis
un grande sensibilité à l’actualité
> Les nouveautés de contenuLes blogs
Les « blogrolls » prolongentla visite et incluent le blog dans une communauté
> Une interconnexionLes 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 corporateLes 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
Les blogs
(0)accueil
1-1
conseil
4-1Dirigea
nts
2-1En
France
4-2Comité éthique
1-2
conception
1-4Nos
atouts
2-2Etranger
3-1Philosophie
1-3audit
1Activités
4-3partenai
res
3-2exemple
s
3-3Référenc
esA
Contact
BMentions légales
CCrédits
2Implantati
ons
3Notre métier
4Hommes &
réseaux
…vers l’exhaustif
Architecture de l’information hypertexte
> Au niveau d’un site
Du synthétique…
Architecture de l’information hypertexte
> Au niveau d’un site
Laisser voir ce qu’il y a en profondeur …
www.europarl.eu.int
www.liberation.fr
Importance desmicro-contenus
+ Neuf + Important+ Proche
+ général+ détails+ explicatif
Who ? When ? Where ? Why ? What ?
Architecture de l’information hypertexte
> Au niveau d’un texte
> La pyramide inversée
Architecture de l’information hypertexte
> La pyramide inversée(ex dépêche AFP)
Essentiel
Détail
(AFP) Mardi 16 novembre 2005
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é.
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.
MONTPELLIER –Une école maternelle dans l’Hérault endommagée par un incendie
Architecture de l’information hypertexte
> Les 5 W
Who When Where Why What
+ How How Much
Qui Quand Où Pourquoi Quoi
+ 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
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)
Si le séminaire durait 10 minutes…
Les bonnes pratiques éditoriales pour le web
La titraille
Faire des titres informatifs
Georges Simenon est mort Maigret casse sa pipe
INFORMATIF INCITATIF
Aérer, donner du reliefLes bonnes pratiques éditoriales pour le web
> Intertitres> Illustrations> Tableaux> Gras (éviter l’italique)> Mise en exergue (retrait, guillemet, fond de couleur,) > Eviter la justification> Découper en paragraphes
Ecrire multimédiaLes bonnes pratiques éditoriales pour le web
> 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)
Ecrire hypertexteLes bonnes pratiques éditoriales pour le web
> 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
Attention au registre !
Les bonnes pratiques éditoriales pour le web
> L’humour, c’est moins risqué
à l’oral !