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

    "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é : titres, liens, polices : une ligne de conduite sur le blog (le plus souvent)
    ---> Harmonie : couleurs, polices, déco = un "ensemble" où l'on se sent bien,
    ---> Simplicité : pour le meilleur affichage, quel que soit le navigateur utilisé (Internet, Firefox Mozilla, Chrome, etc.)

     

     
    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 de partout : 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 "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 (nouvelle fenêtre)

    - é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 trop 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 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 et encore moins dans votre tête !

    - éviter les multiples formats de liens (des soulignés, des colorés, etc.).
    La norme internet : texte bleu souligné = un lien.
    Si vous ne voulez pas souligner vos liens, choisissez UNE SEULE couleur pour un repérage plus facile.

    - éviter de souligner trop de texte... pour ne pas le confondre avec un lien !

     

    POLICES DE CARACTÈRES :

    - é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 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 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 ! 
     

     

    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 !

     

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

    déposé dans forum EB Truc & Astuces :

    http://doc.eklablog.com/mise-en-page-pieges-a-eviter-topic10219

     


  • Commentaires

    1
    Lundi 24 Novembre 2014 à 11:20

    Bonjour Pipiou

    Je me suis perdu, mais contente de découvrir un nouveau blog pour moi !
    J'ai un problème avec ma page d’accueil, et je cherche une solution, mais je me perds un peu beaucoup sur le forum.
    Bonne journée
    Nathalie

    2
    Mercredi 3 Décembre 2014 à 04:57

    Bonjour,

    Merci pour ces informations, comme je suis nul il est certain que cela m'aidera !

    excellente journée

    3
    Mardi 3 Février 2015 à 13:07

    bonjour,

    bonne idée toutes ces informations pour les novices.

    Une peite remarque : je pense que l'on peut désormais  passer à une largeur de blog de 1300 pixels environ. C'est le standard des écrans 15 pouces. 

     

    dominique

    4
    Dimanche 8 Février 2015 à 11:04

    merci  !

    (et pardon pour le retard ;-)

    @ LMPT73 : c'est sûr que si on avait tous des écrans de la même taille, ça serait beaucoup plus simple  he

    ajoute à ça la navigation sur tablettes (de différentes tailles aussi)  et je parle pas des smartphones !

    dur dur d'arriver au meilleur compromis... pour tout le monde ;-) mais au moins ça donne des idées, thanks

     

    5
    Lundi 2 Mars 2015 à 11:11

    bonjour, pour les sons, je suis complètement d'accord, on n'aime pas forcément la musique qui nous est imposée, perso, je referme tout de suite, j'aime bien regarder un blog sans pour ça en avoir plein les oreilles...

    yes

    6
    Samedi 14 Mars 2015 à 12:35

    Bonjour. Que de très bons conseils. D'accord pour ne pas mettre du tout de musique, ça déconcentre et ça lasse vite !

    7
    Vendredi 10 Avril 2015 à 14:28

    Très instructif  ce blog, merci beaucoup pour toutes ces astuces ! 

     

    8
    Mardi 28 Avril 2015 à 13:06

    Bonjour, yes

     

    Merci de tous ces très bons conseils , bravo , c'est super pour moi. Mais j'ai un petit problème avec mes rubriques, et je crois que j'ai fait une erreur car je ne possède  plus la partie  d'articles "accueil" est déjà créée , peut-être que mon problème viens de là ? Comment faire ...

    Merci de ta grande aide. 

    Amadia 

    9
    Mercredi 29 Avril 2015 à 11:09

    Un p'tit coucou pour dire merci à chacun  ;-)

    @Amadia (8) : j'avais vu (forums EB) que tu avais résolu ton souci avec un peu de patience et de la volonté : bravo !

    c'est le meilleur moyen pour comprendre et donc faire de mieux en mieux ;-)

    Bonnes suites !

     

    10
    Jeudi 4 Février 2016 à 13:51

    Merci de tes conseils qui partent d'un bon sens, j'espère que mon blog s'y est conformé ... avant de te lire. Perso je m'y retrouve, mais on est toujours content de ce qu'on fait, alors peut-être suis-je partial.

    Bonne journée.

      • Samedi 12 Mars 2016 à 13:05

        Merci pour le p'tit mot et t'inquiète pas : quand on est blogueur, on est tous un peu partial ;-)  C'est surtout des généralités, effectivement basiques, mais qui donnent une ligne de bonne conduite... de base he

        Bonne journée itou (et pardon pour mon retard)

    11
    Lundi 21 Novembre 2016 à 16:12

    Bonjour Pipiou.

    100 % d'accord avec toi.

    Pour la musique, au bureau ça fait désordre, ok  :-)

    mais chez nous, si on écoute notre musique, ou la télé ...

    c'est mal vu aussi une musique qui se met en route automatiquement.

    Et pour certains blogs, chaque fois qu'on change de page, toc, la musique

    revient même si on a arrêté le lecteur du blog ! Et là, je peste !

    Quand aux blogs qui brillent de mille feux, ^-^ qui clignotent de partout  :-/

    perso, j'ai du mal à supporter ! Un peu à la rigueur ... en faisant un effort.

    Sinon oui, je ferme, ravie de ne plus agresser mes yeux.

    Bonne semaine.

    Dani

     

    12
    Mercredi 26 Avril à 16:19

    Que de bon conseils que si peu écoutent, idem si j'ai la musique en entrée grrrrr et si ça brille de partout et des trucs qui tombent et qui volent dans tous les sens, je fuis!

     Surtout quand comme moi on répond aux amis et on leur rend visite, rien de plus râlant que ces flashs qui bloquent tout!

    Rien de tout cela sur mon blog et pourtant  il est actif comme quoi!

    Un grand merci

    Vous devez être connecté pour commenter