Pages :
Bonjour à toutes et tous Smiley smile

Comme Vero dans cet échange, je suis intéressé par les commentaires concernant l'accessibilité du site, suite à l'intervention de Laurent Denis dans le sujet sur le concours de l'été. C'est la premère fois que j'essai de donner à un site un maximum d'accessibilité, y suis-je parvenu ?

Vous pouvez aussi, si vous le souhaitez, apporter toute critique constructive sur l'ensemble du site, présentation des données, navigation, esthétique, etc.

Pour l'esthétique, je suis nul en graphisme, aussi je remercie très chaleureusement chanchan qui a proposé les premières maquettes, défini la mise en page et Vero (très patiente) qui a passé beaucoup de temps à créer de nouvelles maquettes et suggéré plein de trucs pour arriver à ce site que nous souhaitons accueillant. Pas moins de 329 messages répartis dans 19 sujets depuis le lancement du concours, ont été nécessaires entre Vero et moi sur un forum privé pour la mise à jour de mon site Smiley langue

Pour l'accessibilité, grand merci frank (knarf ici) pour toute l'aide apportée dans ces échanges sur le forum de web pour tous.

Grand merci également, à vous, pour toute l'aide que j'ai reçue ici, sur le forum Alsacreations Smiley cligne

Voilà ! Làchez-vous Smiley lol http://www.chroniques-taoistes.com/

ps : Le site est réalisé avec la dernière version de spip
Modifié par dominique (18 Aug 2005 - 09:54)
Administrateur
(en bas à gauche: logo de soutieN Smiley cligne )

