Bonjour,

un ami a mis son site en ligne, et j'aimerais avoir votre opinion dessus en matière d'accessibilité, de design ...

J'ai déjà posté un message sur ce site chez phpfrance, mais pas pour les mêmes raisons.

http://www.almecia.fr

Merci de votre aide.
Salut,

Je trouve qu'il y'a plein de bonnes choses mais le tout est un peu confus et parfois pas lisible.

De manière générale, soit le texte est trop petit (texte d'intro sur la page 'accueil, ou sur la page présentation), soit il n'est pas suffisamment contrasté. (gris 30% sur gris 60% c'est loin d'un contraste maximal recommandé par les bonnes pratiques d'accessibilité, soit il est trop contrasté (blanc pur sur gris quasi noir c'est très fatiguant pour les yeux si c'est trop petit).

Sur la page d'accueil :

La barre de navigation principale est abandonnée visuellement, car l'oeil accroche sur le blason de la bannière, et embraye sur le contenu qui suit.

La barre noire qui contient le lien vers le panier et la recherche est très désagréablement mise en forme, elle pourrait être bien plus fine si cette icone de caddie n'était pas si grosse.

La zone de recherche devrait être plus visible que çà, c'est un élément important dans un site qui en contient une, il faut qu'elle soit bien plus visible ; si tu ne veux pas un blanc comme fond, ce que je comprends, essaye de mettre un gris beaucoup plus clair avec une typo plus foncée. La plupart des gens ont une plus grande facilité à lire du sombre sur un fond clair que l'inverse.

D'ailleurs à ce propos et pour revenir sur ma première remarque, quand tu utilise du texte en défonce (ici en blanc) dans un fond sombre pour un site, dis toi qu'il faut que tu graisse ou grossisse le texte par rapport à ce que tu aurais fais un foncé sur un fond clair. Pour une question de luminosité et de contraste qui équilibre la facilité de lecture.

As-tu essayé de désactiver la CSS et/ou les images du site ? Tu vas avoir des surprises car la plupart du contenu disparait par manque d'alternatives textuelles aux éléments en images.

Le catalogue :

J'aime bien cette présentation, la barre de navigation latérale est plutôt élégante, avec ce dégradé de la couleur de la catégorie qui se perd dans le gris.

Cependant, certaines couleurs ne sont pas suffisamment contrastées sur le fond gris. Epées et katanas ne se lise presque pas.

Les flèches "tous les articles" sont considérablement lourdes, elle mériterait d'être plus discrètes, surtout que le lien est présent juste en dessous. Enfin le bloc "titre + nombre d'article + image + double lien pour entrer dans la catégorie" est considérablement gros pour le peu d'information qu'il contient. La taille ne devrait pas être bien plus grosse que celles des articles qui suivent.

J'aimerai pouvoir cliquer sur le nom de l'article et pas seulement sur le bouton "détails" pour avoir plus de détails sur l'objet.

Je ne vais pas trop avant dans le processus de commande, mais il ne me semble pas légal de ne pas indiquer si le prix est HT, TTC ? Idem dans les pages du catalogue, ce n'est pas précisé. C'est à mon avis important que tu l'indiques !

La page de contact. A revoir, la couleur des champs (cf. la remarque précédente sur le champ de la recherche), l'alignement du bouton "envoyer le message" (pourquoi est-il complètement décalé ?).

La page communauté aussi, tout flotte, les zones de login et mot de passe sont trop petites et toutes la barre noire est confuse.
Hello,

juste pour ajouter que :

* +10 pour la lisibilité en général.
* je suis complètement fan des teintes choisies et du graphisme Smiley clapclap !

* un petit bémol pour le header de la page "Communauté" qui fait un peu "figurines" (ça n'est bien sûr qu'un avis très subjectif).
Hello,

Rien de très original pour ma part...tout ayant été dit ou presque.
Je plussoie donc les remarques de mes estimables collègues et vais tout de même rajouter deux petites remarques concernant javascript :

- Sur la page catalogue ton cadre panier (panierjsh,...) reste bloqué en haut à gauche en cas de desactivation de js et "gène" l'accès au premier onglet de la navigation (lorsque js est activé, ce cadre reste tout aussi "génant", même s'il est possible de le déplacer)

- Ton menu Catégorie n'est pas "entièrement accessible" sans js ( cf le menu accordeon de Thomas ) même si cela reste compliqué à mettre en place lorsque l'on a un nombre conséquent de sous-catégories, c'est appréciable Smiley cligne

