SAN Sénart 28 septembre 2006 Lieusaint

SAN Sénart28 septembre 2006

Lieusaint

Optimiser sa communication sur le web

joel@ronez.net

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 siteLe 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 siteLaisser 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 dossierType « 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

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

CLIC

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)

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

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

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

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 »

3) Social Software / Web 2.0

> Social Software : définitionOutils 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- …

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

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

> 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

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 RSSFlux RSS

> Compatibilité SMTP / RSS

RSS

SMTPSMTP

RSS

BlogsSite web

courrielcourriel

BlogsSite webmobile

Outils:> Outlook> Gmail> etc.