WebRankInfo version 4 (topic officiel)

[sunjohn]

C'est pas seulement les goûts et les couleurs, en fait il y a une multitude de trucs.
Je vais prendre l'exemple de la homepage :



De gauche à droite : Safari 4 OS X, Firefox 3.1beta4 OS X et IE8 Windows (qui tourne dans une machine virtuelle, c'est une seule capture).

La police choisie est bien moins lisible sous Mac. C'est une police Microsoft, prévue pour être lue à l'écran avec un lissage Windows. Mais sous OS X, le lissage est différent et cette police apparait plus grosse. Sous windows, elle semble être une légère variante d'Arial, sous Mac c'est beaucoup plus prononcé et moins lisible. C'est une police que je n'aime pas en particulier quand on utilise le gras, qui n'est pas assez différent du normal. De plus dans les petites tailles (colonne de droite), on n'a pas les mêmes sous OS X et Windows.
Lisez (vraiment) le texte dans une des fenêtres de gauche ou dans celle de droite : on lit beaucoup plus lentement sous Mac.

Concernant les blocs ("A la une...", "Sujets d'actu..."), vous remarquerez que les couleurs sont différentes sous Safari et IE, alors qu'elles ne sont pas pour le menu. La raison est simple : Safari gère les profils couleur, mais le GIF ne peut pas avoir de profil couleur. Les couleurs des GIF sont donc celles de Windows, mais pas pour le PNG. On a un mélange de fonds en GIF (haut) et PNG (blocs) et le résultat c'est qu'on a des différences de couleurs et une charte moins carrée.
Autres soucis de réalisation : dans la feuille de style, on peut voir qu'il y a une tentative de mettre le même espace vertical entre les titres de la colonne gauche et les infos (rubrique, auteur, date), et les infos et le texte. C'aurait été bien, sauf que ça ne fonctionne pas, et il faudrait ajouter !important pour que la propriété soit prise en compte dans les CSS.

Si je met le doigt dessus, c'est pour montrer que l'intégrateur HTML et celui qui a fait la charte ne se soucient visiblement pas du Mac, ne connaissent visiblement pas Safari (et Firefox 3.5, qui gérera les couleurs comme Safari), et la tentative ratée me fait penser que le type qui a fait l'intégration n'a pas dû être très perfectionniste. Mais bon.

Passons à des trucs qui me sautent aux yeux :


Pourquoi le texte est-il justifié ? C'est illisible : les titres ne sont pas alignés, les espacements sont très variables, certains sujets font deux lignes et la deuxième passe sous la date : on n'a pas une colonne de date claire.
La place horizontale est précieuse, mais 30 pixels sont perdus pour écrire l'année, qui n'a pas vraiment d'intérêt.
Quant aux sujets sur deux lignes, je tronquerais peut-être et mettrais le titre complet en title du lien, ou bien si c'est sur deux lignes, j'éviterais d'interférer avec la date. De plus, si le séparateur est un tiret, je ne vais pas en plus l'utiliser pour la date, je remplace par un slash qui "rassemble" mieux les infos de date et redonne plus un sens de séparateur au tiret :

Je pense aussi que j'essaierais autre chose pour la date, parce que rien ne la distingue du lien... ou alors je la rendrais cliquable.

Dans le bloc "Derniers sujets..." il n'y a pas de date, pas d'heure et je trouve ça gênant : quand on revient deux fois de suite, on n'a pas vraiment idée de ce qui a pu changer (à part avec le tick mais bon... quand on change de navigateur, quand on réinitialise le navigateur pour le développement de son propre site, on perd cette info).

Quant au bloc de connexion, je trouve que tout est raté, que ce soient les libellés, la disposition ou même la réalisation (le bouton ok ne s'affiche jamais de la même manière selon les navigateurs, le lien Aide en vert... seulement sous Firefox).
De plus il colle aux blocs situés dessous, il y avait visiblement un problème d'intégration de la pub que le graphiste n'a pas réussi à résoudre.

Bon sur ce, je vais retourner m'occuper de mon site.
Parce que des erreurs qui me sautent aux yeux, des problèmes d'ergonomie flagrants... j'en ai plein aussi sur le mien

[darkjukka]

Une petite question Olivier, tu as utilisé quelle police pour le bouton "RECO!" ? Je la cherche depuis deux jours et les substituts que je trouve ne vont pas

[WebRankInfo]

si je me rappelle bien c'est hawkeye qui s'en est chargé... tu lui demandes ?

[darkjukka]

Oki, ça marche oui, je vais le contacter Merci

[darkjukka]

Je viens de voir que l'affichage pour passer à la page suivante d'un sujet avait changé, personnellement je trouve ça absolument pas pratique, j'ai mis plusieurs secondes à comprendre qu'il fallait cliquer sur le lien qui avait le titre du sujet pour aller à la page suivante

[rudddy]

Je viens de voir que l'affichage pour passer à la page suivante d'un sujet avait changé, personnellement je trouve ça absolument pas pratique, j'ai mis plusieurs secondes à comprendre qu'il fallait cliquer sur le lien qui avait le titre du sujet pour aller à la page suivante

à mon avis c'est un bug, il y a encore 3 jorus, ce n'était pas comme ça

tu confirmes olivier ?

[WebRankInfo]

oui c'est un bug, je vais le corriger
par contre je souhaite que le lien pour aller à la page suivante soit bcp + GROS car faut avouer qu'il est perdu au fond de la page

[darkjukka]

Ah ben les boutons comme ça c'est nickel par contre