Ce site web est avant tout un espace de réflexion. Il part du constat qu'il est parfois difficile de trouver son chemin ou une information sur le site actuel de l'ABCD. Ce constat n'est en aucun cas un jugement de valeur, ni une critique vis a vis des web-masters actuels du site qui font un travail remarquable pour le maintenir à jour, mais plutôt une volonté de repenser en profondeur l'architecture du site, de lui donner un petit lifting à l'occasion des 50 ans du club et de faire aussi un grand ménage. En effet, comme tout site web qui évolue et qui voit passer plusieurs web-masters sur sa maintenance, il s'étoffe, son contenu s'enrichit, chacun y apporte une touche personnelle mais le temps passant, l'unité de thème, de couleurs, de design, de mise en page se perd et conduit à une juxtaposition d'information parfois non structurées nuisant à la clarté du site.
Par ailleurs, je ne suis en aucun cas un professionnel dans la création et le design de pages web. Je le fais comme certains d'entre vous en tant qu'amateur, et à ce titre j'accepte d'autant plus la critique et le partage d'idées qui aident à avancer.
N’hésitez donc pas à utiliser le formulaire de contact. Il est relié à mon mail personnel le temps de la construction de cette nouvelle version.
Dans les paragraphes suivants seront présentés les choix principaux qui ont conduits à la version que vous lisez aujourd'hui, les raisons de ces choix et les concepts d'architecture mis en place. N’hésitez donc pas à vous exprimer sur ces choix pour qu'ensemble nous puissions avancer et créer un site qui nous ressemble.
Le choix de l'hébergeur
Le site que vous consultez actuellement est hébergé par e-monsite, le même hébergeur que le site actuel. Ce choix est délibéré car il facilitera la mise à niveau du site web. En effet, tout ce qui est présenté dans cette version temporaire sera directement transportable demain sur le site officiel. Cette stratégie permet en outre de conserver les "metadata" déjà renseignées sur les pages (non visible par les internautes) mais qui permettent aux moteurs de recherche de mieux référencer les sites web. L'objectif est donc de capitaliser le plus possible sur ce qui est déjà disponible et de réutiliser le maximum de pages et d'articles.
La version e-monsite utilisée ici est la version gratuite. Ceci explique l'apparition des publicités dans l'entête de la page et sur le côté gauche. Bien sur cela est amené à disparaitre lors de la mise en ligne officielle.
Le choix du thème
Le thème choisi est le résultat d'une double volonté:
Volonté de s'inspirer des couleurs de la ville de Blagnac pour bâtir le thème du site
Volonté de gagner en sobriété et en clarté de l'information par rapport au site actuel
La palette de couleur utilisée est en outre volontairement restreinte:
Couleur
La bannière
La bannière actuelle est très représentative des activités du club mais elle est aussi très chargée. A nouveau les deux critères que sont la sobriété et l'appartenance à la ville de Blagnac ont été déterminant dans le choix de ce design. L'objectif était de retrouver les codes du club (la tête de berger allemand, le nom du club et son slogan) et de l'associer à la ville de Blagnac au travers de l’écusson de la ville.
Des pictogrammes permettent de matérialiser chaque activité du club. Ces pictogrammes sont réutilisés dans le menu vertical de droite qui permet d'accéder simplement à chacune des disciplines.
Les menus verticaux et horizontaux
Le menu vertical du site actuel est très désorganisé et peu ergonomique. C'est un empilement de sujets et de thèmes dans lesquels il est difficile de s'y retrouver. L'option prise ici est donc de n'utiliser le menu vertical que pour accéder :
aux "Actualités" (régulièrement mis à jour, cette rubrique à pour but de mettre en avant les informations importante du moment),
aux Calendrier (dont l'objectif est de mentionner les dates des diverses manifestations de l'année)
et à toutes les informations relatives au club lui même et à son fonctionnement.
Par ailleurs, le menu vertical du site existant ne permet pas une navigation fluide. En effet, lorsque l'on veut accéder à un sujet situé dans un sous menu en bas de page, on utilise l'ascenseur pour se positionner. Cependant, dès que l'on clique sur un lien dans le menu, l'ascenseur se repositionne en haut. La conséquence c'est que la lecture d'une rubrique comme l'obéissance en devient compliqué, si l'on veut voir les différents sujets, Info/Qu'est ce que c'est/Licenciés/Résultat, on doit sans cesse utiliser l'ascenseur pour se repositionner dans la menu vertical et accéder à l'information.
Une solution pour palier à ce problème est d'implémenter une navigation par le menu horizontal toujours accessible quel que soit l'endroit de la page dans lequel on se trouve. C'est ce qui est proposé sur ce site. D'autre part, l'ensemble des disciplines est regroupé au même endroit dans un menu déroulant permettant une recherche/navigation relativement intuitive.
Le Canitrombinoscope
Cette rubrique à pour but d'héberger un trombinoscope des couples Maîtres-chiens pour que chaque membre du club puisse s'y référer quand sa mémoire flanche. L'idée est de mettre à jour cette rubrique annuellement avec les membres du club inscrit. La photo du couple maître-chien pourrait être prise à l'occasion de l’inscription ou faire régulièrement en fin de cours d'éducation des séances de photos pour alimenter cette page.
Voilà une proposition d’implémentation dans la rubrique photo du site: Canitrombinoscope
Cette implémentation reste à mon avis perfectible car il est nécessaire de passer la souris au dessus de la photo pour voir s'afficher le nom du couple Maitre-chien. Si l'idée est retenue nous essaierons d'améliorer cette partie.
Les tableaux
Ici le travail consistait à utiliser le thème du site pour construire les tableaux parfois utilisés dans les pages. L'implémentation d'un "pyjama" (alternance de lignes de différentes couleurs) permet en outre d'améliorer la lisibilité des tableaux.
La capacité de stockage pour le site est limitée. D'autre part, beaucoup de photos sont prises lors des différents événements. Pour éviter de transférer l'ensemble des photos sur l'espace d'hébergement, et pour donner un accès rapide au différentes photos, la mise en place d'un diaporama qui pointe sur des albums Picasa (pouvant être multiple) a été implémenté.
Voici un exemple d’implémentation dupliqué depuis la section photo de ce site. Il regroupe 2 albums différents.
Le fil d'Ariane
Le fil d'Ariane a été activé sur ce site. C'est un petit gadget bien utile qui permet d'identifier en un coup d’œil l'endroit du site où l'on se trouve. Il est toujours présent sur toutes les pages du site et permet de naviguer vers les nœuds parents d'une section. Dans la photo ci-dessous c'est ce qui est encadré en rouge.
En conclusion
Vous avez donc eu un aperçu des choix d'implémentation faits sur cette nouvelle version. Ce site n'a pas pour vocation d'être complet et à jour mais simplement de servir de démonstrateur et de recueillir vos impressions et vos suggestions. Cette présentation n'est pas exhaustive, alors naviguez et au travers des différentes page vous pourrez découvrir d'autres nouveautés.
Comme indiqué en introduction, vous pouvez utiliser le formulaire de contact pour me faire part de votre avis. Vous pouvez aussi utiliser la zone de commentaire ci-dessous, ils seront visible de tout le monde.