J'aimais beaucoup l'ancien design, très épuré. Smiley ravi
Mais peut-être ne tournait-il pas avec un CMS (je n'en ai plus souvenir) alors que c'est devenu nécessaire? C'était intrigant à force d'épure donc ça rebutait peut-être au premier coup d'oeil certains visiteurs qui se précipitaient sur le bouton 'Back' de leur navigateur tout en captivant d'autres du 1er coup d'oeil; ce design-là, plus classique, permettra peut-être à plus de visiteurs d'au moins cliquer sur 1 ou 2 pages pour se faire une idée avant de continuer la visite ou de rebrousser le chemin.
Je sais pas si j'ai été bien clair, j'ai du mal à mettre en mot cette impression très personnelle Smiley cligne


Pour ce qui est de détailler l'interface actuelle:
- les illustrations sont magnifiques. Ca mériterait plutôt de s'afficher sur un 21" en 1900x1400 mais il faut faire avec, l'outil informatique a ses contraintes Smiley smile Leur proportion (hauteur) va très bien avec leur disposition!
- la couleur du texte est bien choisie, harmonieuse avec les autres couleurs du site (y a rien en noir, je me trompe pas?)

- le menu en haut à droite est très clair, très agréable.
- les "liens d'échappement" sont présents (tout en haut) mais pour le visiteur qui n'a pas de problème de navigation, "Faire une recherche" est très proche (visuellement) du champ recherche. En navigant par tabulation, c'est évidemment loin donc utile. J'aurais simplement modifié l'intitulé de "Plan Faire une recherche" pour "Plan du site Recherche", l'un est pas assez clair, l'autre trop AMHA.
- J'aurais plutôt vu le champ "Rechercher"/OK sur la droite, pour ne pas se placer dans le champ visuel du visiteur qui voit le yin-yang, le titre puis descend regarder les 1ères lignes de texte. Ca "casse" le parcours de l'oeil. (sur Alsa il serait idéalement placé par contre Smiley rolleyes )
- Juste à côté, l'indication "Vous êtes ici : Accueil > page" me semble un peu trop basse, 1 à 2 lignes plus haut serait aussi bien tout en restant suffisamment éloigné du logo

- Plan du site: rien à redire sur le contenu, le choix des "puces" de différentes couleurs en fonction du thème/rubrique est très bon. Simplement une remarque: on ne voit pas bien la séparation entre chacune des rubriques,ce n'est pas aéré. Le titre en plus gros serait pratique (mais cela casserait probablement la cohérence graphique du site) ou bien une ligne vide. Dans les liens par exemple, il y a un texte intercalé et du coup c'est bien séparé. (il y a un lien vers plan du site, je sais pas si c'est voulu ou s'il n'y a pas moyen de faire autrement avec Spip?)

- pour celui qui découvre le site et le taoïsme par la même occasion et n'a pas la réponse à la question "euh, c'est quoi le taoïsme?" dans les trois premières lignes du contenu de la page d'accueil, il y a la rubrique "Le taoïsme". Mais je ne suis pas certain que tout le monde le voit dès le départ (comme pour un menu standard rectangulaire à gauche), le premier clic va être pour les liens présents dans le contenu je pense. J'aurais bien vu un lien sur la légende des photos, sur le mot Tao. Exemple: Idéogramme du <a>Tao</a>. Le mot va être souligné par contre, c'est peut-être pas très joli ...

Voilà voilà c'était le pavé de commentaires en direct de mon clavier Smiley biggol
Modifié par Felipe (18 Aug 2005 - 12:50)
Merci johanna33 Smiley smile

Felipe a écrit :
(en bas à gauche: logo de soutieN Smiley cligne )

J'aimais beaucoup l'ancien design, très épuré. Smiley ravi
Mais peut-être ne tournait-il pas avec un CMS (je n'en ai plus souvenir) alors que c'est devenu nécessaire? C'était intrigant à force d'épure donc ça rebutait peut-être au premier coup d'oeil certains visiteurs qui se précipitaient sur le bouton 'Back' de leur navigateur tout en captivant d'autres du 1er coup d'oeil; ce design-là, plus classique, permettra peut-être à plus de visiteurs d'au moins cliquer sur 1 ou 2 pages pour se faire une idée avant de continuer la visite ou de rebrousser le chemin.
Je sais pas si j'ai été bien clair, j'ai du mal à mettre en mot cette impression très personnelle Smiley cligne


Pour les nostalgiques de l'ancien site dont la mise en page nécessite plus de 70 tableaux imbriqués, il est encore en ligne mais je ne vous promet pas de le laisser encore longtemps.

En fait, l'idée de faire un nouveau site aux standards et si possible accessible est né de plusieurs rencontres sur les forums, dont Raphael. L'idée du cms est venue plus tard, d'ailleurs rien n'empêcherait de faire passer l'ancien site sous spip.

J'ai été contacté par des écrivains et maisons d'éditions qui souhaitaient voir le dernier ouvrage publié dans la rubrique bibliothèque, mais cette rubrique est réservé aux livres que j'ai lus et qui répondent à certains critères. Donc ils devaient m'envoyer le livre sans certitude de la voir dans la liste.

Ce procédé ne me convenait pas du tout, d'où l'idée des annonces. Il fallait donc mettre en place un système qui permettrait à chacun de publier son annonce et en échange, ça donne un peu de vie au site qui, vous l'imaginez peut être, ne peut pas être très évolutif.

Autre idée et autres contacts, certains arts martiaux sont liés de très près au taoïsme, je suis capable de préparer une page concernant le taï chi chuan et l'Aïkido, mais je ne connais pas les autres discipline. Le site pourrait donc devenir collaboratif, ce qui amènerait encore plus de vie.

Je ne comprend pas trop ce que tu trouves d'intriguant dans l'aspect de l'ancien site ? En le revoyant, tu saura peut être me dire Smiley smile Le fait est qu'il était très apprécié aux vues des mail de félicitation que j'ai reçus. Maintenant, le design n'est qu'une affaire de goûts et j'ai conscience qu'un site peut ne pas plaire à tout le monde.

Felipe a écrit :
- la couleur du texte est bien choisie, harmonieuse avec les autres couleurs du site (y a rien en noir, je me trompe pas?)

- les "liens d'échappement" sont présents (tout en haut) mais pour le visiteur qui n'a pas de problème de navigation, "Faire une recherche" est très proche (visuellement) du champ recherche. En navigant par tabulation, c'est évidemment loin donc utile. J'aurais simplement modifié l'intitulé de "Plan Faire une recherche" pour "Plan du site Recherche", l'un est pas assez clair, l'autre trop AMHA.
- J'aurais plutôt vu le champ "Rechercher"/OK sur la droite, pour ne pas se placer dans le champ visuel du visiteur qui voit le yin-yang, le titre puis descend regarder les 1ères lignes de texte. Ca "casse" le parcours de l'oeil. (sur Alsa il serait idéalement placé par contre Smiley rolleyes )
- Juste à côté, l'indication "Vous êtes ici : Accueil > page" me semble un peu trop basse, 1 à 2 lignes plus haut serait aussi bien tout en restant suffisamment éloigné du logo


- En effet, sauf oubli, il n'y a pas de noir, les couleurs des textes et liens ont été choisies par Vero, entre beaucoup d'autres choses visuelles Smiley cligne

- Il n'y a pas un intitulé "plan faire une recherche", mais un intitulé "plan" et un intitulé "faire une recherche". Maintenant, je peux facilement remplacer "plan" par "plan du site" et "faire une recherche" par "recherche". Merci Smiley cligne

- Le formulaire de recherche juste sous le sommaire du site, donc ? Ca peut en effet être testé. Heuuuuuu ! Sur Alsa, je ne peux rien faire si ce n'est transmettre Smiley lol

- Le fil d'Ariane, pas facile de lui trouver la bonne place, j'ai déjà essayé de le placer plus haut, mais je trouve qu'il faisait "tout écrasé", je peux le remonter de quelques pixels pour voir.

Felipe a écrit :
- Plan du site: rien à redire sur le contenu, le choix des "puces" de différentes couleurs en fonction du thème/rubrique est très bon. Simplement une remarque: on ne voit pas bien la séparation entre chacune des rubriques,ce n'est pas aéré. Le titre en plus gros serait pratique (mais cela casserait probablement la cohérence graphique du site) ou bien une ligne vide. Dans les liens par exemple, il y a un texte intercalé et du coup c'est bien séparé. (il y a un lien vers plan du site, je sais pas si c'est voulu ou s'il n'y a pas moyen de faire autrement avec Spip?)


- Pour le plan du site, en effet ça pourrait être plus aéré. Celui-ci est le reflet de chaque rubrique avec, sauf erreur de ma part, la même couleur pour le masque chinois attribué dans chaque rubrique reporté sur le plan. Le titre de chaque rubrique est décallé vers la gauche pour ajouter à cette rupture, toutefois, je peux essayer de laisser plus d'espace entre chaque rubrique.

- Non non, on peut très facilement, sous spip, ne pas faire apparaître une rubrique ou un article, d'ailleurs vous ne voyez pas du tout la zone tests du site Smiley murf . Le lien vers le plan est présent pour que ce contenu soit identique à la rubrique "Infos site"... Si d'autres ont une opinion là dessus ?

Felipe a écrit :
- pour celui qui découvre le site et le taoïsme par la même occasion et n'a pas la réponse à la question "euh, c'est quoi le taoïsme?" dans les trois premières lignes du contenu de la page d'accueil, il y a la rubrique "Le taoïsme". Mais je ne suis pas certain que tout le monde le voit dès le départ (comme pour un menu standard rectangulaire à gauche), le premier clic va être pour les liens présents dans le contenu je pense. J'aurais bien vu un lien sur la légende des photos, sur le mot Tao. Exemple: Idéogramme du <a>Tao</a>. Le mot va être souligné par contre, c'est peut-être pas très joli ...


Ben là, bien que tu n'as peut être pas tort, ce sont les statistiques du site qui vont répondre, pratique aussi pour ça spip Smiley lol ... A prendre en compte, les stats sont certainement pour l'instant un peu faussées compte tenu du nombre de visiteurs qui viennent plus par curiosité de la mise à jour que pour le contenu du site.

- La page qui reçoit le plus de visiteurs est "Le taoïsme" avec 485 visites depuis la mise en ligne du site.

Ensuite, dans l'ordre :
- Le Tao de l’Art d’Aimer avec 365 visites (ha ! le sexe Smiley lol )
- Le Yi king avec 198 visites
- Les pages suivantes tournent autour des 160 visites.

Ces chiffres me laissent à penser que le lien dans le menu général est suffisant. De plus, le menu général contient assez peu de liens.

Je pense que ça serait bizarre de trouver un lien vers cette page au milieu des images... Si d'autres ont aussi un avis là, ne vous gênez pas Smiley cligne

Felipe a écrit :
Voilà voilà c'était le pavé de commentaires en direct de mon clavier Smiley biggol


Merci pour toutes ces appréciations et suggestions Felipe Smiley smile , un pavé en valait un autre Smiley langue mais y a pas de concours Smiley lol
Modifié par dominique (18 Aug 2005 - 15:03)
Quel beau site !
Smiley murf

Un truc que je n'ai pas eu le temps de dire dans les 339 messages (!)

J'aurais centré le menu accessibilité et mis à droite la recherche, effectivement et aérer, aussi.

L'ancien site était très sympa, mais je n'arrivais pas à y naviguer moi non plus ...

Pour ce qui est de la définition du taoisme, c'est la deuxième option du menu : une fois sur la page (1 click donc) la définition arrive !

Prenez le temps de visiter les pages, il y a des gravures maginifiques !



Smiley smile
Vero a écrit :
Quel beau site !
Smiley murf


hi hi ! tu as bien raison Smiley lol

Un petit point :

- le menu "Accessibilité" est modifié
- le formulaire de recherche est à droite... Z'êtes sûr que c'est mieux ?
- le fil d'Ariane est remonté de 10 px
- le plan du site est aéré

Centrer le menu "Accessibilité" ??? hummmmm ! pas convaincu, en plus, ça me force à ajouter une balise div... D'autres avis ?

Vero a écrit :
Prenez le temps de visiter les pages, il y a des gravures maginifiques !
Smiley smile


Voui ! Et tu as eu tout le temps de les admirer puisque tu as longuement travailler dessus... Merci Vero Smiley biggrin
Modifié par dominique (18 Aug 2005 - 17:09)
dominique a écrit :
Bonjour à toutes et tous Smiley smile



Vous pouvez aussi, si vous le souhaitez, apporter toute critique constructive sur l'ensemble du site, présentation des données, navigation, esthétique, etc.



Très très bien vraiment, c'est agréable, les tons sont doux et ça "dégage" une sérénité bien plus évidente que l'ancienne version.
Peut être essayer un alignement à droite pour le menu vertical en haut à droite (Accueil ...Le taoïsme ) histoire de voir mais pas certain que ça soit mieux. Et puis c'est pour trouver quelque chose à dire mais encore félicitation, c'est réussi.
Comme toujours le bg en fixed ralentit considérablement le scrolling sous Firefox sous Gnome (donc linux).

C'est bien évidemment pas de ton ressort, mais c'est un détail qui fera que je ne surferais certainement pas plus d'une fois sur un site comme ça.

Sinon j'aime bien la palette de couleurs et l'ambiance générale.

Pour les détails sur l'accessibilité je laisse place ^^
Bonjour à toutes et tous Smiley smile

Merci pour vos appréciations Smiley cligne

> tyx, de quoi parles-tu ? Je navigue sous firefox et je n'ai aucun ralentissement Smiley eek Je ne comprend pas. Le site a été testé ici sous linux avec différents navigateurs sans diffuclté.
Je ne sais plus quels sont les paramètres exact qui provoquent ce ralentissement mais sur ma ubuntu avec gnome et sous Firefox, tous les bg en fixed provoquent un ralentissement du scrolling.

A contrario, Opera n'emet aucune véléité, donc je suppose que c'est la version de Firefox de ubuntu qui a des soucis, à moins que tous les autres testeurs étaient sur KDE.
Merci pour ces précisions, tyx, les tests que nous avons réalisés ici étaient sous Fédora KDE avec firefox et conqueror.

Il y a peut être un problème de config sur ta debian ?

Là encore, il est malheureusement difficile de réaliser des tests sous toutes les plateformes et tous les navigateurs, surtout si il y a de grosses différences entre les mêmes outils sous linux mais en distrib différentes Smiley confus
Un peu tard pour réagir : j'ai beaucoup aimé le site.
Agréable à visiter, et agréable quand au contenu : j'y ai découvert et appris beaucoup de chose.

Merci pour cette découverte.
h2o a écrit :
Un peu tard pour réagir


Smiley eek nan nan ! Bonjour h2o et merci pour cette visite Smiley smile

Etre initiatique, c'est aussi le but de ce site Smiley cligne
Je ne trouve pas de précisions à ce sujet et pourtant je suis sûr d'avoir déjà vu un topic sur ce sujet sur un forum dont le background était fixé et où la population linuxienne était nombreuse.

Le souci vient soit du moteur Gnome, soit de la version de firefox distribuée dans Ubuntu. Je mène l'enquête histoire de voir quand même.

Enfin c'est un détail qui n'empêche pas la visualisation du site, et si le contenu est à la hauteur, cela peut rester viable (sauf pour les accros de la molette comme moi Smiley langue )
Oui, je n'avais pas remarqué, mais sous un linux debian (version : ?) et SawFish 1.0.1. (je ne sais pas si cela peut aider) avec ff (1.0) le scolling est effectivement saccadé ...

Si besoin d'autres informations sur la configuration Debian, je peux faire appel au spécialiste de la machine concernée ...

Et le bouton submit du moteur passe à la ligne (écran 1024).
Smiley ohwell oui, le bouton du moteur de recherche, maintenant qu'il est à droite Smiley lol Smiley lol ... Bon je regarderais lundi ce que je peux faire pour éviter ça, parce que ça veut dire qu'il arrive la même chose si on grossi la police dans les autres configurations

Merci pour vos judicieuses remarques Smiley smile
Bonsoir, une petite remarque également sur ton formulaire de contact, on clique sur envoyer sans rien remplir et je suppose que tu recois des mails vides. Il n'y a pas de control au niveau du formulaire ?

Smiley cligne
Bonsoir,

La resitution générale du site (c'est à dire le design) est pas mal du tout. L'interface est assez claire, et aérée. Cependant, quelques critiques quand même Smiley smile :

1) Vous spécifiez un charset iso-8859-1 mais quelques accents ne sont pas encodés. Pourquoi ne pas simplement opter pour iso-8859-15 ? Cela permet d'éviter la "traduction", et surtout une relecture bien plus simple, non ?

2) Vous spécifiez :
<img ... style='border-width: 0px'
A votre place, j'opterais pour la solution CSS :
img {
border: 0 none;
}
et je supprime tous les attributs "style".

3) Vous utilisez une ancienne méthode de mise en page (je parle de l'aspect purement graphique); en d'autres termes :
- Vous disposez d'un arrière plan général
- Mais les images (les sigles tao xxx.png) disposent de leur propre arrière plan.

En supprimant l'arrière plan de chaque image (fond blanc par exemple) et en rendant cette couleur exclusivement transparente, vous obtenez le même effet... mais le PNG est moins lourd. Voici un exemple que j'ai rapidement bidouillé que je vous fournis.

Une estimation : vous pouvez économiser 60% du trafic généré actuellement par chargement de page. Smiley cligne .

upload/2965-tao003trans.png
Oui, mais il y a un problème de transparence avec png sous IE.

Et j'avoue ne jamais avoir réussi à le résoudre ... même en essayant d'appliquer des techniques qu'il faudrait que je retrouve.

Alors, c'est peut-être au moment de l'enregistrement de l'image que je cafouille ...
Modifié par Vero (20 Aug 2005 - 00:35)
Pages :