12 juin 2007 poitiers la communication sur internet enjeux & usages [email protected]
TRANSCRIPT
12 juin 2007Poitiers
La communicationsur Internetenjeux & usages
Ressources sur ce séminaire :
http://ronez.typepad.com/seminaire/
Introduction
Joël Ronez
> Qui suis-je ?
Joël Ronez35 ans
[Cup Of Tea]Contenu éditorial& nouveaux médias
A paraître :« Communiquer sur Internet Le contenu éditorial on-line »(ed. CFPJ – mai 2007)
Introduction :10 ans d’Internet en France
Une décennie d’Internet en France
> 10 ans = 10 millions d’internautes
Foyers connectés :
96 : 95 000 2006 : 9 911 000
X 100
10 ans d’Internet en France
> 10 ans = 6 ans + 1 an + 3 ans
6 ans : Internet émerge et séduit 1 français / 4
Charnière
ADSL
Source : Médiamétrie, 10 ans d’Internet en France / colloque
10 ans d’Internet en France
> Classement cyber-eStatsMai 2006 / médiamétrie
10 ans d’Internet en France
> Classement cyber-eStatsMai 2007 / médiamétrie
> Le web n’est plus un outil informatique> Nous sommes tous
des créateurs de contenus> La frontière entre correspondance
et publication a disparu> La notion de confidentialité est à réinventer> Quelle est votre identité numérique ?
> Tendances 200710 ans d’Internet en France
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
> Rapport à l’information
Internet : centre de gravité
Qu’est-ce qui a changé avec Internet
> Demande de valeur ajoutée
ServicesContenuTransparenceValeur d’usage
Plus grande attente public- public moins indulgent, moins patient, plus averti
Besoin de réactivité / immédiateté
Besoin de services
Existence d’un nouveau territoire de communication vers lequel il faut aller, en y renforçant sa crédibilité, avec ses valeurs
Comportement :Réactivité – Simplicité - Usabilité
Qu’est-ce qui a changé avec Internet
> Demande de valeur ajoutée
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
Architecture de l’information hypertexte
Architecture de l’information hypertexte
> Au niveau d’un site
7 clés d’organisation du contenu :
> Alphabétique> Géographique> Thématique> Typologique> Chronologique> Orienté action> Orienté audience
RUBRIQUAGE
From Jean-Marc Hardy
Architecture de l’information hypertexte
> Au niveau d’un site
Le rubriquage structure le site
(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
Architecture de l’information hypertexte
> La logique dossier
> Type « sommaire détaillé »
LES RANDONNEES A PIED EN ANE DE BÂT
Le principePendant une semaine, partez à la découverte de la nature avec un animal sympathique.
L’âne, mode d’emploiLes conseils pour bâter correctement et organiser sa randonnée sans stresser.
Les adresses de loueursToutes les coordonnées, région par région
Les chiffres clés>65 loueurs d’ânes en France>2 fédérations de professionnels
Pour en savoir plus…> Fédération ânes et randonnées> Dossier randonnée sur > Salon de la randonnée> Les assurances à avoir
HistoriqueL’âne à travers les âges, ou histoire d’un incompris.
Dossier réalisé par Joël Ronez Mise en ligne le 10 Jan 2004
Dernière mise à jour : 07 juin 2004Contact : [email protected]
Architecture de l’information hypertexte
> La logique dossier
Type « chapô + pistes»
LES RANDONNEES A PIED EN ANE DE BÂT
La randonnée en âne bâté est en plein essor. Surfant sur la vague des sports de plein air, les professionnels se sont organisés en fédération et proposent de nombreux circuits partout en France.Nous avons regroupé pour vous les ressources pour préparer ses vacances.
Les chiffres clés Témoignages L’âne, mode d’emploi Les adresses Les choses à savoir
Pour en savoir plus…> Fédération ânes et randonnées> Dossier randonnée sur > Salon de la randonnée> Les assurances à avoir
Dossier réalisé par Joël Ronez Mise en ligne le 10 Jan 2004
Dernière mise à jour : 07 juin 2004Contact : [email protected]
TELECHARGEMENT-Guide rando PDF- Carte France des pros
Blogs de vacances-La famille Moulinot en âne(vidéo MPEG 1,Mo)
Architecture de l’information hypertexte
> Au niveau d’une page
From Xavier de Mazenod, Adverbe
+ important, récent
+ ancien, détaillé
Who ? When ? Where ? Why ? What ?
RUBRIQUAGE SUPERIEURparties principales du site (visible pendant toute la nav)
SOUS – MENU +
services
CONTENU APPROFON-DISSEMENT
- encadré- téléchagts- illustrat°
- liens- focus
- dossiers- zoom…
etc…
BAS DE PAGE : contact, plan du site
Architecture de l’information hypertexte
> Au niveau d’une page
From Xavier de Mazenod, Adverbe
Chaque page est une page d’accueil
> Via les moteurs, le visiteur entre par n'importe quelle page
> Contextualiser : lui donner les moyens de se repérer(charte graphique, titraille, chapôs, illustration, cohérence, …)
> Dater les publications & actualisations
+ 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)
+ Neuf + Important+ Proche
+ général+ détails+ explicatif
Essentiel
Détail
(AFP) Mardi 16 novembre 2005
CHAPÔ
TEXTE
TITRE
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
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 ?"
Architecture de l’information hypertexte
> Les 5 W
Who When Where Why What
+ How How Much
Qui Quand Où Pourquoi Quoi
+ Comment Combien
> Qui êtes vous ?
> Comment l’info est organisée ?
> Comment obtenir de l’aide ?
> Où sont les services ?
> Quoi de 9 ?
Architecture de l’information hypertexte
> 5 HP essentials
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, un concept / page Ne pas vouloir trop en dire Mettre en relief Penser au référencement Contextualiser
Si la formation durait 10 minutes…
Les bonnes pratiques éditoriales pour le web
connaître son public
- qui ?- à quel moment vient-il ?- que va-t-il chercher ?
avoir la plus forte valeur d’usage (usability)
et surtout…
Les bonnes pratiques éditoriales pour le web
Les bonnes pratiques éditoriales pour le web
> La valeur d’usage (usability)
> Possibilité d’utiliser facilement un dispositif
> Interaction intuitive
> Service rendu
Titre Accroche Chapô Texte
Portes ouvertes chez Eurotronics
Le 3 février 2005, la jeune société iséroise vous invite à découvrir sonlaboratoire
CL
IC
Portes ouvertes chez Eurotronics
Leader des systèmes de vision, l’entreprise d’Echirolles organise une journée d’informationet de démonstration. L’occasion de découvrirle contrôle qualité au guidage de robot en passant par la lecture et la vérification optique.
TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE
Les bonnes pratiques éditoriales pour le web
> Soigner les micro-contenus
La titraille
Faire des titres informatifs
Georges Simenon est mort Maigret casse sa pipe
INFORMATIF INCITATIF
Evitons la langue de bois !(par pitié…)
Les bonnes pratiques éditoriales pour le web
Utiliser des mots fortsLes bonnes pratiques éditoriales pour le web
> Eviter l’écriture automatique, qui engendre des expressions toutes faites
> Eviter les lieux communs
> Chercher le mot précis, juste
Eviter les pièges
> Traquer les erreurs et pièges courants
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
> Son : podcasting> Vidéo (stream plutôt de download)> Animation (penser aux plug-in)
Et surtout…
> Proposez des ressources complémentaires(ex lemonde.fr)
L’écriture multimédia est
hypertexte
> La culture du fragment
> Vers l’intérieur et l’extérieur
Vers le contenu profond -dans le temps-dans l’arborescence
Vers les ressources externes
> Renseigner ses liens
Ecrire hypertexteLes bonnes pratiques éditoriales pour le web
> Environ 7 liens par page
> Couleur différente
> 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
L’écriture multimédia est
structurée
Flux RSS Real Simple Syndication
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)
> Moteurs (technorati)
> Agrégateurs en lignes
> Agrégateurs desktop
> Applications ASP en ligne (Netvibes)
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
Auto-évaluer son site
Les 5 axes qualitéAuto-évaluer son site
http://www.temesis.com/publications/auto-evaluation/
> Qualité de visibilité
> Qualité de perception
> Qualité technique
> Qualité du contenu
> Qualité des services
Les 4 volets qualité des contenusAuto-évaluer son site
http://www.redaction.be/exemples/grilledecontrolequalite_aout_05.htm
> Qualité de présentation
> Qualité du style
> Qualité de la structure
> Qualité de fond
Référencement & visibilité
Référencement & visibilité
> Les critères de référencement
> Contenu- fréquence des mots, titres,
> Noms de domaines, fichiers, répertoires
> Les META & TITLE
> Les liens entrants, ou IPP
Page Rank
L’innovation Internet est dans le grand public
> L’innovation Internet est
dans le grand public
> L’innovation Internet est
dans le grand public> Les individus inventent des usages (mashups ou « salade numérique »)
> Les individus participent et publient du contenu
> Les individus s’organisent en groupes sociaux informels ou structurés, pour : loisirs, conso, intérêts, …
Web 2.0
> pendant ce temps dans l’entreprise…
Les outils de l’entreprise ne sont
plus adaptés aux usages(et aux besoins)
François Nonnenmacher
Padawan.info
• Phase du développement d‘Internet où les décideurs ont découvert qu'une fraction conséquente et croissante de la population s'en sert effectivement dans la vie quotidienne.
• Il ne s’agit pas de technologie, mais de la découverte temporelle de l’usage social du web
Définitions croisées : www.deuxzero.com
> WEB 2.0
François Nonnenmacher
Padawan.info
• Phase du développement d‘Internet où:
> le PDG a découvert le web 2.0, et il veut son blog sur le champ
>le stagiaire skyblogueur découvre sonposte de travail, et demande où sont les blogs
> le responsable intranet et le DSI sontdans un bateau...
> Intranet 2.0
• les outils sont verrouillés
• les SI ont perdus la capacité à répondre à des demandes simples
• les SI ont perdu la confiance des autres services
• les déploiements se font toujours sur des cycles longs
• les projets CMS sont coûteux
• on veut toujours tout centraliser
> problèmes
Prenons le parti de « l’infobésité »
« infobésité »
> Conduite à tenir
> Renoncer à rationaliser
> Laisser les gens organiser eux-mêmes leurs outils
> travailler sur les moyens alternatifs d’indexation et de classification
> travailler sur des projets à cycles courts
> renoncer à tout rendre interdépendants
> oublier le ROI et l’amortissement des outils
Les gens ne sont pas des techos…
> On n’est pas des geeks…
Publier et gérer des publications est aussi simple que d’envoyer un mail
PowerToolsTo ThePeople !!!
PowerToolsTo ThePeople !!!
> WEB 2.0
François Nonnenmacher
Padawan.info
• Phase du développement d‘Internet où les décideurs ont découvert qu'une fraction conséquente et croissante de la population s'en sert effectivement dans la vie quotidienne.
• Il ne s’agit pas de technologie, mais de la découverte temporelle de l’usage social du web
Définitions croisées : www.deuxzero.com
> WEB 2.0
François Nonnenmacher
Padawan.info
•Création ou transposition de conventions et contextes sociaux par le biais de logiciels et de technologies (social software)
http://en.wikipedia.org/wiki/Social_computing
> « Social computing »
Social Software / Web 2.0
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
> Web 2.0
Piqué chez Fred Cavazza www.fredcavazza.net
> Web 2.0
2 aspects principaux :
> Interfaces riches, interactivité
> Participation des individus qui fournissent du contenu
> Caractéristiques service Web 2.0
> Simplicité de création profil
> Caractéristiques service Web 2.0
> Personnalisation de l’interface
> Caractéristiques service Web 2.0
> Auto-indexation -> tags
Tag cloud
> Caractéristiques service Web 2.0
> Espace privé / partagé / public
> Caractéristiques service Web 2.0
> Communauté qui valide
> Caractéristiques service Web 2.0
> Différents formats personnalisablesde diffusion
> RSS / XML -> Syndication & agrégation
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 : 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’information(ex. http://ronez.typepad.com/interactivite)
- idées- informations- opportunités- connaissance- contacts- …
TAGS
Derniers bookmarks
Navigation par TAG et PSEUDO
www.blogmarks.net
-Le contenu est ouvert et partagé-Les pseudos et tags sont utilisés en pivot de navigation-On peut récupérer les bookmarks de quelqu’un
Les liens bookmarkés par plusieurs personnes ont plus de poids
> social bookmarking
> Le wiki : définition
Un site web dynamique permettant à tout individu d’en modifier les pages à volonté
> Qu’est-ce qu’un blog ?
Le premier format éditorial né du web
Social Software / Web 2.0
> Un blog qu’est-ce que c’est ?
Un site web…
... composé d’articles
classés par date…
… et par catégories
Social Software / Web 2.0
> Un blog qu’est-ce que c’est ?
Un système de publicationsimplifié
Social Software / Web 2.0
Les retroliens
Les « feed » RSS
Les permaliens
Les commentaires
> Les nouveautés de formatSocial Software / Web 2.0
un ton et un contenu informel
un format court et concis
un grande sensibilité à l’actualité
> Les nouveautés de contenuSocial Software / Web 2.0
> 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
(PME: ex AGOSPAP)
> Ecrire pour un blog
http://www.redaction.be/exemples/ecrire_pour_les_blogs_mai_06.htm
> Une écriture libre
> Le billet comme unité d’information
> Ouverture au monde
> Passion, personnalité, impertinence
> 7 conseils
> Respectez la thématique> Exprimez vous librement> Séduisez vos lecteurs> Soyez exacts et de bonne foi> Voyez large !> Ne trahissez pas de secrets> Pensez interactif
> 7 bonnes pratiques pour que ça marche…
1 > Respecter le format et son état d’esprit
2 > Former tous les utilisateurs (1h suffit)
3 > Constituer un comité éditorial de blog
4 > Adopter une charte de publication
5 > Ne pas censurer ni polémiquer, dialoguer
6 > Montrer l’exemple
7 > Donner des consignes rédactionnelles