Communiquersur internet

Qu’est-ce qui en fait un média différent ?

Comment le mettre efficacement en œuvre ?

Est-ce qu’il y a une « écriture web » ?

Sujet controversé, entre le un peu et le énormément L’élément nouveau, « perturbateur » : l’hyperlien

Brise la linéarité Ouvre à de nouveaux comportements de lecture Abolit la réplication de l’information Se joue de toute contrainte physique

La contrainte de l’espace vole en éclat ! Avant on avait le bord de la page et la fin du journal…

Maintenant on doit s’imposer les limites

Beaucoup d’articles éclairants sur ce vaste sujet dans www.redaction.be

Tentative de penser quelques règles,à partir de quelques constats

Les temps de lecture sont à priori courts Penser des contenus à plusieurs détente : titre, chapeau, résumé, développement, sommaire, liens intra, document à télécharger…

http://www.etopia.be/article.php3?id_article=326

Tentative de penser quelques règles,à partir de quelques constats

L’entrée dans le site ne se fait pas nécessairement par la porte(lien dans un résultat Google par exemple) Nécessité de structurer CHAQUE page de façon à pouvoir identifier le site, situer l’article dans l’arborescence et poursuivre la navigation. Il ne doit jamais y avoir de zones à l’abandon. Pensez toujours que ça peut être le premier contact avec le site… et donc avec vous !

Tentative de penser quelques règles,à partir de quelques constats

Le zapping est très facile Le site doit créer rapidement un sentiment de clarté et installer une ambiance dans laquelle le lecteur va vouloir rester.

Clarté : menus soignés, bannière sobre, page pas trop chargée

Ambiance : couleurs harmonieuses, cohérence (images -/- texte p.ex.), adéquation au type de contenu

Ce qui rend un site ch…..

L’absence de hiérarchie (je ne sais pas par où commencer… et donc je ne commence pas !)

L’effet de labyrinthe (j’ai cliqué, mais où suis-je donc ?) La surcharge (bandeaux publicitaires, layout lourd,

couleurs oppressantes, pages à scroller dans les 2D…) Les gadgets (musique à la noix, animation lourdingue…) L’absence d’illustration La lenteur d’affichage_

Je suis classique mais je me soigne

On peut viser l’originalité et faire sauter les usages, mais cela doit coller à un objectif en terme de communication : surprendre, se distinguer, provoquer, laisser une trace… Ça ne doit pas être gratuit.

Exemple d’originalité cohérente : http://carton.o-rg.org

Lorsque les objectifs en terme de communication sont : crédibiliser, rassurer, convaincre… je préconise des choix classiques dans la mise en page.

Vous voulez aussi vous distinguer et être dans le vent ? Alors adoptez un layout frais, un style d’écriture tonique, un choix d’images attirant… mais une navigation classique.

Ex. réussi… http://www.yuluka.com/Public/Website.php

Je suis classique mais je me soigne

Une navigation classique ? (exemple)

Une bannière efficace(éviter le bla bla : un logo, un slogan !)

Un menu de 1er niveau (max 5-6 items)

Le texte

Les mentions légales, about et autres

Menu de second niveau

(didactique svp !)

Liens utiles*accroche

accroche

accroche

*Plan du site, recherche, contact, imprimer…

Conseil : tester sur un écran trop petit

Une bannière efficace(éviter le bla bla : un logo, un slogan !)

Un menu de 1er niveau (max 5-6 items)

Le texte

Les mentions légales, about et autres

Menu de second niveau

(didactique svp !)

Liens utilesaccroche

accroche

accroche

L’essentiel est visible !

L’essentiel est visible !

Bref…

Une mise en page classique à l’avantage de mettre rapidement à l’aise l’internaute, lui donner le sentiment d’un lieu familier

Elle a l’inconvénient de ne pas assez se distinguer, de ne pas frapper assez la mémoire visuelle

Sauf si… vous réussissez la synthèse !

Choix de la taille d’écran : débat en constante évolution

Chiffres au 27/01/2006 Échantillon de +100.000 internautes belges entre

01/11/05 et 26/01/06 Inférieur à 800 px : 0,1 % 800 px : 15,3 % 1024 px : 56% Supérieur à 1024 px : 28,6 %

Voir stat en annexe (stat_www.pdf)

Sans hésiterSans hésiter

Les goûts et les couleurs

Partir de votre charte graphique (couleurs de base + décliner)

Ex. Ecolo : www.ecolo.be/logos Tester sur plusieurs écrans (attention LCD) Se faire aider : ressources en lignes (p.ex.

http://pourpre.com/outils/chromafiltre.php , http://wellstyled.com/tools/colorscheme2/index-en.html , http://colourlovers.com

Tester sur quelques personnes !

Choix des polices

Le choix est très limité, sauf si l’on veut courir le risque de la substitution (si la police n’est pas présente, le browser en utilise une autre… Risqué)

Titres, menus, accroches : sans empattement. Arial, Geneva, Verdana

Texte continu : empattement possible. Georgia, Times.

Et en vrac, faute de temps !

Images (taille, définition, etc) Accessibilité Rapidité d’affichage Scroll ou liens en cascade ? Les droits de l’internet