Pièges (de base) à éviter...

  BANNIÈRES et DÉCORATIONS :

- éviter les bannières trop hautes (trop larges en hauteur ;)  à l'heure des petits écrans, elles mangent la moitié de la page et obligent à jouer de la roulette à chaque changement de page :( 

- éviter de multiplier les écritures/décorations qui clignotent et/ou qui bougent de partout et dans tous les sens : l'œil ne va pas résister !!
2 ou 3  mouvements suffisent et seront d'autant plus appréciés.

 COULEURS :

- éviter les couleurs très/trop "lumineuses" (vert fluo, jaune vif) sur les grandes surfaces : elles fatiguent l’œil et gênent le visuel. Exemple de variété des coloris : Table des couleurs↗ 

- éviter les couleurs différentes en surnombre : 3 ou 4 au maximum pour une jolie harmonie. L'harmonie n'est pas le nombre de couleurs mais l'organisation des couleurs et/ou de leurs dégradés.

- éviter les couleurs de police trop lumineuse (blanc, jaune) sur fond trop foncé : le contraste inversé est fatigant pour les yeux.

- sauf pour alerter, éviter d'écrire en rouge vif, et encore moins en capitales rouge vif : c'est tout simplement... impoli :( 

 FORMATS et TAILLES :

- éviter les pages trop larges (plus de 1024 px) : la navigation sur petit écran devient vite... pénible !

- éviter les colonnes de texte trop larges : le retour (visuel) à la ligne n'est pas agréable. Il est dit qu'une colonne de texte ne devrait pas dépasser 15 cm (plus ou moins 750 px).

- côté "taille de polices de caractères" (voir plus bas)

 NAVIGATION :

- éviter les labyrinthes : l'internaute doit toujours savoir où il est ! Un lien pour un retour à l'accueil évitera de tout simplement... quitter la page !

- éviter les complications : si ton menu te semble évident, l'internaute n'est pas dans ton monde et encore moins dans ta tête !!

- éviter les multiples formats de liens (des soulignés, des colorés, etc.)
La norme internet veut qu'un texte bleu souligné = un lien.
Si tu ne veux pas souligner les liens, choisis UNE SEULE couleur pour tout ce qui est "lien" : le repérage sera plus facile.

- éviter de souligner trop de texte... pour ne pas le confondre avec les liens ;)

 POLICES DE CARACTÈRES :

- éviter les polices trop petites (< 12 px) ou trop grosses (> 16) (sauf pour les titres)  Même s'il suffit de faire "Control + roulette de souris" pour agrandir le visuel, ou le rétrécir dans le cas de pages trop larges.

- éviter d'avoir trop de polices différentes sur une même page : on s'y perd et le rendu n'est pas esthétique

- éviter d'écrire en majuscules, ça représente la colère (sauf pour les titres bien sûr)

- éviter d'écrire tout un texte en caractères gras, sauf si vraiment, ce texte est primordial.

- sauf pour alerter, éviter d'écrire en rouge, et encore moins en capitales rouge vif : c'est tout simplement... impoli  :(

- éviter de télécharger des polices : si elles ne sont pas sur l'ordinateur de celui qui vous lit, non seulement il ne la verra pas mais elle sera remplacée par une autre police, plus basique et donc moins jolie, voire avec des caractères bizarres ! 
 

 SONS :

- éviter la mise en route automatique d'un son ou d'un player : au bureau, c'est mal vu ;-)

- éviter d'obliger l'écoute : laissez le choix à l'internaute sinon il va refermer la page ! (je le sais : c'est ce que je fais !)

********************************

article d'origine déposé dans forum EB Truc & Astuces :
http://doc.eklablog.com/mise-en-page-pieges-a-eviter-topic10219↗