Bonjour à tous,

Je viens de développer un nouveau site web pour le boulot, il est consacré aux données de biodiversité en Belgique.

Je voulais un maximum d'avis me permettant de l'améliorer, principalement au niveau design et ergonomie. J'ai malheureusement du partir d'un design existant que je trouvais pas top, pour des raisons de cohérence avec nos autres sites... Aussi, je suis programmeur plutôt orienté serveur et j'ai donc comme il se doit quelques lacunes graphiques Smiley cligne

Le site est visible ici :

http://home.bebif.be/dp (merci de tester dans la locale Français ou Anglais, la version Néerlandais n'est pour l'instant pas complète).

Grand merci d'avance,

Nicolas
Bonjour,

C'est peut-être de mon côté qu'il y a un problème, mais la page d'accueil met plus de 35 secondes à se charger totalement (243 requêtes). De ton côté aussi ? Si oui c'est assez gênant.

C'était ma petite remarque en passant. Autrement le design est sympa, même si la bannière "réaliste" tranche un peu avec l'image de pied de page plus "grossière". Et j'ai du mal à comprendre comment marche la carte de la page d'accueil, comment effectuer la recherche par zone géographique ?
Bonjour,

Tu as raison pour les performances, je n'ai pas fait très attention à cela jusqu'ici... Chez moi ça se charge quand même assez rapidement, mais peut-être est-ce du à ma proximité avec le serveur ? Je vais regarder à cela, même si il y a pas mal de volume difficile à compresser : grosse bibliothèque Javascript, les tiles de la carte, ...

Pour ce qui est de la carte, tu dois sélectionner l'outil "rond" ou "rectangle" afin de faire une sélection. Effectivement, ce n'est peut être pas très clair. Je pensais sélectionner un de ces outils par défaut (actuellement c'est la main, qui permet de déplacer la carte).

Qu'en penses tu ? (les autres peuvent répondre aussi hein Smiley smile ).

Je cherche à rendre cette fonctionalité plus claire, sans devenir trop "verbeux"...

Grand merci à toi en tout cas, je vais regarder à ça immédiatement.
Aaaaah ok, j'avais essayé mais j'avais pas remarqué que les résultats s'affichaient en bas. Faut avoir un grand écran =D
Bonjour,

Graphiquement le site est sobre, et les couleurs sont reposante, très en accord avec le sujet. Ce n'est effectivement pas un site de designer, mais il passe très bien.

Pour ce qui est des problèmes de performance, la première chose à faire est de compresser les images, 238Ko pour l'image du header c'est beaucoup trop, il y a moyen de passer par un jpg (car le fond de la page ne nécessite pas réellement de transparence (puisque tu sais exactement quelle est la couleurs qui se trouve en dessous, même avec le dégradé)) (et en plus les utilisateurs d'IE6 n'auront pas des arrondis en coin gris) compressé (en général 60 ou 70 est très bien pour le web).

Il serait également bien de retravailler les images des logos des sponsors (?) qui donnent, elle, l'impression d'avoir été beaucoup trop compressées.

La carte ne s'affiche pas sous IE6 (j'ai un cadre, et les boutons d'action mais rien d'autre).

Certains éléments disparaissent derrière d'autres en cas de fort agrandissement, il faut revoir le positionnement de ces éléments.

Pour ce qui est du code :

* Chaque page du site doit avoir un titre unique qui se rapport au son contenu et non pas seulement au contenu du site.

* Chaque page devrait également avoir une description (meta description) unique qui décrit le contenu de la page concernée. Si la meta description n'est pas utilisée dans le cadre du référencement d'un site et d'une page, elle est toute de même utilisée, sous certaines conditions (notamment de pertinence), par les moteurs pour afficher une ligne de contenu sous les titres des pages dans les résultats de recherche. L'intérêt pour le concepteur du site est donc d'attirer le clic du visiteur potentiel en rendant cette description "sexy".

* Le code JS inclus dans le header devrais se trouver dans un fichier externe (ainsi il sera mis en cache). Il serait également préférable qu'il soit appelé en fin de document (ainsi il n'empèche pas les autres élement de charger pendant que lui est chargé).

* Il faut absolument revoir certain textes alternatifs :
<img alt="Page header" src="/dp/images/newHeader2.png?1256024763" />
"Page header" n'est absolument pas représentatif du contenu réellement porté par l'image, à savoir : "Belgian Data Portal - Give wings to your research".

* Dans la version française, la langue du document précisée est l'anglais, cela doit être modifié. Il faudra également penser à signaler tous les changement de langue (par exemple pour le alt de l'image header).

* Bien qu'en général, on comprenne assez bien que "fr - en - nl" se rapportent à un changement de langue, il serait bien que cela soit précisé (par un "choisisez votre langue" par exemple). L'utilisation d'une liste pour lister les différents langages serait également bien venue. Pour finir, il serait également bien d'utiliser l'attribut title sur les liens pour préciser en toute lettre le nom de la langue concernée.

* Le lien de contact fait un peu perdu dans la section de changement de langue, il serait peut-être mieux dans le menu principal.

* L'ordre des éléments du formulaire de recherche n'est pas logique, puisque le mot clé "rechercher" apparait tout à la fin, et le critère de recherche "par nom d'espèce" en premier. C'est légèrement perturbant, et encore plus pour quelqu'un qui n'aura pas l'image.

* La hiérarchie des titres du documents n'est pas correcte : tu passe d'un H1 : la biodiversité en Belgique à un H3 : Bienvenue. 1. Ce n'est pas logique 2. un h3 doit toujours être précédé d'un h2 lui-même précédé d'un h1.

