Et voilà, la cinquième version de ce site est en ligne. Au programme des nouveautés :
- Une mise en page simplifiée ;
- L’abandon d’un certain nombre d’éléments graphiques ;
- L’utilisation de mots-clés pour les billets ;
- L’abandon de toutes mes pages statiques que je vais progressivement basculer sur Dotclear (à l’aide du plug-in related) ;
- Et tout un tas de petits trucs qu’il va vous falloir découvrir par vous même !
Pourquoi une nouvelle version ?
Parce que j’avais envie d’un peu de changement. En plus la mode est au minimalisme, je me suis donc inspiré de sites comme A List Appart ou Designing for the Sandbox pour faire une mise en page plus sobre, moins chargée.
Plus sérieusement, j’essaye d’adopter les recommandations que je peux faire à mes clients : aller à l’essentiel. Et l’essentiel de ce site, c’est le contenu. J’ai donc décidé de supprimer la navigation permanente (relayée sur la droite de l’écran) et de privilégier les liens en contexte. C’est un peu un retour aux sources (à l’époque du texte et des liens hyper-texte).
Est-ce mieux pour moi ?
Bien sûr que c’est mieux pour vous ! Il y a moins d’images à charger et le code CSS est bien plus léger. Résultat : des temps de chargement encore moins long et un meilleur confort de lecture (car moins d’éléments parasites à l’écran).
Cette version est-elle conforme aux standards ?
Mais bien sûr qu’elle est conforme aux standards du W3C ! Je dirais même plus : ce site est optimisé pour ceux qui utilisent des navigateurs récents, sécurisés et qui se soucient du confort d’usage (en gros pour Firefox, Opera et Safari). Pour les autres : ceux qui utilisent un vieux navigateur (plus de 4 ans), bourré de failles de sécurité et qui utilise un moteur d’affichage très approximatif (en fait c’est IE 6), et bien ils se contenteront d’une version dégradée ! Ça vous motivera à changer.
Et si ça ne plaît pas ?
Hé bien vous n’avez qu’à me faire des propositions, je suis ouvert.
Less is More … !
C’est complétement pompé sur Ergologique, oui !
Sans rire, je préfère vraiment ça. On dirait grosso la version précédente, mais sans le bruit visuel (qui n’était pas énorme, mais là c’est encore mieux).
Sinon, peux-tu expliquer le principe des mots-clefs ? J’avais mis un système comme ça sur ergologique, pour améliorer l’efficacité du moteur de recherche. Mais je ne comprends pas ton mots-clef pour ce billet. Moi j’aurais mis quelque chose comme « Redesign – épuration – version ».
On s’y fait…
Je plaisante : c’est vrai que c’est plus sobre, et aussi agréable à naviguer. Plus rapide; dis-tu ? J’ai pas cette impression… Un encombrement passager ?
Je trouve que tu es un peu dur avec IE6: un peu de respect pour ce vétéran, nomdidjû, il en est à une version de plus que toi ! ;)
Non non l’Ours, je suis désolé mais je ne vois pas pourquoi je devrais faire des efforts pour les utilisateurs d’IE 6. Ça prend 5 minutes d’installer Firefox ou Opera, en comparaison ça fait 2 ans 1/2 que je consacre 1 heure par jour à ce blog. Alors ils peuvent bien faire un effort, non ?
/Fred
Sobre et efficace. J’aime bien l’effet du hover sur le h1.
Sinon, pourquoi ne renommeriez-vous pas vos rubriques en enlevant l’adjectif possessif qui parasite un peu la liste?
Avant:
Après:
Et peut-être aussi augmenter la taille du textarea pour les commentaires…
Simon
Je trouve que le changement va dans le bon sens (allégement de l’affichage, clarté des points d’accès, …), en tout cas pour ce genre de site (priorité au contenu et à son accessibilité et non au contenant). Donc que du bon.
Il manque peut être des espaces, dans le menu latéral, entre chaque catégories (menu, rss, recherche, …).
En tant que designer, plus axé sur le contenu visuel, je ne trouve pas le choix de la police à empattements très heureux. A tout prendre j’aurais essayé des titres en fonte droite et du texte empatté, qui améliore la lecture.
A part ça, aller droit au but est louable ! je le lirais en .txt votre site, meme en jaune sur noir.
> vincent :
Ha bon ? Une police sans font ? Comme avant ? Hum… moi qui voulais un peu de changement… déjà que j’utilise la même palette de couleurs !
> Simon :
Proposition intéressante, je vais y réfléchir…
/Fred
Un ptit changement de couleurs aurait pu être sympa ;)
Le site est plus efficace (adieux la longue liste sur la droite, ouf). C’est très efficace, mais j’aurais bien vu un petit changement de couleur, histoire de raviver le tout.
salut, Juste pour dire que ton site sous FF mac est.. comment dire… illisible :) Moi qui croyais avoir un navigateur moderne…
juste une petite question sur la version « dégradée » du ton site, pourquoi avoir volontairement rendu la chose moins lisible que sans feuille de style ? (genre le fond hachuré qui parasite la lecture, le contenu centrer…)
sinon je suis plutot d’accord avec sebou san, un changement de couleur aurait été pas mal :)
Yoy, je pense que ton problème de visibilité sous Mac est tout con : il te suffit de recharger la page pour que la nouvelle feuille de styles soit prise en compte.
Si ça ne marche toujours pas, essayes de vider ton cache.
Et si ça ne marche VRAIMENT pas, peux-tu me faire une copie d’écran pour que je fasse un premier diagnostique du problème.
/Fred
Pour moi le précédent design était déjà magnifiquement simple. Celui là l’est peut-être trop…
Je suis complètement d’accord avec guiome. Avec l’ancienne version tu avais su trouver le juste équilibre entre esthétisme et sobriété. Là on bascule dans le minimalisme le plus abrupt, et comme en plus je ne suis pas du tout convaincu par ce mouvement dont tu parles (pour moi c’est complètement passéiste et anti-Web2.0)… moi je dis -1 ! Mais bon ça n’engage que moi…
Désolé, cette version est nettement moins claire que la précédente, qui était bien scandée par les barres de titre : on distinguait sans se poser la moindre question et sans la moindre ambiguité chaque sujet, ce qui est moins évident maintenant.
Il y avait donc une meilleure « accessibilité visuelle » (identification instantanée des différents sujets).
Et l’absence du menu des rubriques me laisse perplexe : où les retrouve-t-on ?
On ne va pas à l’essentiel en supprimant un menu clair, explicite, bien structuré tel qu’il existait : si tous les sites supprimaient les menus au profits de mots clef de très nombreuses pages intéressantes demeureraient ignorées de tous.
Ou alors il faudrait des sytèmes de recherche beaucoup plus élaborés permettant la proposition de synonymes et de mots connexes, et cela aurait probablement une certaine lourdeur.
> Fred
Oui, pour l’utilisation des polices, je confirme, je trouve ça moche, comprendre ça choque mon sens estethique. Je m’etonne de l’absence de remarques en ce sens. L’equilibre des polices et du texte est un exercice difficile. Les valeurs par defaut des styles usuels ne sont pas trop mal choisies, c’est pourquoi l’ensemble du web n’est pas trop moche ou difficile à lire. Commencer a sortir des sentiers battus présente des risques, à mon goût tu n’as pas obtenu un bon résultat, ces deux fontes n’ont rien à faire ensemble. Un screenshot de l’ancienne version m’aurait permis d’ettayer un peu plus :)
Quelle tristesse !
Bonsoir, j’apprècie fortement votre site internet et son contenu et je vous en félicite mais franchement j’ai l’impression qu’à force de surfer sur les sites conformes on est imprégné d’un certain style de site comme celui-ci et sous le prétexte « less is more » ou bien par manque de compétences graphiques on évacue le graphisme.
Si je change le titre du site, j’arrive facilement sur ergologique qui lui même est inspiré de http://www.boxesandarrows.com/ on tourne en rond et cela manque de personnalité à mon goût.
Je suis pour des sites conformes aux W3C mais également pour une variété dans les présentations, les mises en page, creusons-nous la tête !!!! Et je m’inclus dedans évidemment. Elucubrations
Waaaah trop cool : avec Firefox, les coins sont ronds !!
Je sens de la moquerie L’Ours :-)
Salut fred, c’est Fred. Bon et bien j’adore ! Je reste un grand fan du contenu toute façon :) Par contre, il a fallut que j’aille voir tout ça avec IE, car telle ne fut pas ma surprise sur mon FireFox V1.0 (qu’il faut que j’actualise…), en voyant cette page impossible a décrire : http://www.ergopole.fr/images/fredC.jpg
Une belle interface pour la version 7 :):):)
Ouf j’ai du faire 3/4 fois F5 car je n’avais pas tout le style.
Bien j’aime beaucoup mais les arrondis du bas sont un peu aliasé. Bien sûr c’est du chipotage.
:)
moi j’ai IE. donc il y a p-¨des trucs qui m’ont échappé
sobriété oui, mais petite perte en repérage :
titrage/texte pas assez différenciés
intertitrage/body idem
la p’tite navig du haut c’était plus clair
pas eu le temps de voir le coup des mots clé
typo un peu volumineuse à l’oeil dans cette configuration visuelle
à part ça je suis contente. Pas d’accord avec l’idée de nouvelles couleurs, je suis comme tous les lecteurs, je veux bien le changement mais faut pas tout me changer. J’avais quand même une tendresse pour l’autre design. Va falloir que je m’habitue.
Juste ce qu’il faut, Elucubrations :) ! Perso, je trouve que c’est aussi beau dans l’un ou l’autre navigateur : chacun y trouvera son compte.
Sur le fond, je suis assez d’accord avec toi : les sites finissent par se ressembler, et Ergologique n’est pas un modèle d’originalité, mais par contre, je peux t’assurer que Boxandarrows n’est ABSOLUMENT pas une source d’inspiration.
Fred > quel agrégateur utilises-tu ? J’utilise RSSreader, qui permet d’ouvrir les liens dans le navigateur par défaut (Firefox), mais aussi de servir de navigateur directement. L’ennui, c’est qu’il se sert d’IE pour ça. Je trouve ça quand même pratique (de n’avoir qu’une application), mais tant qu’à faire j’aimerais bien avoir un agrégateur qui fasse la même chose avec FF. Tu connais ?
Usabilité web : "Less is more", oui mais…
A en croire certains, la tendance en matière de conception de site web serait au « minimalisme ». Hem ! Il faut le dire vite… Car à voir le nombre de « sapins de Noël » qui hantent encore abondamment la toile [1], ce n’est pas gagné. Pourtant…
Emeric >
Thunderbird ? Je lis tout ce que j’ai syndiqué avec Thunderbird et à part les blogs en Flash, tout passe nickel. :)
Fred > Beau boulot pour ta page, je trouve qu’elle manque seulement un peu de peps ! Tu utilises un ton dynamique et enthousiaste pour tes posts, mais on ne retrouve pas cette tonalité dans ton design.
Je n’ajouterais qu’une vieille maxime de programmeur :
Keep it simple! Bravo pour l’effort minimaliste. Au début, on pert ses références mais ensuite l’appropriation est excellente. Bravo aussi pour la section de recherche d’archive.
Cordialement GG
Salut Fred c est simple c est efficace mais pour reprendre é commentaires :
++
Petit « détail » : Je préfère le lien vers les commentaires à la fin de l’article, plus logique dans l’ordre de lecture.
Très bon choix que d’utiliser Dotclear
C’est vrai qu’une petite refonte du code couleur en plus de cette minimalisation, ca aurait été pas mal :)
Suis d’accord avec Laurent, les commentaires sous l’article, cela semble plus logique… non ?
Ravi que tu adoptes enfin les tags !!!
On va pouvoir trouver tes articles dans Guten Tag ;-)
Les cadres autour des titres me manquent.