Discussion :

[louisss]

Bonjour.

J'aimerais soumettre à vos critiques le design d'un site que j'ai mis en ligne en juin dernier.
Il s'agit de MarbleBook, un annuaire professionnel pour le Gabon. J'ai vraiment envie de promouvoir un internet de qualité ici (y'a du boulot !), alors la moindre des choses serait que les sites que je met en ligne aillent dans ce sens.
Voici l'adresse : www.marblebook.net

Merci d'avance
Cordialement

[supergeoffrey]

L'ergonomie est pas top!
La taille de ta frame est fixe il serait plus naturel quelle s'ajuste au navigateur : Je ne trouve pas naturel d'utiliser le scrool du menu on devrais utiliser celui du navigateur.
Je pense que sur toutes tes vues tu devrais avoir ton moteur de recherche.
Le bon point est que la navigation est fluide.
Le background gris est moche et ne s'accorde pas au ton bleu ciel.

[louisss]

Merci pour ces remarques supergeoffrey.

Je vais voir comment arranger tout ça.
Juste une petite question : avec quel navigateur (et quelle version) as-tu visité MarbleBook ?

Cordialement

[louisss]

J'ai travaillé les différents points évoqués par supergeoffrey.

Concernant la taille de la frame : elle est fixe parce qu'elle est composée des 3 colonnes qui s'affichent au gré de la navigation :
- la liste des catégories / sous-catégories
- la liste des sociétés de la sous-catégorie choisie
- le détail de la société choisie.
Ces 3 colonnes doivent impérativement avoir la même hauteur sinon, ça ferait bizarre avec la première liste très longue et la deuxième souvent très courte. Et comme cette hauteur n'est pas prévisible, je serais obligé de gérer ça avec de JavaScript et j'aime pas trop. Et puis au final, ça ferait souvent une longue liste avec un tout petit contenu dans la deuxième colonne, pas génial.

Du coup, concernant le scroll, je ne vois pas comment faire autrement. La première colonne déborde inévitablement. Si j'utilise uniquement le scroll naturel de la page, ça fait qu'on ne peut pas naviguer visuellement dans les catégories sans faire partir la liste des sociétés et la description de la société en cours. Pas génial non plus.

Concernant l'affichage du moteur de recherche rapide, je préfère qu'il disparaisse quand on visite une société. c'est très personnel comme choix, mais d'un autre côté je ne verrais pas trop où le mettre.

Concernant enfin le fond gris sombre, ça c'est mon plus gros problème. Je pense que je vais opter pour le blanc, ce sera sans doute le moins risqué.

D'autres avis ?

[Invité]

Bonjour,
mêmes remarques que supergeoffrey.
le + : surtout pour la fluidité de la navigation
le - : un design dépassé de 10 ans au moins... (et je suis gentil)
(des barres de scroll ! on faisait ça au siècle dernier !)

Concernant la taille de la frame : elle est fixe parce qu'elle est composée des 3 colonnes qui s'affichent au gré de la navigation

En travaillant avec des tailles en %, tu pourrais prendre toute la largeur de l'écran sans problème.
Au moins, passe en 980px au lieu des 900px actuels. Tu seras plus proche du "standard" actuellement acceptable.

- Je ne comprends pas ce choix d'un menu composé de balise <h3> ou <h2>, alors que l'usage est d'utiliser des <ul><li> (listes ordonnées).
- une grande partie du JavaScript doit pouvoir se traiter en CSS.
- l'usage de Jquery simplifierait aussi l'écriture du code JavaScript, tout en apportant de nouvelles fonctionnalités.

Ton menu "Catégories" mériterait un système de recherche avec listes liées (Ajax), qui prendrait moins de place
(et supprimerait du coup la barre de scroll du menu)

Et pour la couleur de fond (body) : #99ccff ou #3E7DB8 (couleur du texte)