* Préciser le navigateur "compatible" avec le site n'est jamais une très bonne idée, cela montre que le développeur n'a pas pris la peine de / n'a pas été capable de / n'as pas eu le temps de /n'a pas penser à faire en sorte que le site puisse être visionné par tous les navigateurs. Et exclure les utilisateurs d'IE6 surtout pour un site gouvernemental/en relation avec une entité gouvernementale (ce qui est le cas de ce site).

* La ligne d'explication concernant le formulaire de recherche devrait se situer avant celui ci, et non après.

* Une recherche sur l'espèce "chouette" ne me donne aucun résultat, c'est embêtant... Surtout que je ne connais pas le nom scientifique de la chouette. Il faudra précisé dès la page d'accueil que c'est une recherche sur le nom scientifique de l'espèce qui est effectué.
Salut,

Il faudrait faire disparaitre l'intitulé "en" dans le menu de sélection des langues lorsqu'on se trouve en anglais, qui est inutile. Si on parle pas anglais et qu'on sait même pas qu'il s'agit d'anglais, on peut toujours cliquer sur une autre langue, sinon on sait déja qu'on est en anglais, pas la peine de le préciser. ^^

Les trois icones en haut à droite sous le bandeau, vu leur position dans le site ça doit être important, mais en tant que visiteur ça ne l'est pas car je ne sais pas de quoi il s'agit.

Le vert de la colline du pied de page est très violent, et jure complètement avec les tons doux du site. Un peu moins, mais pareil pour le bleu et le beige. Peut être qu'un léger dégradé rendrait ces éléments moins agressifs visuellement.

Je trouve l'utilisation de la carte peu claire, cela mériterait d'ajouter quelques explications sur le fonctionnement.
Merci à tous pour vos remarques, tout ça est très intéressant et pertinent.

Je bosse la dessus et je vous montre les modifications bientôt. Il y a malheureusements quelques points sur lesquels je suis d'accord avec vous mais pour lesquels j'ai reçu des ordres inverse de mes responsables...
Concernant la remarque de Laurie-Anne sur l'utilisation d'IE6, quelle est la position des autres ?

Jusqu'ici ma position a été de se débarasser aux plus vite des vieilles casserolles et de garder le code le plus clean/standard/evolutif possible... Concretement, je traduisais cela en rendant un site :

- nickel sous les browsers modernes que sont chrome/FF/Safari et co.
- correct sous IE 7 et 8.
- non testé sous IE6 et inférieur.

IE7 datant tout de même de 2006, n'ayant pas d'obligation commerciales de supporter la version 6, et voulant quand même utiliser un maximum les standards et leurs améliorations récentes, cela vous parait si embêtant que ça de limiter le support IE aux versions 7 et 8 ?

J'espère ne pas faire partir la discussion en troll, c'est une vraie question Smiley cligne
Salut,

Pour moi la réponse est là :W3School - Browser statistics (en)

On arrive au bout, mais 12% reste encore un nombre important. A noter que l'arrivée de windows 7 devrait accélérer la disparition du doyen actuel des IE.
Modifié par Mikachu (28 Oct 2009 - 14:40)
C'est vrai, 12% ce n'est pas rien...

Le truc c'est que (mais je ferais peut être bien de ranger mes convictions au fond d'un sac quand je suis au boulot Smiley smile ) j'estime que de manière générale, si les développeurs étaient/avaient été moins nombreux à ruser comme des sioux pour rendre leur site compatible IE6, celui-ci aurait disparu depuis longtemps... sans compter que les temps et les hacks ajoutés se font au détriment d'autres fonctionalités / d'un meilleur respect des standards...

Voilà, ce n'est que mon opinion et je ne cherche pas à tout prix à contrecarrer vos remarques, c'est juste que je trouve ce débat intéressant, j'espère juste ne pas trop faire dévier le fil...
Pour IE6, on va faire simple.

Su ton site tu affiche le logo de belgique.be qui est un site d'organisme officiel ; ton site a également tout l'air d'un site d'organisme officiel ou apparenté. J'en déduis que le site est (en partie) financer par un organisme public. Donc légalement tu dois non seulement assurer le support IE6 mais également celui d'IE5 et inférieur, car c'est un critère d'accessibilité. Si le site n'est pas géré par un organisme officiel, l'accessibilité n'est pas légal mais tout de même souhaitable.

D'un point de vue plus pratique, IE6 est encore très utilisé par des gens qui surfent au boulot notamment, donc une grosse partie de la cible de ce site. Le support d'IE6 est donc une nécessité ici.

Tu va certainement me répondre que les stats d'IE6 ne sont pas très bonne sur ce site, mais si la partie la plus importante du site est innaccessible à IE6, c'est un peu logique. C'est comme dire, "mais pourquoi installer un ascenseur dans cet immeuble, on voit jamais de fauteuil roulants au 3ème étage ?".

Accessoirement, pourquoi ce contenter d'un rendu "correct" pour IE8 ?
Ok Laurie-Anne, je prends bonne note de tes remarques, je vais donc me débrouiller pour dégager un peu de temps pour bosser sur le support de ces browsers !

Que je dis "rendu ok pour IE 8", c'est simplement car j'utilise quelques directives CSS 3 qui sont tout à fait facultatives au fonctionnement du site mais ajoutent un peu d'eye-candy, des choses du type coins arrondis. Je connais les techniques qui utilisent du JS ou des images pour réaliser ceci, mais d'un point de vue "développeur" je trouve cela particulièrement crade (manque de souplesse, complication du code, outils moyennement adapté, ...).