Entraide ergonomie

[yanhl]

Ce topic est créé afin de faire tester aux autres membre une page ou deux de vos sites afin de recevoir des conseils pour en améliorer l'ergonomie.

Ne soumettez pas de site complet : c'est trop vaste, trop long.
Soumettez plutôt vos pages de formulaires, vos pages de recherche interne, vos pages d'accueil de rubrique etc., une à une.

Ce thread est "réservé" aux personnes qui souhaitent recevoir des conseils et prêtes à se bouger pour améliorer leur site.

[pounk]

j'ouvre le feu avec ma page index alors, www.stars-celebrites.com

CELEBRITE

[yanhl]

Sur la home, le texte "La recherche se fait par noms de famille. " devrait être sous les lettres (comme sur les autres pages).
Si tes contenus sont en base, tu pourrais faire un petit moteur de recherche.
Sur les pages de liste, les resizes d'image sont de mauvaise qualité et pas forcément bien cadrés : pour la plupart, on arrive quand même à distinguer le visage, pour d'autres ça n'est pas le cas
Exemple :
Qui peut reconnaitre Marilyn Manson du premier coup d'oeil ?
Pour la qualité des resizes, vu qu'apparement tu te sers de php, tu pourras sans doute améliorer ta fonction en quelques secondes : il suffit de vérifier que tu utilises ImageCopyResampled() et non ImageCopyResized(), ça demande GD2 sur le serveur, par contre.

Quand on clique sur un lien, ça ouvre une page en popup sans l'interface de ton site: ce n'est pas un fonctionnement classique, et le classique est l'une des bases de l'ergonomie.

Sinon, le bandeau du haut est vraiment très grand : en 800*600, quand on est dans une liste, on ne voit que lui et les pubs : il faut au moins voir un bout du contenu. A la limite tu peux garder un très gros bandeau sur la home et en faire une version réduite pour les pages intérieures.

Voilà... si ça peut te donner des idées c'est cool

[Phix]

Je soumets ma page d'accueil aussi: http://www.nox-net.com/autos/
Merci d'avance

[blman]

Pour pounk,
Ta page est trop unie dans les couleurs, tu devrais mieux hiérarchisé tes infos en utilisants des codes couleurs par exemples.
Je détacherais visuellement l'entêtele, le menu, le contenu, le pied de page.

Tiens au passage, je suis assez fier du formulaire que j'ai réalisé sur mon site perso (encore en construction) à l'adresse http://www.bl-webdesigner.com pour la gestion des données à remplir obligatoirement, dite moi ce que vous en pensez mais pas la peine de m'envoyer 36000 messages, n'allez pas jusqu'au bout, svp !

[blman]

C'est une super idée comme post, mais ça va vite être le bordel... (un petit lien http://www.ergolab.net )

[pounk]

Merci pour vos conseils, j'en tiendrai compte pour ma nouvelle version )
Pour phix, le défilement de ta page est trop long pour le peu de chose qu'il contient en bas de page, il serait mieux de mettre tes "actualité auto" dans une fenêtre de texte défilant pour raccourcir ta page.

[yanhl]

blman : pour ton formulaire, si tu parles de l'encadré rouge, c'est effectivement une bonne chose, par contre il n'y a pas de tests très avancés : par exemple si je met un espace comme sujet ou comme adresse email, ça suffit à passer la validation.
désolé je suis allé jusqu'au bout, après quelques essais j'ai oublié d'effacer un champ au moment d'envoyer. :-/

[yanhl]

Phix : bloc de connexion pas assez clair : le seul texte est "s'inscrire", j'ai d'abord pensé qu'il s'agissait unbiquement d'un bloc d'inscription. Il faut séparer : Connexion [champs][OK] - S'inscrire
Le bloc est peut être trop intégré.

La navigation de droite mélangée avec la pub, c'est pas très lisible. Le fait que ce soit centré fait encor perdre l'impression de menu de navigation.

Un petit pied de page ne ferait pas de mal, pour qu'on trouve "contactez nous" sur toutes les pages, déjà.

En 1280px (ma résolution), la page d'accueil n'a plus aucune structure, d'autant plus avec firefox (ex : les puces du bloc de droite sont alors très éloignées de ce qu'elles sont sensées structurer)

[Phix]

@pounk: merci pour le conseil, je vais essayer de faire un texte défilant mais visible par les robots (prise de tête en vue )

@blman: j'aime bien ton formulaire, mais comme dis yanhl, pour faire vraiment parfait il faudrait vérifier le contenu des champs...

@yanhl: merci pour tes avis, je prends note et je ferai quelques modifs. Par contre quand tu dis que la page perd sa structure, qu'entends-tu par là? les blocs ne s'agencent plus comme il le faut?

[haderach]

Ok.
Je vous propose de jeter un oeil sur la page d'accueil de http://www.vosges-et-vacances.com

Merci d'avance

[yanhl]

phix> si, c'est toujours à la bonne place mais il y a trop de vide à gauche et à droite des images, et le texte passe sur trois lignes, ça n'a plus grand-chose à voir avec l'affichage 800px de large et son aspect "colonnes de magazine".
Il faudrait limiter à 1000px de large par exemple... mais vu le support des CSS actuel des navigateurs et en particulier du plus utilisé, tu n'as pas trop de solutions à ta disposition.

[yanhl]

haderach> pas grand chose à dire sur le design, ton site est clair. Sur firefox, la taille des champs de saisie est très grande. Sous IE par contre je trouve ça trop petit.
Tu pourrais faire ajouter un attribut maxlength au champ de saisie du code postal, et vérifier qu'on saisit des chiffres. Dans l'état actuel, si on saisit des lettres, on tombe sur une page d'erreur peu explicite.
Idem pour le nombre de personnes, et attention : tu affiches la requête.

En bas de ta page de résultats, un pager fait toujours bon effet : si tu sais que ton résultat est page 4 parce que tu refais une requête qui t'avait donné un résultat satisfaisant, tu as envie de pouvoir y accéder directement.

Il faut transférer les paramètres d'un formulaire de recherche en GET : ça permet de bookmarker ou d'envoyer une page de résultat à quelqu'un par mail.
De plus, la page de résultat doit afficher le formulaire pré-rempli avec les valeurs qui ont été saisies.

Tu as également des problèmes avec les pages avec carte. Exemple : http://www.vosges-et-vacances.com/carte/campings.php
Le formulaire ne sélectionne pas directement la ville recherchée. De plus, s'il n'y a pas de résultat, il n'y a pas de message pour avertir le visiteur.
Du coup, la première ville que j'ai testé, Nomexy, m'a affiché un formulaire n'ayant pas pris en compte ma demande et ne me précisant pas qu'une recherche avait été effectuée, je croyais que ça ne fonctionnait pas.
La même page est très haute : il y a un énorme blanc en bas de page.

La taille du texte en haut de cette page : http://www.vosges-et-vacances.com/carte/location.html
est plus grande que sur les autres pages du même type.

Bon voilà, déjà ça fait pas mal de petits trucs, j'arrête là

[Phix]

J'ai fais quelques changements suite à vos avis, est-ce que vous pourriez me dire si ca va mieux?
Merci d'avance...

-http://www.nox-net.com/autos/

[jobetudiant]

Bon, c'est sympa ca:

http://www.jobetudiant.net

Ca donne quoi?