• 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 (mis à jour au fil du temps). Avec un clin d’œil à Charivari ;)


    Axes de mise en page :

    ---> Homogénéité : adopter un "format" et s'y tenir : un titre = un titre, un lien = un lien, le tout pour une "ligne de conduite" sur le blog 
    ---> 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.)

     

    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 ! he)

     

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

    article d'origine 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

     

      • Dimanche 11 Février 2018 à 10:42

        argh ! novembre... 2016 ???  j'ai dormi si longtemps ? beurk

        pareil que toi : obligations sonores et/ou des trucs qui bougent partout : je peste en fermant la page, ou alors je ferme la page en pestant, ça dépend ;)

        et ce chez EB... ou ailleurs... 

         

    12
    Mercredi 26 Avril 2017 à 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

      • Dimanche 11 Février 2018 à 10:55

        Bonjour ♥Marjolaine♥  (légèrement en retard grrr, sorry)

        je souris parce que je pense que c'est pas des bons conseils pour tout le monde ;) 

        et c'est tant mieux sinon on aurait tous les mêmes pages, et ça ça serait dommage ;)

         

    • Nom / Pseudo :

      E-mail (facultatif) :

      Site Web (facultatif) :

      Commentaire :


    13
    Samedi 10 Février 2018 à 11:11

    Bonjour Pipiou et je découvre ton blog très sympa lors de tes conseils dans le forum ! . je t'ai placé dans mes favoris . Je me demande si nos mots de passe sont cryptés et protégés par Eklablog car un crétin s'acharne à me les pirater depuis 5 années : un fou de mon quartier ! . Je les changes souvent , enfin !! . Bon week end , escapade40

      • Dimanche 11 Février 2018 à 11:28

        Bonjour et merci :)
        Pour les mdp  y'a pourtant plein de pages utiles...↗  (attention à la date des articles : lis les + récents)  
        Bon dimanche

         

    14
    Vendredi 11 Mai 2018 à 17:37

    Merci pour ce blog avec tous ces conseils !

      • Mardi 12 Juin 2018 à 16:06

        de rien gayla !

        (mais ça fait plaisir : merci d'avoir le temps :)

         

    15
    Dimanche 6 Novembre 2022 à 08:11

    Bonjour, 

    Ayant une "amie" en commun, je me décide à venir te rendre visite.

    J'ignorais que c'est toi qui avait repris le répertoire d'Eklablog ? C'est l'un des premiers endroits où je me suis inscrit en arrivant. C'est pratique pour faire connaissance d'autres blogs auxquels, on ne penserait peut-être d'y jeter un coup d'oeil ?

    Je ne sais si nous avons des sujets en commun, mais j'essaierai de venir de temps en temps te faire un petit "cou-cou".

    Je te souhaite un bon dimanche.

    Amicalement.

      • Lundi 7 Novembre 2022 à 09:43

        Bonjour à toi "l'ami d'amie" wink2

        sympa la visite, merci bien d'avoir pris le temps :)  Et t'inquiète : perso je ne commente pas non plus sur tous les blogs... faute de temps justement.

        La boîte de Pipiou, le Répertoire des EB's, L'EklaFun : le petit pois se fait plaisir :))

        Bonne journée et @ plus itou

         

    16
    Samedi 10 Décembre 2022 à 19:25

    bonsoir  , merci +++++ pour vos réponses et solutions et +++++ ,  oui on ne peut pas plaire à tout les monde et c'est ça qui est bien  , si tout le monde fait pareils ça n'a aucun intérêt   hi hi hi beau weekend a+

      • Mercredi 14 Décembre 2022 à 07:54

        Bien le bonjour bebert33,  comme tu dis : heureusement qu'on ne fait pas tous pareil, on s’ennuierait !  Sur le Net je vois des blogs/sites et je me dis illico "ça c'est du WordPress" : bingo ! Les WordPress se ressemblent tous je trouve :(

        La plateforme Eklablog (bien que n'étant malheureusement plus "développée") offre énormément de possibilités de "constructions des blogs" cool tellement que c'est pas toujours simple de s'y retrouver et que, in fine, le résultat est peu attrayant...

        D'où cette page de quelques infos de mise en forme, pas pour que tout le monde fasse pareil mais pour que le blog soit construit "au mieux" pour attirer -et garder- les visiteurs wink2

        La première phrase de mon article étant "chacun fait ce qu'il veut sur son blog"  on est bien d'accord !

        Bonne journée à toi,   @ pluuuss

         

    17
    Mardi 5 Décembre 2023 à 10:28

    Bonjour, où doit-on écrire le titre de notre blog sur la bannière pour que ce titre apparaisse dessus.
    Bonne journée

    Vous devez être connecté pour commenter

/* boutons Versions Standard-Mobile */