Toujours sur ce menu, juste signaler que la navigation clavier produit quelque chose de "surprenant" (je métonne d'un rien Smiley lol ) était-ce l'effet escompté ? Ou un "malfonctionnement" chez moi ?

Dernier point :
a{
color: #878788;
font: 9pt trebuchet ms, sans serif;
text-decoration: none;
[#red]outline: none;[/#]
}

"Je" trouve l'apparition de ces pointillés à la prise de focus plutôt utiles (nous devons être quelques uns à le penser Smiley cligne )
Etaient-ils rééllement génants ?
Un effet visuel (même si cela ne modifie pas ma remarque) pourrait grandement faciliter le repérage du focus Smiley cligne

Voili, voilou...

Même appréciation qu'Heyoan concernant l'aspect graphique général, même si cela me semble au final un peu "sombre", c'est un joli résultat, bravo Smiley jap

Cdt,
Sylvain
Bonsoir à tous,

Je tenais tout d'abord à vous remercier pour vos interventions constructives, c'est une très bonne chose d'avoir un regard entièrement objectif sur son travail.

A ma décharge, concernant la lisibilité : la couleur des polices, le fond des input, c'est un détail qu'il me restait à régler avec mon designer avant le lancement officiel du site, (si si c'est vrai, c'est pas une excuse à deux balles.. non mais vous marrez pas comme ça enfin) seulement comme certains, que je ne citerai pas (n'est ce pas mcorgnet), postent avant que j'ai fini... je m'attendais à ces remarques. Je le remercie quand même, car il est mon premier client officiel( si vous saviez ce qu'il a acheté...).

Concernant le javascript, j'ai pleinement conscience du manque d'accessibilité de mon menu du catalogue, et le lien vers le menu de thomas va me permettre de corriger ça en partie, merci beaucoup. Pour le petit bug du à l'utilisation des tab, ben je l'avais pas vu Smiley biggrin je vais voir ce qu'il est possible de faire a ce sujet(pas confiant la moi...).
Pour le panier mobile du catalogue, j'ai aussi pesté en voyant qu'il recouvrait en partie, voire totalement le premier bouton en fonction de la résolution. Comme il fait partie intégrante du design du catalogue, il me semble délicat de l'enlever malgré ce problème.

Pour les pointillés de focus, ayant pleine foi en mon designer, c'est sur son conseil que je les ai désactivé pour des raisons purement esthétiques.

A coté de ça, pas mal de personnes trouvent l'ensemble un peu sombre, comme le disait si justement 6l20, mais cette 'luminosité' est volontaire afin de donner une ambiance à l'ensemble du site, pour garder un coté 'univers féérique', j'espère qu'au moins la dessus, nous avons réussi.

Pour le header de la communauté, je suis assez d'accord, d'ailleurs pour vous faire rire, les personnages qu'on y voit sont bel et bien des figurines en résines retravaillées pour l'occasion. Nous tenterons de changer ça pour un header un peu plus... sérieux, si je puis dire.

Enfin, en ce qui concerne la placement des boutons ou les taille des flèches dans le catalogue, je pense que c'est en grande partie une affaire de gout car personne ne m'avait jamais fait de remarque à ce sujet la (vu le nombre d'épées présentes chez moi et la proximité des gens qui m'ont donné leur avis, ca peut se comprendre), ceci dit je prends bien note de la remarque au cas ou j'ai un gros retour négatif a ce sujet.

Donc pour résumer, je sais que j'ai (que nous, y'a pas de raisons) sacrifié en partie l'accessibilité au profit de l'esthétique. Étant donné le caractère particulier des produits vendus, et le design général du site, nous voulions à tout prix garder un coté féérique et particulier sans qu'il soit 'entaché' par des petits pointillés disgracieux ou autres détails du genre.

voila, je vous ai collé un bon gros pâté, si vous êtes arrivé jusqu'ici, chapeau bas, même moi j'ai eu du mal... c'est mon record de post sur un forum, merci encore de vos avis ou remarques, ca m'aide aussi a prendre du recul sur le projet.
Salut,

Assez d'accord avec ce qui a déjà été dit ! Juste un truc : je n'ai pas le dernier portable du marché, mais tu fais peiner ma carte graphique ! Je m'explique : quand j'utilise l'ascenseur ou ma roulette pour descendre, ça saccade (beaucoup) !

A plus,
swissboy
Modifié par swissboy (10 Jul 2008 - 15:35)
Merci pour cette info.

Sur quel navigateur as tu fais le test ? j'ai noté des grosses différences entre les navigateurs à ce sujet. (sans parler de IE tout pourri qui oblige tout le monde à passer des heures à corriger les erreurs css...).
Par exemple sous firefox3 j'ai remarqué (chez moi en tous cas) que le zoom sur les photos ramait plus que sous safari, malgré le fait qu'il soit plus optimisé que la version précédente. Ayant un double cœur et 2go de ram, je doute que ça vienne de ma machine...

Encore merci de vos remarque et de votre intérêt.
Salut

Pareil, les couleurs et graphisme : super

Par contre le menu du haut on le zap carrement Smiley cligne

As tu essayer de mettre le menu en dessous de la bannière avec le blason ?

Smiley cligne