1 / 68

SAN Sénart 28 septembre 2006 Lieusaint

Optimiser sa communication sur le web. joel@ronez.net. SAN Sénart 28 septembre 2006 Lieusaint. 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.

niyati
Download Presentation

SAN Sénart 28 septembre 2006 Lieusaint

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Optimiser sa communication sur le web joel@ronez.net SAN Sénart 28 septembre 2006 Lieusaint

  2. Ce qui a changé avec Internet

  3. Qu’est-ce qui a changé avec Internet > Rapport à l’espace

  4. Qu’est-ce qui a changé avec Internet > Rapport au temps #1- Immédiateté 1 mn

  5. Qu’est-ce qui a changé avec Internet > Rapport au temps #2- Flux VS périodique

  6. Qu’est-ce qui a changé avec Internet > Mode d’indexation Dewey TAGS

  7. Qu’est-ce qui a changé avec Internet > Mode d’archivage 2006 1997 www.archive.org

  8. Qu’est-ce qui a changé avec Internet > Rapport à l’information Internet : centre de gravité

  9. Qu’est-ce qui a changé avec Internet > Demande de valeur ajoutée Services Contenu Transparence Valeur d’usage

  10. Qu’est-ce qui a changé avec Internet > Demande de valeur ajoutée • 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 communicationvers lequel il faut aller, en y renforçant sa crédibilité, avec ses valeurs Comportement : Réactivité – Simplicité - Usabilité

  11. Les modes de lecture d’un contenu multimédia From Jean-Marc Hardy

  12. Les modes de lecture d’un contenu multimédia > Recherche / Consommation

  13. Les modes de lecture d’un contenu multimédia > Scanning / Reading > 79 % des internautes lisent en diagonales > 16% lisent mot à mot

  14. Les modes de lecture d’un contenu multimédia > Textes VS Images

  15. Les modes de lecture d’un contenu multimédia > Lecture en « F » From Jakob Nielsenhttp://www.useit.com/alertbox/reading_pattern.html

  16. 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

  17. 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

  18. Les modes de lecture d’un contenu multimédia > Les zones prioritaires

  19. 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

  20. Architecture de l’information hypertexte

  21. 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

  22. Architecture de l’information hypertexte > Au niveau d’un site Le rubriquage structure le site

  23. Architecture de l’information hypertexte > Au niveau d’un site Du synthétique… (0) accueil 1 Activités 2 Implantations 3 Notre métier 4 Hommes & réseaux 4-1 Dirigeants 4-2 Comité éthique 2-1 En France 2-2 Etranger 1-1 conseil 1-2conception 3-1 Philosophie 3-2 exemples 4-3 partenaires 1-3 audit 1-4 Nos atouts 3-3 Références A Contact B Mentions légales …vers l’exhaustif C Crédits

  24. Architecture de l’information hypertexte > Au niveau d’un site Importance desmicro-contenus Laisser voir ce qu’il y a en profondeur … www.europarl.eu.int www.liberation.fr

  25. Architecture de l’information hypertexte> La logique dossier > Type « sommaire détaillé » LES RANDONNEES A PIED EN ANE DE BÂT Les chiffres clés >65 loueurs d’ânes en France>2 fédérations de professionnels Le principe Pendant une semaine, partez à la découverte de la nature avec un animal sympathique. L’âne, mode d’emploi Les conseils pour bâter correctement et organiser sa randonnée sans stresser. Pour en savoir plus… > Fédération ânes et randonnées > Dossier randonnée sur > Salon de la randonnée> Les assurances à avoir Les adresses de loueurs Toutes les coordonnées, région par région Dossier réalisé par Joël Ronez Mise en ligne le 10 Jan 2004 Dernière mise à jour : 07 juin 2004 Contact : joel@ronez.net Historique L’âne à travers les âges, ou histoire d’un incompris.

  26. Architecture de l’information hypertexte> La logique dossier • Type « chapô + pistes» LES RANDONNEES A PIED EN ANE DE BÂT Dossier réalisé par Joël Ronez Mise en ligne le 10 Jan 2004 Dernière mise à jour : 07 juin 2004 Contact : joel@ronez.net • 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 • TELECHARGEMENT • Guide rando PDF • - Carte France des pros • Blogs de vacances • La famille Moulinot en âne(vidéo MPEG 1,Mo)

  27. Architecture de l’information hypertexte > Au niveau d’une page From Xavier de Mazenod, Adverbe

  28. RUBRIQUAGE SUPERIEURparties principales du site (visible pendant toute la nav) SOUS – MENU + services APPROFON-DISSEMENT- encadré- téléchagts- illustrat° - liens- focus- dossiers- zoom…etc… CONTENU Who ? When ? Where ? Why ? What ? + important, récent + ancien, détaillé BAS DE PAGE : contact, plan du site

  29. Architecture de l’information hypertexte > Au niveau d’une page 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 From Xavier de Mazenod, Adverbe

  30. Architecture de l’information hypertexte > Au niveau d’un texte + Neuf + Important+ Proche Who ? When ? Where ? Why ? What ? > La pyramide inversée + général + détails + explicatif

  31. Architecture de l’information hypertexte > La pyramide inversée (ex dépêche AFP) Essentiel + Neuf + Important+ Proche (AFP) Mardi 16 novembre 2005 TITRE CHAPÔ TEXTE + général + détails + explicatif Détail

  32. Architecture de l’information hypertexte > La pyramide inversée (ex dépêche AFP) Essentiel (AFP) Mardi 16 novembre 2005 MONTPELLIER –Une école maternelle dans l’Hérault endommagée par un incendie 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. Détail

  33. Architecture de l’information hypertexte > Les 5 W • Who • When • Where • Why • What + • How • How Much • Qui • Quand • Où • Pourquoi • Quoi + • Comment • Combien

  34. Architecture de l’information hypertexte > 5 HP essentials > Qui êtes vous ? > Comment l’info est organisée ? > Comment obtenir de l’aide ? > Où sont les services ? > Quoi de 9 ?

  35. Les bonnes pratiques éditoriales sur le web

  36. Les bonnes pratiques éditoriales pour le web Si la formation durait 10 minutes… 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

  37. Les bonnes pratiques éditoriales pour le web et surtout… connaître son public - qui ? - à quel moment vient-il ? - que va-t-il chercher ? avoir la plus forte valeur d’usage (usability)

  38. Les bonnes pratiques éditoriales pour le web > La valeur d’usage (usability) > Possibilité d’utiliser facilement un dispositif > Interaction intuitive > Service rendu

  39. Les bonnes pratiques éditoriales pour le web > Soigner les micro-contenus Portes ouvertes chez Eurotronics Le 3 février 2005, la jeune société iséroise vous invite à découvrir sonlaboratoire CLIC Titre Accroche Chapô Texte 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

  40. La titrailleFaire des titres informatifs INFORMATIF INCITATIF Georges Simenon est mort Maigret casse sa pipe

  41. Les bonnes pratiques éditoriales pour le web Evitons la langue de bois !(par pitié…)

  42. Les bonnes pratiques éditoriales pour le web Utiliser des mots forts > 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

  43. Les bonnes pratiques éditoriales pour le web Aérer, donner du relief > Intertitres > Illustrations> Tableaux> Gras (éviter l’italique)> Mise en exergue (retrait, guillemet, fond de couleur,)> Eviter la justification> Découper en paragraphes

  44. Les bonnes pratiques éditoriales pour le web Ecrire multimédia > 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)

  45. Les bonnes pratiques éditoriales pour le web Ecrire hypertexte > 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

  46. Auto-évaluer son site

  47. Auto-évaluer son site Les 5 axes qualité > Qualité de visibilité > Qualité de perception> Qualité technique> Qualité du contenu> Qualité des services http://www.temesis.com/publications/auto-evaluation/

  48. Auto-évaluer son site Les 4 volets qualité des contenus > Qualité de présentation > Qualité du style> Qualité de la structure > Qualité de fond http://www.redaction.be/exemples/grilledecontrolequalite_aout_05.htm

  49. Référencement & visibilité

  50. 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

More Related