12 juin 2007 Poitiers La communication sur Internet enjeux & usages joel@ronez.net

12 juin 2007Poitiers

La communicationsur Internetenjeux & usages

joel@ronez.net

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’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

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 : joel@ronez.net

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 : joel@ronez.net

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