Nouveau Design du blog, vos avis


Si c’est pas du design épuré ça…

Bon ok, peut-être trop épuré diront certains…

Ce n’est pas fini, j’ai encore quelques réglages de positionnement à faire, finir le footer, et travailler sur une optimisation de l’affichage et de l’utilisation du fil d’ariane.

Au début, je voulais juste épurer la mise en page et le design pour repartir sur une structure html/css « propre », et retravailler ensuite la déco, mais plus ça va, plus cette mise en page minimaliste me convient, l’important, pour moi, au niveau du blog étant de mettre en avant l’important, l’information.

Pour le site corporate, j’y travaille aussi, mais je peux moins me permettre le travail en « bac à sable ».

Dans la to do list du nouveau design, j’ai encore pas mal de positionnements à revoir, avec en vrac :

  • Trouver un positionnement optimum pour le formulaire de recherche (peut être au niveau du rond en haut à gauche)
  • Idem pour le plan du site (Table des matières).
  • Toute la partie syndication va sûrement finir en haut à droite.
  • Les archives (moi et calendrier) je les verrais bien au niveau du footer.
  • Garder dans la colonne de droite les articles à retenir et les liens.

Alors, sincèrement, vous en pensez quoi?

Aymeric, ce qui ne nous tue pas nous rend plus fort.


