SAN Sénart 28 septembre 2006 Lieusaint

SAN Sénart28 septembre 2006

Lieusaint

Optimiser sa communication sur le web

[email protected]

Ce qui a changé avec Internet

Qu’est-ce qui a changé avec Internet

> Rapport à l’espace


> Rapport au temps

#1- Immédiateté

1 mn


> Rapport au temps

#2- Flux VS périodique


> Mode d’indexation

Dewey

TAGS


> Mode d’archivage

www.archive.org

2006 1997

http://www.archive.org/


> Rapport à l’information

Internet : centre de gravité


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


> Demande de valeur ajoutée

Les modes de lecture d’uncontenu multimédia

From Jean-Marc Hardy

http://www.redaction.be/

Les modes de lecture d’un contenu multimédia

> Recherche / Consommation


> Scanning / Reading

> 79 % des internautes lisent en diagonales> 16% lisent mot à mot


> Textes VS Images


> Lecture en « F »

From Jakob Nielsen

http://www.useit.com/alertbox/reading_pattern.html





From Laurent Goffin

http://www.gwix.net/web_gwix/article.asp?filID=233




From Laurent Goffin




> Les zones prioritaires


> A noter

> On lit 25 % moins vite à l’écran

> Les internautes scrollent

> Les internautes consultent plusieurs sites en même temps



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




> 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


> Au niveau d’un site

Du synthétique…


> Au niveau d’un siteLaisser voir ce qu’il y a en profondeur …

www.europarl.eu.int www.liberation.fr

Importance desmicro-contenus


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

http://www.sante.gouv.fr/

http://www.droits-femmes.gouv.fr/


> 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 : [email protected]

TELECHARGEMENT-Guide rando PDF- Carte France des pros

Blogs de vacances-La famille Moulinot en âne(vidéo MPEG 1,Mo)


> 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


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


> Au niveau d’un texte

> La pyramide inversée


> 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


> 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


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


> 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


> 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


> Soigner les micro-contenus

http://www.total.fr/

http://www.total.fr/

La titraille

Faire des titres informatifs

Georges Simenon est mort Maigret casse sa pipe

INFORMATIF INCITATIF

Evitons la langue de bois !(par pitié…)


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


> 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


> Un blog qu’est-ce que c’est ?

Un site web…

... composé d’articles

classés par date…

… et par catégories


> Un blog qu’est-ce que c’est ?

Un système de publicationsimplifié


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.

Documents

SAN Sénart 28 septembre 2006 Lieusaint