Atelier FROTSI AMÉLIORER SON SITE INTERNET : CONTENUS, GRAPHISME, ERGONOMIE, REFERENCEMENT
ARDESI Midi-Pyrénées <ul><li>ARDESI, Agence Régionale pour le Développement de la Société de l’Information en Midi-Pyrénée...
Les contenus <ul><li>Deux types de contenus essentiels : </li></ul><ul><li>de l’information, </li></ul><ul><li>de la séduc...
Graphisme, ergonomie Le webdesign fonctionne par mode : un site dont le graphisme n’a pas évolué depuis deux à trois ans e...
Quelques exemples récents http://www.tourisme-montreal.org/Accueil /
Quelques exemples récents http://www.tourismebelgique.com/
Quelques exemples récents http://www.calvados-tourisme.info/
Quelques exemples récents http://www.lyon-france.com/
Quelques exemples récents La maquette du site de Conques
Ecrire pour internet <ul><li>C’est écrire pour l’internaute … </li></ul><ul><li>le séduire ? l’informer ? le faire rire ? ...
Ecrire pour internet <ul><li>…  mais aussi pour le moteur de recherche ! </li></ul><ul><li>le moteur calcule un taux de ré...
Des outils, fonctionnalités à ajouter <ul><li>Créer une brochure en ligne avec  Calaméo , </li></ul><ul><li>Créer des diap...
http://www.slideshare.net/dublanchet
Prochain SlideShare
Chargement dans…5
×

Atelier Frotsi après-midi

1 141 vues

Publié le

Intervention dans la cadre du programme de formation 2008 de la Fédération Régionale des offices de Tourisme et Syndicats d'Initiative de Midi-Pyrénées.

0 commentaire
1 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
1 141
Sur SlideShare
0
Issues des intégrations
0
Intégrations
8
Actions
Partages
0
Téléchargements
13
Commentaires
0
J’aime
1
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Atelier Frotsi après-midi

  1. 1. Atelier FROTSI AMÉLIORER SON SITE INTERNET : CONTENUS, GRAPHISME, ERGONOMIE, REFERENCEMENT
  2. 2. ARDESI Midi-Pyrénées <ul><li>ARDESI, Agence Régionale pour le Développement de la Société de l’Information en Midi-Pyrénées est une association créée à l’initiative du Conseil Régional. </li></ul><ul><li>Nos missions sont les suivantes : </li></ul><ul><li>observer le développement de la société de l’information, </li></ul><ul><li>sensibiliser les acteurs régionaux aux usages et services des technologies de l’information et de la communication, </li></ul><ul><li>accompagner les porteurs de projets dans leurs démarches. </li></ul>
  3. 3. Les contenus <ul><li>Deux types de contenus essentiels : </li></ul><ul><li>de l’information, </li></ul><ul><li>de la séduction. </li></ul><ul><li>Quels objectifs : </li></ul><ul><li>rendre l’information séduisante, </li></ul><ul><li>rendre la séduction informative. </li></ul><ul><li>Des contenus mutualisés, au sein de bases de données </li></ul><ul><li>Des contenus créés et/ou « webiser » à partir d’outils en ligne </li></ul><ul><li>Des contenus créés par les internautes </li></ul>
  4. 4. Graphisme, ergonomie Le webdesign fonctionne par mode : un site dont le graphisme n’a pas évolué depuis deux à trois ans est démodé : cela se voit, et l’internaute le voit, donnant à la prestation, au territoire une image surannée. La séduction est essentielle, les formats de compression, les connexions autorisent de plus en plus à insérer du multimédia à l’intérieur même de la charte graphique. L’ergonomie, au contraire, fonctionne sur l’étude du comportement des internautes, et de leur cerveau ! Elle conditionne une plus ou moins bonne expérience sur le site, sa navigation et donc la poursuite ou l’arrêt de la découverte.
  5. 5. Quelques exemples récents http://www.tourisme-montreal.org/Accueil /
  6. 6. Quelques exemples récents http://www.tourismebelgique.com/
  7. 7. Quelques exemples récents http://www.calvados-tourisme.info/
  8. 8. Quelques exemples récents http://www.lyon-france.com/
  9. 9. Quelques exemples récents La maquette du site de Conques
  10. 10. Ecrire pour internet <ul><li>C’est écrire pour l’internaute … </li></ul><ul><li>le séduire ? l’informer ? le faire rire ? Un peu des trois… </li></ul><ul><li>concis et précis, on lit 30% moins vite sur écran </li></ul><ul><li>ce n’est pas de la littérature, plutôt du journalisme : </li></ul><ul><ul><li>pyramide inversée : titre, accroche, développement, infos complémentaires, infos accessoires, contact </li></ul></ul><ul><ul><li>les six questions : qui, quoi, où, quand, comment, pourquoi </li></ul></ul><ul><li>l’écriture comprend aussi les images, le son, le web devient sensoriel </li></ul><ul><li>faire des phrases simples et courtes : sujet, verbe, complément </li></ul><ul><li>raconter une histoire pour faire passer le message, comme les séries ! </li></ul><ul><li>titres accrocheurs, 30 caractères max (3 à 6 mots) </li></ul><ul><li>Vigilance sur la forme, comme sur le fond ! </li></ul>
  11. 11. Ecrire pour internet <ul><li>… mais aussi pour le moteur de recherche ! </li></ul><ul><li>le moteur calcule un taux de répétition des mots clés (6% minimum) </li></ul><ul><li>le moteur attribue une importance plus élevée aux mots dans des polices plus grandes, en gras (d’où l’importance des titres) </li></ul><ul><li>Au-delà du titre de la page, des adresses url de vos pages, de la politique de liens, des balises alt et nom de vos photos, de tous les éléments techniques de création influant sur le référencement de votre site, le texte que vous y insérerez aura également une importance cruciale ! </li></ul><ul><li>La difficulté consiste bien à écrire pour ces deux publics aux attentes très différentes ! </li></ul>
  12. 12. Des outils, fonctionnalités à ajouter <ul><li>Créer une brochure en ligne avec Calaméo , </li></ul><ul><li>Créer des diaporamas photos avec Flickr , Goodwidget </li></ul><ul><li>Intégrer des films à partir des plates-formes Youtube et Dailymotion </li></ul><ul><li>Créer sa carte interactive avec Google Maps (et s’y référencer) </li></ul><ul><li>Intégrer la météo </li></ul><ul><li>Créer des sondages avec 123Votez , Wufoo </li></ul><ul><li>… </li></ul><ul><li>Visite en ligne du widgetolab, qui recense des modules embarquables pour les sites internet : </li></ul><ul><li>http://widgetolab.weebly.com </li></ul>
  13. 13. http://www.slideshare.net/dublanchet

×