21 réponses à “Nouveau Design du blog, vos avis”

  1. Toujours ce problème de couleurs, avec les liens d’évitement, contenu de .post-info (moi j’aurais choisi une <dl>)

    Un peu surprenant ce calendrier, mais c’est pas une mauvaise idée.

  2. Bonjour lyüstcl, rahhhhh t’as vraiment choisi un nouveau pseudo qui donne de l’urticaire. :)

    Ok je vois le pb de contraste, vais peut être voir à utiliser des liens « verts » pour le menu d’évitement, voir si ça permet un encadrement du header avec le titre de l’article, ou effectivement augmenter un poil le contraste, passer à un gris plus soutenu, idem pour le .post-info.

    Pour le dl, rahhh oui, très bonne idée, même si on n’est pas réellement dans une application totalement sémantique, le contenu du post-info s’en rapproche vraiment beaucoup. Je vais tester ça.

  3. Wala petite retouche au niveau contraste/couleur, le post info en liste de définition, reste des petits réglages à faire dessus, dés que j’ai 5 minutes.

  4. Salut,

    L’emplacement des liens vers les catégories de billets est assez surprenant, au premier coup d’oeil, j’ai pensé à des liens publicitaires Google. C’est peut-être le look des liens… ou alors tout simplement le fait qu’on ne sache pas à quoi s’attendre en cliquant ces liens.

    A gauche, niveau navigation, les premiers éléments ne devraient pas être les liens de syndication. A gauche de la page, on s’attend en premier lieu à trouver les liens de navigation principaux (par exemple les catégories) ou les articles à retenir.

    La hauteur de ligne égale aux espacements des éléments de la liste du bloc "À retenir" rendent cet élément de navigation particulièrement difficile à lire. Les puces ne suffisent pas à différencier rapidement les différents liens.

    Pour titiller un peu, je trouve l’alignement du logo "AjBlog" un peu bancal, soit pas assez à gauche ou pas assez à droite.

    Pour ton footer qui est en cours je pense, voilà un bon article à ce sujet: http://www.nixonmcinnes.co.uk/ab... (moi je verrais bien tes liens externes à cet endroit)

  5. Perso je suis assez peu fan de la bande blanche qui semble indiquer de quel cote l´on vient de se perdre, jamais trop compris l´utilité de la bete (sauf naturellement en cas de surf fortement alcoolisé) et dans le cas présent, je trouve qu´elle "casse" maladroitement le grisé de la colonne, un peu comme le logo Technorati en bas de cette derniere : un simple lien texte suffirait, non ?

    Ps : Les liens de la rub "À retenir" depasse de la colonne.. Normal ?

    Sinon, plus aseptisé, plus simple, zen diraient certains.

  6. > Mike, tu n’as pas idée de combien ce fil d’ariane me dérange en fait. Surtout que je me pose des questions sur sa réelle utilité dans le cadre d’un blog ou il n’y a pas de sous ou sous sous catégories.
    Pour les « a retenir », pour l’instant le design est plus « optimisé » pour du 1024, mais je pense que je vais fixer la taille de la colonne de droite pour qu’il y’ait moins de problèmes avec de plus hautes résolutions.

    >Yvan j’avoue que je n’avais pas pensé à cette resemblance avec une pub adsens, ça m’interesserait de savoir si d’autres ont eu la même impression. Les éléments de syndication vont surement trouver leur place dans le header, pour le reste, merci pour l’article, je herche justement comment optimiser l’utilisation du footer.

  7. Merci d´avoir repondu si vite Aymeric (dommage que cela ne soit pas le cas via mail, niark niark niark) .. Ce "fil" n´est il pas constitué d´un bout de code dans ton template ? Pas moyen que ton doigt derape accidentellement sur la touche "SUPPR" pile au moment oú tu as selectionné ce bout de code ??!

  8. Ps : Il sert a quoi le message d´information gloable disant que " Ceci n’est pas encore un footer " , en bas de ton bandeaux de droite ?? Est ce une velleité de la part de la colonne de devenir plus qu´une colonne… Dans tous le scas camarade : Vive la revolution pacifique et sociale des colonnes de droite qui veulent devenir des footers.. je signe oú ??!

  9. Héhé… Au passage si j’ai bien compris le petit ton ironique à propose de mail, je coirs bien t’avoir répondu ce matin vers 10h43… à peu près hein.

  10. Pas de news, rien recu.. mega snif snif.. et pas de ton ironique non plus, juste une private joke pas drole ! Désolé, c´est la faute du soleil qui revient en force et de la perte recente de mon bob ricard.

  11. Je viens de remarquer quelques détails qui cassent l’apect sémantique des choses : le liens avec un guillemet à côté du mois en cours dans le calendrier et le symbole « supérieur à » après les numéros de page en bas d’une page de liste de billets (y’a pas d’indications dans le « title » alors que ça pourrait être intéressant). En plus, ces derniers liens rentrent en conflit avec le calendrier (pas avec les numéros de commentaires grâce à une subtile, mais pas très indicative, technique de contournement).

    Il y a aussi « Dotclear » et « THE Dotclear » qui ont la même cible mais pas le même intitulé. Pareil pour « Page d’accueil » et « Accueil » tout comme « Table des matières » et « Plan du site » (à une ancre près) …

    Il y a aussi les liens du type « X commentaires/trackback » ou « Lire la suite » qui se répètent avec des cibles différentes (et « trackback » n’est pas un mot très clair pour beaucoup de gens).

    Voilà donc un petit catalogue pas du tout exhaustif mais suffisamment demandeur d’effort ;)

  12. Houlaaaa…. Alors, voyons cela…

    1. Calendrier et Pagination : Pour le calendrier, pour l’instant je n’y touche pas trop vu que je ne suis pas sur de le laisser, pour les liens de la pagination, je suis en train d’étudier les différents mode de rendu possible, j’en ai trouvé un qui me semble mieux, mais il faut que je l’expérimente.
    2. Title different sur même liens : mea culpa, les liens croisés de l’ancienne version sont encore restés tel quel, j’en ai déja corrigé quelques uns.
    3. Commentaires, trackback, Lire la suite : Je me posais la question de l’utilité des liens vers commentaires et trackbacks, je vais surement laisser l’affichage mais pas les liens, enfin je ne suis pas encore décidé. Pour « lire la suite », j’ai déja commencé à travailler sa présentation pour le rendre plus « lisible ».
    4. Protection des pseudos : là, il faut bien avouer que, mon blog n’étant pas un megablogdelamortquitue avec 30000 utilisateurs et 15 millions de pages vues, je ne me suis pas encore penché sur les différents modes de protection ou d’enregistrement des pseudos.
  13. Moi je parlais pas tellement de protéger les pseudos mais de leur empêcher d’utiliser des url différentes.

    Pas mal le nouveau système de navigation de page en page ;)

    Moi je regrouperais « commentaire » et « trackback » sous un lien unique du type « Réactions au billet xxx » ou « Réagissez au billet xxx » parce que les rétroliens doivent intéresser très peu de monde.

  14. Hello lyüstcl,
    En fait pour le sysème de navigation, je ne m’etais jamais penché sur les possibilités du plugin dotclear, et cette utilisation me semble la plu simple et la plu lisible au final. Maintenant reste à choper ou les fonctions se sont cachées pour que je puisse rajouter un title aux liens.

    Pour les retroliens, je suis 100% d’accord, autant une indication sur les commentaires peut interesser un visiteur car le nombre peut indiquer une discussion portant à la reflexion, autant le nombre de retroliens, n’apporte pas forcément une indication qualitative. Je pense que la version « réaction au billet xxx » me semble un bon compromis.

    Si ça continue je vais petre obligé de te citer comme co-auteur. ;)

  15. salut,

    ben franchement je suis arrivé ici par la lecture du billet sur les liens externe (sur lequel j’adhère à 100%) aussi en voyant le billet sur le nouveau design du blog je me suis senti comme… attiré ;)
    Bref, j’ignore comment étais l’ancien mais celui-ci tient vraiment la route, toutes mes ficelles d’installation. D’ailleurs j’en suis tellement sur le *** que je n’ai pas mis de lien vers le mien !! :-)
    Tu compte diffuser un mode d’emploi pour newbies ? Je suis preneur. ;)

  16. Bonjour erix, et merci pour ton enthousiasme, ça fait chaud au coeur. ;)

    Pour l’ancien design, tu serais passé hier je t’aurais dit d’aller voir le site corporate (ajcrea.com) mais là il est en chantier pour cause de changement de look lui aussi.

    N’hésites jamais à mettre un lien vers ton blog, surtout ici, ça me permet de mieux connaitre les visiteurs et je ne juge jamais un blog sur son design mais plus sur son contenu. ;)

    Pour le mode d’emploi pour newbies, pourquoi pas, si tu me précises quelle solution de blog tu utilises. Si c’est du dotclear, je peux même coller ce template et l’ancien en téléchargement avec des petites explications si besoin.

    Au passage faut que je règle le problème de chevauchement des icones de syndication sur le menu lors du passage en 800×600… RAHHHHHHHHHHH!!

  17. Re,
    ben si tu juges un blog surtout sur sion contenu raison de plus pour ne pas te filer le lien alors ! :) Plus sérieusement, cela fait un peu plus d’un an que je suis dans la planet Blog, d’abord via une plateforme qui m’a permis de découvrir Dotclear et depuis sept/05 en hébergement perso qui mepermet de faire joujou avec les plugins et autres fioritures. La base du blog était un complément d’aide et d’actu à un lecteur de nouvelles, MesNews, et petit à petit je me suis rendu compte que je faisais plus de copier/coller d’autres blog vers le mien que de billets vraiment consistants.Idem pour les plugins, la syndication, etc… (voilà pour la suite de ma bio voir aux éditions jérienadire, ma vie, 456 euros sans frais de ports :) )
    Tu comprends mainenant pourquoi je te rejoints vers les deux billets pré-cité, j’en ai un peu marre de lire la même chose partout, et la plupart du temps après 25 mn d’attente et surtout de reproduire ces c***ries.

    Bon pour ton template, ça me branche bien de le tester sur le mien, merci. (fait gaffe le lien mail n’est valable qu’une semaine)

    Sinon dernier truc, les liens "A retenir" déborde sous IE et je suis en 1600*1200 ;)

  18. Ce qui me gène le plus sur ton blog, erix, ce sont les milliards de pubs, ça par contre, ça a tendance à me faire fuir.

    Le template utilisé est propre, mais du coup il est noyé dans le clignotement permanent.

    Pour le problème des liens "à retenir" hélas oui, c’est un problème sur lequel il faut que je me penche, le problème des riches utilisateurs de grands écrans avec de grosses résolutions.

    Pour le reste, je viens de mettre un billet pour le téléchargement du template, l’ancien ayant disparu je ne ais pas où, il faudra se contenter de celui-ci.

  19. oui je sais pour les pubs, la prochaine version devrait se limiter à un bandeau de syndication seulement, pour l’instant je n’ai pas envie de modifier celui-ci, il restera tel que en attendant le futur.

    Et merci pour le cadeau ;)