clementpetitot.com - Nouveau design ! Partie 1, les critères du propriétaire

Comme la date du dernier article en témoigne, ce site n'est plus mis à jour depuis déjà un certain temps. La période du sport à Haut Niveau a touché à sa fin, je laisse néanmoins les articles disponibles pour consultation. N'hésitez pas à me contacter si vous avez des questions ou remarques : clement.petitot@essec.edu

Le blog s'offre un nouveau degin ! Cet article, séparé en deux parties pour plus de visibilité, va d'abord vous présenter mes critères de ce nouveau design, et détaillera ensuite (quelques, la liste est infinie) les difficultés que rencontre tout webdesigner / webmaster dans l'élaboration et la mise à jour d'un site. Ces articles changent un peu des sujets habituels, leur approche se veut simple et accessible. Bonne lecture !

Partie 1, les critères du propriétaire

Enfin pas exactement, puisque seul l'en-tête change pour l'instant. Il va d'ailleurs subir quelques nouvelles modifications. Il est vrai que l'ancien design était un peu austère, il répondait à certains critères qui ont depuis évolué. Voyons ensemble lesquels (affichés selon leur importance) :
1 � le titre la raison d'existence du blog devait être visible dans le titre, complété par le sous-titre. Ce critère reste inchangé. Le titre est un lien vers la page d'accueil du blog (convention d'usage).

2 - l'image Le tir était mis en avant, via l'image de mon pistolet 10m. Cette image représentait d'ailleurs le seul élément graphique, si l'on excepte les quelques (rares) photos inclues dans les billets.

3 � le menu Le menu aiguillait rapidement le visiteur vers les principales zones du blog. Un rappel qui pointe vers la page d'accueil, un lien vers l'outil que j'ai développé, le générateur de cibles, un autre lien qui me présente, une page de contact ainsi que le flux RSS (vous permet de suivre l'actualité du blog sans avoir à venir tous les jours vérifier si un nouvel article a été écrit). Un menu assez basique en somme, que l'on retrouve sur la plupart des blogs.

4 � la barre de recherche Une barre de recherche, au cas où vous avec un élément précis en tête à trouver.

5 � la pagination Une pagination, pour que l'on se rende compte de l'âge du blog / de la quantité d'informations (via le nombre de pages) et également pour que les utilisateurs irréguliers puissent avoir un aperçu rapide en changeant de page.

Si l'on résume, les éléments principaux doivent être accessibles dès le premier coup d'oeil, afin que l'utilisateur s'y retrouve le plus vite possible. C'est justement ce que j'ai essayé d'améliorer. On retrouve maintenant (ou on va retrouver, tout n'est pas encore fini) :
1 � le titre Les mêmes titre et sous-titre.

2 - l'image Une meilleure mise en valeur de ce que je fais (le titre ne suffit pas), à savoir étudier et pratiquer un sport à haut niveau. On voit immédiatement (et c'est fait exprès) que la fenêtre en arrière-plan est un éditeur de code (partie programmation, informatique au sens général), le titre de la seconde �chiffres financiers clés� met en évidence la partie gestion d'entreprise de ma formation (MIAGE, pour Méthodes Informatiques Appliquées à la Gestion des Entreprises).
La photo de l'arme a été modifée, afin que la séparation en-tête � articles soit moins prononcée, l'arme se fondant derrière le menu, la pagination et le premier article.

3 � le menu Le menu subit deux retouches. La visibilité du flux RSS est améliorée et un nouvel item fait son apparition, le programme hebdomadaire. Le nombre d'éléments reste inférieur à la limite qui est 7.

4 � le programme Je mets en ligne depuis quelques semaines mon programme hebdomadaire de mes différentes activités. Vous pouvez ainsi suivre ma préparation au jour le jour, voir quelles sont les différentes proportions de cours, tir, pratique physique... L'image attire l'oeil et retire clarifie la représentation que le visiteur a du programme (puisqu'il en voit une miniature).

5 � la barre de recherche Elle n'est pas encore adaptée au nouveau design, mais occupera à peu près la même place qu'avant.

6 � la pagination Son utilité reste réelle, même si je la qualifie plus d'un élément de second plan. Quelques changements de couleur sont à prévoir, sa visibilité est trop faible avec la nouvelle image.

Voilà pour ce qui est de la partie graphique, je parlerai dans la deuxième partie de la mise en place du nouveau design, en tenant compte des différentes contraintes.

Ligne de séparation

Voir les commentaires - Ajouter un commentaire

Vous avez aimé cet article ? Faites-le connaître !

Nouveau design ! Partie 1, les critères du propriétaire

Commentaires

Ajouter un commentaire

A propos