Annonce Mise en page : Pièges à éviter

Bonjour,
"Chacun fait ce qu'il veut sur son blog" on est bien d'accord !
Pour ceux qui souhaiteraient quelques infos de mise en page, voilà un récap (que je pourrais compléter dans le temps). Merci à Charivari,initiatrice efficace.

Axes de mise en page :

• Homogénéité : des titres, des liens, des polices : une ligne de conduite, sur tout le blog,
• Harmonie : des couleurs, des polices, des décorations : un "ensemble", où l'on se sent bien,
• Simplicité : pour le meilleur affichage quel que soit le navigateur, de Internet à Mozilla !

BANNIERES et DECORATIONS :

• éviter les bannières trop hautes : à l'heure des petits écrans, elles mangent la moitié de la page.
• éviter de multiplier les écritures/décorations qui clignotent et/ou qui bougent : l'oeil ne pas résister ! 2 ou 3 mouvements suffisent et seront d'autant plus appréciés.

COULEURS :

• éviter les couleurs très "lumineuses" (vert fluo ou jaune vif) sur les grandes surfaces : elles fatiguent l'oeil et gêne le visuel. 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 mais l'organisation des couleurs et/ou de leurs dégradés.
• éviter les couleurs de police lumineuse (blanc, jaune) sur fond très foncé : le contraste inversé est fatigant pour les yeux.
• éviter d'écrire en 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).

NAVIGATION :

• éviter les caractères trop petits, la nav doit être facile ;-)
• éviter les labyrinthes : l'internaute doit toujours savoir où il est ! Un retour à l'accueil possible évite... de fermer la fenêtre !
• éviter les complications : si votre menu vous semble évident, l'internaute n'est pas... dans votre monde !
• éviter les multiples formats de liens (des soulignés, des colorés, etc). La norme internet : texte souligné (bleu) = un lien. Si vous ne voulez pas souligner vos liens, choisissez UNE SEULE couleur pour un repérage plus facile. Et éviter de souligner trop de texte... pour ne pas le confondre avec un lien !

POLICES DE CARACTERES :

• éviter les polices trop petites (< 12 px) ou trop grosses (> 16) (sauf pour les titres)
• é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 les multiples formats de liens (des soulignés, des colorés, etc). La norme internet : texte souligné (bleu) = un lien. Si vous ne voulez pas souligner vos liens, choisissez UNE SEULE couleur pour un repérage plus facile. Et éviter de souligner du texte pour ne pas le confondre avec un lien !
• é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 gras, sauf si vraiment, ce texte est primordial.
• éviter d'écrire en rouge, c'est tout simplement... impoli.
• éviter de télécharger des polices : si elles ne sont pas sur l'ordinateur de l'internaute, il ne la verra pas et elle sera remplacée par une autre plus basique et donc moins jolie !

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 !