Ca y est, le changement d’hébergeur de mon site doit être à peut près effectif, le nouveau DNS va sûrement encore se propager durant le week-end pour nos amis québécois. C’est donc une sixième version qui va vous accueillir ce lundi matin.
Une nouvelle mise en page
Les nouveautés de cette sixième version :
- une mise en page qui laisse plus de place au contenu (avec une disparition de la colonne de droite) ;
- un accès aux rubriques minimaliste (qui privilégie la navigation en contexte) ;
- une police de caractère légèrement plus grande (parce qu’il faut bien occuper tout l’espace) ;
- une page d’archives unique (avec une expérimentation de la propriété
-moz-col).
Un nouvel hébergeur
Suite aux nombreux problèmes de montée en charge de mon ancien hébergeur (OVH), j’ai décidé de changer de crémerie et d’accepter l’invitation de Jules chez Typhon.
En théorie les problèmes de congestion devraient être de l’histoire ancienne et les temps de réponse bien meilleurs.
Non mais c’est quoi ces couleurs ?
Oui je sais le gris c’est pas vraiment l’idéal mais bon, il fallait bien choisir, non ?
Bon allez, je vais tenter une expérience et pousser la logique de conception centrée utilisateurs jusqu’au bout en vous proposant de choisir les couleurs de ce site (de toute façon ça ne peut pas être plus triste que ça !).
Ceux qui sont inspirés peuvent donc m’envoyer leur(s) proposition(s) de jeu de couleur (sachant qu’il me faut deux teintes sombres et deux teintes clairs). Après cela j’organiserais un vote et vous choisirez la version définitive.
Ca passe pas sou IE 7
Oui je sais, d’ailleurs à ce sujet merci de me signaler les problèmes de compatibilité avec les anciennes version d’IE, avec Safari et éventuellement Opera. Je m’efforcerais de corriger les différents bugs d’affichage au fur et à mesure.
C’est très chouette, j’adore. Peut être que le bleu des liens aurait pu être un chouilla changé pour pas faire trop Jakob Nielsen mais à part ça tout à l’air de bien marcher sous Safari.
Difficile de faire plus minimaliste. Personnellement j’aime bien, je trouve juste le texte un peu trop grand. Comme le dit Etienne, les liens pourraient peut-être se voir attribuer une couleur un peu moins Nielsenienne…
Et sans les fautes d’ortographe ça donne quoi?!
Chapeau pour l’ergonomie et l’accessibilité. Manquerait peut-être juste un petit feedback au survol des liens (le bleu ne me dérange pas).
Par contre sur le plan esthétique cela ressemble à un melting pot des effets les plus à la mode :
Ces effets rendent pas mal exploités à bon escient et on comprend qu’on puisse avoir envie de les exploiter tant ils sont séduisants sur d’autres sites ; mais ici j’ai du mal à les trouver beaux. Ce n’est pas une question de gamme de couleurs, mais d’harmonie, de choix engagé : ne pas tout mettre dans le même site. Pour dire les choses cruement, tout ça fait un peu kitsh.
D’un autre côté, je te lis grâce aux RSS alors après tout quelle importance ;).
C’est pas mal, il faut s’habituer aux couleurs mais de toutes façons tu peux faire un site super moche je le lirais quand même :p
Félicitations Fred pour cette nouvelle présentation.
Pour ma part je me sers de netvibes comme agrégateur, et c’est pour ça que le fond de ton body me disait quelques choses :)
Quant au choix des couleurs, celle-ci ne me derange pas du tout. Et ce n’est pas le contenant que je viens voir ici mais le contenu toujours aussi interressant.
Au plaisir de te lire
Première impression : beuh, c’est tristoune… Bon on va attendre le choix des styles :p
Bonne idée d’agrandir la fonte, c’est plus agréable à lire (elle pourrait même être encore un peu plus grande). Enfin si tout le monde pouvait faire faire pareil…
Le menu à droite a disparu, certes, mais finalement j’ai l’impression que le site prend moins de place en largeur, je me trompe ?
Mauvaise idée de placer les liens commentaires et trackbacks juste en dessous du titre : on les cherche et on est obligé de scroller vers le haut pour les trouver. Ma première impression : tient, il a fermé les commentaires alors qu’il demande du feedback ? Ah bah non, ils sont au dessus du billet… Ça ne colle pas trop avec l’ordre de lecture…
La boîte d’ajout de commentaire ne colle vraiment pas avec le côté minimaliste du site : trop compliquée, pas assez légère.
Les bords arrondis de Mozilla c’est bien, mais il faut faire attention car ils ne sont pas antialisés et donc avec des filets de 1px très contrastés ben c’est moche.
Je vois aussi que tu n’appliques pas tes propres conseils : tu ne t’es pas occupé de tes bas de page qui sont bien vides au lieu de renvoyer intelligemment vers du contenu intéressant. La page d’archives est vraiment bien, et semble permettre un bon rangement du contenu. Mais pouquoi ne pas mettre de son contenu dans ton bas de page justement ? Sans cela pour naviguer sur le site, il faut obligatoirement accéder à la page archives, ce qui est dommage : ça n’incite pas le lecteur à fouiller.
Enfin ce sont mes impressions face à cette nouvelle version :)
Juste une coquille : « Non mais c’est quoi c’est couleurs ? »
Dommage pour le gris, je préférais en violet ! Sinon, c’est du bon boulot ;)
Utilises-tu DotClear ? Si oui, comment as-tu fais la page archives ? :) Merci !
Avec des shhot écran coloré ce sera moins austère j’espère … là c’est un peu dur!
Pour la lisibilité certes la typo plus grande est un + (même si esthétiquement je serais plus nuancé) mais alors les lignes sont réellement trop large et je trouve que l’on y perd fortement en lisibilité … l’interlignage n’y aide pas non plus.
Tout cela manque de hiérarchie (graphique), et cruellement d’esthétisme.
Espérons que le fond sera toujours là… mais je ne peux m’empêcher de penser à un billet récent : « Vous avez 50 millisecondes pour convaincre »
Bonne continuation….
Alors je suis plus que déçu. A force de pousser l’accessibilité, voila le résultat. des sites sans vie…
J’en ai vraiment marre de tous ces blogs intéressants (je n’utilise pas les fil RSS) dont le votre Fred mais qui ont aucune ame, aucune originalité. Le choix des couleurs en plus n’arrangent rien… très tristounet
Je vais me faire peut etre taper sur les doigts mais je ne pense pas être le seul. Pourquoi ne pas faire comme J.Nielsen avec 2 colonnes en float et voila… Non sérieusement, vous tous qui prônaient l’accessibilité, qui donnaient souvent de bons conseils, soit prenez une semaine pour concevoir une interface agréable à lire, soit trouvez un partenaire pour votre charte graphique si vous n’avez pas les compétences.
La stratégie du contenu passe avant tout le reste m’exaspère… Ce qui me surprend le plus, c’est que dernièrement en plus Fred, vous aviez posté sur le temps d’accroche pour un site. Hors un Blog informatif comme le vôtre est à mon sens un site. Est-ce trop demander d’avoir des contenus pertinents associés à une interface agréable, voire originale pour les non-utilisateurs de fils RSS ?
Petit coup de gueule de ma part mais qui n’est pas une critique gratuite à mon sens et que je généralise à beaucoup de Blogs informatifs aujourd’hui.
Ouah, c’est tout nouveau :) Bravo. Bon, je retourne a mon lecteur RSS, je reviendrais sur le site à la pochaine refonte ;)
L’affichage des commentaires bug : le trait noir de droite de la partie « contenu » du site ne s’affique pas au niveau des commentaires.
Sinon c’est triste ces couleurs ui ;-). Mais l’aspect général est pas mal :). A voir à l’usage.
Bein moi j’aime bien … c’est peut etre effectivement un peu tristou … mais bon finallement si tu commences a prendre en compte les avis des utilisateurs un par un tu ne sauras jamais quoi faire, tant les avis sont différents.
Suis ton feeling, à ce niveau là, il faut que le blog représente ce que tu as envie de faire passer apres tout.
Sinon niveau de la propagation des DNS on est Samedi après midi ici au Quebec, et c’est en place ! Bonne continuation et du moment que tu continus à nous faire part d’aussi bons posts le design du blog restera secondaire à mon avis!
Je recopie ici ce que j’ai posté ce matin, mais dans le « pas-bon thread ». Ca a plus sa placeWow, c’est dépouillé, clair et aéré. Peut-être un peu gris, mais le printemps arrive.
Comme je pense que ça t’interresse de connaître les impressions par rapport à un web design, je dirais juste qu’il y’a un truc qui me chiffonne:
L’effet hover du titre principal d’un article (qui est le Permalien) me saute littéralement à la figure avec son gros souligné. C’est un peu aggressif, je trouve. (h2 class= »sans »).
.. tiens, la classe « sans » n’existe pas dans le css ? .. mon dieu, la prévisualisation d’un commentaire déborde .. <boutade>je pense qu’il est inutile de te saoûler avec la bêta 2 d’IE7 ..</boutade>
Mais je vois que je suis un chantier, et que je n’ai pas de casque. Sans en rajouter, je m’éclipse donc sur la pointe des pieds.
Tout de même, ce gris me déprime. Je propose de permettre le choix d’une teinte avec une liste déroulante, en bas à droite par exemple, tout en gardant la même mise en forme. Pardon si la demande est culottée :)
Je rejoins le clan des septiques! Pour un blog qui parle d’ergonomie incitative rien ne se dégage de la page…C’est gris,sans vie… C’est bien de mettre en avant le contenu(le but est d’être lu ok) mais le design n’est t’il pas au service de celui-ci? On sent un manque de fantaisie, comme si on avait eu peur de disperser l’utilisateur! dommage…
Je suis déçu, même si je lis ce blog la plupart du temps via mon lecteur RSS, je déplore ce retour aux pages avec peu ou pas de charte graphique correcte…
Maintenant cela ne changera pas mon assiduité à lire ce blog, evidemment…
ça manque de chaleur trop minimaliste (au moins une toute petite image un visage quelque chose de vivant non??) par conttre trés bien la navigation par mot clés :-)
Pourquoi ne pas insérer la possibilité pour l’utilisateur de changer l’apparence lui-même ? J’ai vu ça chez Kozlika notamment. Ainsi, tout le monde serait content et si pas content responsable tout seul comme un grand de son choix :)
sinon, c’est très.. bleu. La colonne à droite me manque un peu, mais je pense pouvoir sécher mes larmes avant le lever du jour.
La fameuse propriété mozcol, c’est quoi exactement ? moi j’obtiens un listing pas mis en forme, bouh.
Oups! Bien tristounet…Jouer avec les dégradés de gris est une bonne idée, mais obtenir un résultat chouette est bien difficile… Mais bon, le contenu prime, une fois le blog apprécié; pour une première visite, ça peut favoriser le zapping.
Sur Safari (1.3.2 chez moi)les coins arrondis ne s’affichent pas (m’en fout) et sur Firefox ils sont « en marche d’escalier », mais de façon légère. Pour vérifier Safari, capture chez Snugtech et tous les navigateurs chez Browsershots…que vous connaissez sûrement!
Bon et bien, je crois que je vais suivre la tendance générale… Ce style ne m’inspire guère (graphiquement parlant), un peu froid et austère… Et puis aussi, tout ces liens bleus, ca fait un peu brut de pomme, en plus aucun effet au survol, bref ca manque. Il y a aussi, ces pseudos-éléments (:hover), qui permettent par exemple d’indique la langue d’un lien que je trouve très agréable. Je sais vous allezme dire qu’IE ne les interprete pas, mais bon, c’est tout comme les
-moz-col. De la couleur, un peu de vie, voila ce qui manque, mais bon…Sinon, d’un autre coté, le fait de ne plus mettre de colonne à droite, je trouve ca vraiment chouette, encore plus de place pour le contenu et la lisibilité de l’information, top!
ps: à partir des commentaires sous FF, il n’y a plus de bordure à droite.
C’est… sobre !
Quelle horreur ! La version 4 était si belle… pourquoi avoir changer pour un jeu de couleurs digne d’un cimetière ? Tous ces liens en bleu me font penser à du made in Nielsen. La largeur écran des billets est nettement trop longue. Tu voulais profiter de tout l’espace disponible mais ici c’est anti-ergonomique, ton oeil doit faire un travail d’équilibriste pour rester sur la même ligne et retrouver la bonne ligne suivante. Cette interface me deçois pour qqn qui s’intéresse de près à l’ergonomie.
Ya plus aucune accroche sur ton blog. Tout est flangué en vrac. Ces couleurs mortes jette le visiteur dans le vide. Après l’interface sans image, nous voilà dans une interface sans couleurs, sans accroche, sans harmonie… heureusement que le contenu est intéressant. C’est tout ce qu’il reste de bien.
Je seconde Julien. Je trouve le nouveau design un peu terne. Les versions 4 et 5 étaient mieux (selon moi). Mais c’est le contenu qui compte, et quand on consulte ton site depuis un aggrégateur la forme n’a plus d’importance. Vouloir changer de design pour changer n’est pas toujours le bon choix. Maintenant chacun peut se faire une opinion.
Hum… visiblement les premières impressions sont plus que mitigées. Qu’à cela ne tienne, je souhaite rappeler deux points :
Mais bon, rien n’est figé, je me laisse une petite semaine pour synthétiser l’ensemble des retours et voir quelles options ils me reste pour concilier tout ça.
/Fred
bon je ne pense pas apprendre t’apprendre quelque chose, mais si jamais tu cherche des gammes de couleurs sympa… Perso j’utilise ces outils :
Perso, l’effet minimaliste est bien rendu mais niveau couleur, je vais être honnête, je préférais largement celui d’avant…
Mais bon, c’est pas grave, du moment que la qualité du contenu ne change pas :D
Moi j’aime le minimalisme, le dénudé, le sobre. Et je pense que tu dois faire ce que tu as envie de faire, pas ce que nous aurions envie de te voir faire… passé le petit choc du changement d’habitudes (mais il a changé les meubles de place, et puis où donc sont les assiettes maintenant ?) on va s’y faire. Donner de l’importance aux mots-clés et en faire le chemin privilégié de recherche, ça me plaît, c’est pratique. Faut-il rendre l’archivage plus immédiatement visible ? Spontanément je dirais « bin oui », mais après avoir pratiqué un peu, je me dis qu’il ne pose pas de problème tel qu’il est. Le choix est de libérer de l’espace sur la home : un choix demande d’élaguer, toujours. Les blogs arbres de Noël ne sont pas des blogs très naviguables. Parvenir à dénuder sur un volume aussi important, c’est quand même du zouli travail.
Remettre la barre de navig en bas : il y a le pour et le contre. Pour : pratique, moins de fatigue pour l’utilisateur. Contre : redondant, contraire à la logique consistant à privilégier le contenu actuel -sauf à trouver une DA qui permette de jouer le pur et simple rappel. Mais si j’ai bien compris, le fil directeur est : « tout ce qui n’est pas indispensable n’est pas utile ».
Commentaires, permalink et TB en haut du billet : cela a toujours été ainsi ici, ça ne m’a jamais gênée, même à la première visite je ne me suis pas posée la question. J’ai pris l’habitude de cliquer pour ouvrir les coms tout de suite, de façon à lire continument le billet et la discussion. Le seul cas où cela peut perturber, c’est celui du billet long (faut remonter). Mais je suis séduite par le continuum de lecture billet/dicussion ainsi créé.
moi je rajouterai juste un petit bouton de retour en haut car sinon je vais casser la roulette de ma souris :)
un petit concour p-e…
Plus que ‘remplir’ l’espace libéré, une police un peu plus grande est aussi plus facile à lire ^^ !
Eh bien moi je le trouve très bien ce nouveau design, très lisible, très orienté vers l’efficacité. Less is more. Et non, le gris, ce n’est ni triste, ni sale, ni terne. C’est classe.
Bon je venais pas te lire pour le design mais j’adhère assez :)
Salut, comme Benoît je ne trouve pas que des inconvénients au gris, et je trouve que cela donne un rendu plutôt classe dans la façon dont tu le gères (regardez les couleurs des marques les + « luxe », donc sobres, elles tournent souvent autour du gris ou du noir).
En revanche, je trouve que l’absence totale de marge est un peu destabilisante en matière de navigation, c’est dommage. Cela devient finalement un site présenté comme un blog… un « slog » ? ;-)
Allez bon courage pour tous ces commentaires, c pas simple la vie d’artiste ! :o)
Typhon : le petit hébergeur qui monte, qui monte…
être hébergeur de netvibes, ce n’est pas rien…
Bonjour Fred, Depuis que j’ai découvert ton site (qui était déjà à la version 5), je me suis toujours dis que j’aimais pas les couleurs, mais que l’interface avait le mérite d’être simple et efficace, ce qui était suffisant pour moi.
Question couleurs : l’ambiance tout gris est très neutre (ce qui est pas forcément un inconvénient) mais en effet pas très vivant. Je pense pourtant qu’il suffit juste de quelques touches de couleurs très punchy pour égayer facilement tout ça ! Le bleu des liens ne me dérange pas du tout, ce serait plutôt le « bold » sur les auteurs de commentaires qui, à mon goût, est de trop.
Agrandir la police est un choix intéressant en terme de lisibilité, mais je trouve comme Julien que les lignes sont trop larges et rendent la lecture finalement plus difficile qu’avant, ce qui est dommage. Le journal papier Le Monde dans sa nouvelle charte a d’ailleurs réduit la largeur des colonnes pour reposer l’oeil de ses lecteurs il me semble… à méditer.
Le menu de droite : je le trouvais plus pratique et plus visible aussi. Là, on a très vite fait de ne plus voir la bannière de menu en haut et donc de l’oublier. Peut-être que simplement des liens « Retour en haut de page » ou « Retour à la navigation » à la fin de chaque commentaire seraient pratiques pour pouvoir réutiliser rapidement le menu de navigation.
Voilou.
En tout cas, félicitations pour le contenu de ton blog vraiment très enrichissant.
PS : à la visualisation d’un commentaire, sous FF 1.5.0.1, le bloc du message est collé à droite du bloc central de prévisualisation (à fond blanc) et en masque par ailleurs la bordure noire de droite. Y a un pti problème de marges ou padding à cet endroit.
Je ne trouve pas forcément que less is more ;-) mais j’aime beaucoup cette nouvelle version et la préfère à la version précédente. Un thème neutre et élégant qui donnera encore plus de force au contenu et aux illustrations. J’adhère M. Fred ! D’façon, ce que je préfère sur ton site, c’est le contenu !
Comment-comment ? L’abscence totale de marge ? Qu’est-ce que c’est que cette histoire ?
Sous quel OS ? Quel navigateur ?
/Fred
Tres beau. Tres fonctionnel. Encore une fois Fred, bien joué !
Bon, j’ai déja fait la remarque la dernière fois, mais dès qu’on a un écran un peu large, on se retrouve avec des grosses marges des deux côtés. C’est triste de perdre de l’espace comme ça. Surtout qu’avec un site à une colonne comme c’est le cas ici, ça ne doit pas être trop dur de le faire daptable en largeur, non ?
Je ne crois pas que quelqu’un ait parlé de la nouvelle version sous Opera : il y a un petit problème d’affichage pour la page « archives », les mots-clés débordent du cadre par la droite.
Bravo Fred, personnellement j’aime bcp. Le choix de ne pas mettre de menu latéral est osé, mais pertinent. (tout se retrouve par la mini-barre de menu en haut, excellent)
Les petites critiques (j’en reprends certaines). Les couleurs générales ne me dérangement vraiment pas, mais c’est vrai que le bleu fort des liens ne s’harmonise pas du tout avec les nuances de gris/bleu pastel. Et autant l’effet d’arrondi me plait dans l’idée, autant c’est vrai que ici (et c’était vrai aussi pour l’ancienne version) ça donne un effet pixelisé..
Sinon je trouve que la ligne qui sépare le contenu d’un billet avec les mots-clés marque une trop grande « séparation » sur 2 zones qui sont pourtant étroitement liées. C’est comme ça alors même qu’entre 2 billets il n’y a pas autant de séparation.
Et c’est vrai que je verrai bien une version light de l’éditeur de commentaire (qui prendrait moins de place)
PS : j’ai un peu de mal à lire avec la nouvelle fonte, mais il faut sans doute un temps d’adaptation. (Et pour les gens qui trouvent que c’est bête de laisser de la place à droite et à gauche, je rappelerai que si les journaux texte mettent utilisent les colonnes, c’est justement parceque c’est très difficile de lire rapidement du texte avec des lignes très longues)
Heuuuu…. Ben, c’est peut-être « classieux », mais c’est triste et déprimant. Heureusement que j’utilise Google Reader, je préfèrais de loin l’ancienne version. J’ai l’impression de retourner en arrière, quand ordinateur rimait avec informatique, programmation, gris, incompréhension, sécheresse, à l’opposé de toute créativité. Alors là, côté « design incitatif », c’est raté ! Désolé ! :-(
Avant de dire que je préférais l’ancien graphisme, je vais faire quelques commentaires.
D’abord, c’est vrai que gris, c’est gris… Moins « classieux » que tristounet je trouve. Enfin, c’est un problème de « cosmétique ».
En revanche, ces looooooooooooooooooooooooongues lignes à lire… que c’est long… et difficile! Non, vraiment, trop long. Si tu ne souhaites pas garder ce bandeau à droite, pourquoi ne pas en mettre un à gauche?! ;-)
Vraiment, tu allourdis la charge de travail pour tes lecteurs.
Quoi qu’il en soit, j’en profite pour te remercier pour tout ce contenu (je ne viens pas pour le contenant).
Au passage, une gribouille sur les fautes. Aïe aïe aïe. Dans les commentaires, à la limite, mais dans les premières lignes d’un article…
Aller, j’arrête là.
Vincent P., qui préférait l’ancien graphisme ;-)
Ce nouveau design (vert) va encore déchainer les foulles :/ faut laisser de temps a l’habitude ;) ++
Cela fait très « solution de rechange » trouvée en panique mais c’est déja moins austère ;).
Bon, de toute façon, il est clair qu’il y aura toujours des gens à qui les couleurs plairont moins qu’à d’autres. Personnellement, je trouve que cette version couleurs est bien plus agréable et efficace car le fond coloré fait ressortir le cadre central sur fonc blanc qui conient le vrai contenu, la valeur ajoutée au site.
Après, que cette charte soit bleue, verte, rose, jaune, c’est pas aussi important.
PS : à la prévisualisation de mon commentaire, je n’ai plus le bug que je mentionnais (bloc de texte collé à droite de l’espace central), c’est très bien !
C’est très joli ces couleurs. Mais « joli », c’est subjectif, et on ne discute pas les goûts et les couleurs… Et on ne pourra jamais contenter tout le monde. Quoique…
Cependant, je soutiens mordicus (avec flo), qu’une petite liste déroulante permettant de choisir une teinte parmi une sélection judicieuse pourrait contenter tout le monde.
Du genre un tout petit « select », tout discret en bas à droite, tout piti. Un « biscuit » permettrait à l’utilisateur de retrouver ses couleurs en venant te visiter. Il n’est pas nécessaire d’implémenter le gros bazar qui change radicalement l’aspect du site genre CSS Garden, mais juste une bricole qui permet de sélectionner les deux ou trois couleurs dominantes.
Précédemment, c’était gris « pompes funèbres », là c’est « marée haute ». Celà donnerait une bonne petit leçon de « Comment adapter un site aux exigences des utilisateurs ». Et puis parmi toutes les couleurs que tu vas recevoir courant de la semaine, il va falloir en choisir une, une seule, quelle tristesse..
Bon, je suis bien conscient que c’est « proposer aux autres ce que je ne saurais pas faire moi-même », du moins en PHP, mais je pense vraiment que ça vaudrait le coup compte tenu de la nature même de ta profession.
ah ben voilà ! Les nouvelles couleurs sont bcp plus agréables.
Clairement.. je vote pour ce jeux de couleurs :-)
J’aimai bien l’ancien site, mais je comprend parfaitement l’enjeux de montée en charge au niveau bande passante (encore que vu ta fréquentation, la solution pourrait être de le faire intelligemment sponsoriser…), et l’envie de faire évoluer le design.
Je ne serai pas aussi dur que certains sur la proposition un peu grise il est vrai. Mon souci principal avec des sites mono ou bi-chromique c’est d’arriver à faire ressortir les éléments correctement identifiables en un coup d’oeil.
Ceci étant dit, je pense que plus d’un designer ici pourrait volontairement donner un chti coup de main :) Pour les thématiques de couleur, j’ai voté pour la n°7 mais ça n’est pas encore ma tasse de thé. J’ai mentionné ColorSchemer sur l’autre post car c’est vraiment un outil très utile pour ça. A voir…
Ceci dit, le contenu de ce blog a suffisamment de valeur ajoutée pour que l’on ne pinaille pas sur l’habillage.