[Design] Futur template des Chroniques

Je vous livre la critique approfondie de la maquette actuelle des Chroniques par une connaissance douée en webdesign. Globalement, lorsque l'on aura migré vers Kunena, je ferai au maximum pour que le site soit fonctionnel. Alors je reprendrai à zéro le template.
Quitte à le faire, autant le faire bien, une fois pour toutes.

Trève de bavardages, voici la critique :

[...]
Je ne ferais pas de comparaison entre l'ancien et ton nouveau, ne connaissant pas le contenu du cahier des charges.

D'un point de vue ergonomie, une chose me saute aux yeux. Ton titre "Les chroniques des jours anciens" ne se voit pas autant que le bouclier (lui ressort très bien).
Ne peux-tu pas : soit intégrer le bouclier à ton titre; en faisant un logo général, soit en accentuer la visibilité du titre. Conserve ta typo elle est fait très médiévale. Mais rien ne t'empêches de lui appliquer un petit traitement ombré, ou une lueur or, pour lui donner un coté plus précieux.

Les deux blocs "Membres en ligne" et "Bonjour Krycek" flottent un peu.
Essaie de les encadrer dans une box, de manière à bien délimiter les contours. L'oeil saurait, de cette manière, où se positionner.
Ton header doit avoir plus d'importance que ta barre de menu. C'est lui que l'internaute voit en premier. C'est l'identité de ton site.

Ta barre de menu marron est très bien, le traitement apporte du volume à ta maquette. Il attire tout de suite l'oeil. Conserve le.
Tes pictos sont très sympathiques, mais on ne sait pas toujours ce qu'il y a derrière. On doit regarder dans la barre d'info en bas du navigateur pour voir ou cela pointe. Un petit intitulé, sous les pictos, discret, ne pourrait que faciliter la navigation.

D'autres remarques en vrac (je ne commente pas ce que je trouve bien, alors ne crois pas que je critique tout )

- Le champ rechercher n'a pas de bouton OK, ou ENVOYER ?
- De manière général, ton fond est beige, tes div sont beiges, ce qui fait qu'au final rien ne ressort vraiment. Je n'ai pas vraiment de solution, mais essaie de faire ressortir tes box, en fonçant le fond, ou en l'éclaircissant. A toi de tester.
- L'encart Bibliothèque mériterait un traitement particulier, un fond marron ? Les intitulés en capital ?

La règle à respecter quand tu design ce genre de site un peu "carré" est PETIT-MOYEN-GRAND CLAIR-FONCE.
Joue avec les nuances.
[...]
Je ne sais pas si ca t'aura aidé. En graphisme c'est pas toujours facile d'expliquer ce que l'on veut dire. En code on copie-colle la solution mais là je peux que te donner des directives.
[...]
Bonne journée

Pour info, voici son site internet : www.hypaepa.com/
En attendant vos commentaires...

Les critiques sont donc les mêmes, moins de nuages, plus de blocs, le niveau biblio' - bienvenue - news à ordrer sérieusement, un plus grand titre ou du moins plus attirant serait effectivement agréable.
Je maintiens le 20 - 60 - 20 et bref, mon avis n'a pas changé.

Je comprends mieux pourquoi c'est un métier et toute les difficultés que tu rencontres. Je pense que toutes ces remarques sont très pertinentes. Un sacré coup de pouce!
Son site est un odèle de synthétisme et d'efficacité. Il y a l'essentiel mais il y a tout.

Derrière tout ça, finalement il y a toute dimension hierarchisation des info qu'on pourrait se poser. Mais bon, faisons simple sans se prendre le chou,encore bon courage mon bon krykry.

Je vais repartir de zéro, je crois que je me suis emmêlé dans certaines parties, reprenant d'anciennes idées et tentant de les modifier. Ce n'est pas de l'innovation.

Pour être honnête avec vous, une de mes plus grande difficultés est de savoir ce que VOUS voulez avant et non après coup. En effet certains sont plutôt conservateurs, quand d'autres seraient près à tout lâcher pour une nouvelle expérience du site. Pour ajouter à la difficulté j'ai tendance à croire que les idées neuves que j'ai seront forcément acceptées parce que collant à notre façon de fonctionner. Dernier exemple en date le système d'édito proposé quelques posts avant :

Difficile aussi derrière de défendre les idées que j'ai en expliquant le rapport à l'intuitivité et les connaissances que j'ai en webdesign sans pour autant paraître buté ou condescendant. Juge et partie : pas simple.
Il faut que je jongle entre les deux et me compare constamment à ce qu'avait fait Gulix, que tout le monde a plébiscité (son travail), conserver ses idées mais les adapter à nos nouveautés. (Ne cherchez pas de Caliméro, je ne fais que m'expliquer et non m'épancher )

Une fois que j'aurai un squelette, ça aidera. Par "squelette" j'entends l'agencement. Après discussions avec Feurnard il semblerait qu'une des solutions la plus à même de fonctionner se rapproche plus d'une organisation de site 2.0 standard. Ce qui est quelque part assez simple à mettre en oeuvre mais que je pensais trop "new age" pour les Chroniques.

Quoiqu'il en soit, j'y ai beaucoup réfléchi hier et je pense avoir trouvé quelque chose d'intéressant.

"Qu'attend-il pour se mettre au boulot ?" vous direz-vous ! Eh bien, je cherchais surtout à savoir comment draper le tout correctement et grâce à la critique de cette amie j'ai compris que je ne cherchais pas à harmoniser le tout mais à utiliser les images que j'avais déjà. Erreur. Le plus simple sera donc de refaire une charte graphique, tout en conservant les tons actuels (marron-ocre-beige).

Krycek, qui utilise le forum comme tampon pour s'éclaircir les idées. Finalement ce divan du SAV est plutôt agréable !!

Edit :
Voilà, j'ai travaillé de nouvelles idées mais je me dois de vous prévenir.

Avant de cliquer sur le lien ci-desous, lisez bien cette intro :
Il existe une technique de brainstorming qui pousse les gens à envisager de nouveaux points de vue. Ils travaillent sur un nouveau concept car (par exemple) et on les coupe, on leur dit "oubliez la voiture, regardez cet avion. Inspirez vous de son design pour créer un autre design". Au final, on revient à la première maquette et on sait alors l'envisager sous un autre oeil.
Traduction : ne vous fiez pas à l'agencement (je suis toujours pour le 20-60-20 de Fufu) mais prenez de la graine et dites moi !!!

Maquette Chronik1 : les-chroniques.eg2.fr/_test/Chronik1/page.html

Et juste histoire d'insister, sans vos avis je n'avance pas.

Sujet divisé pour plus de clarté. Et au passage si vous avez 5 minutes pour donner votre avis sur la dernière maquette (cf edit ci-dessus). Merci d'avance !

Bon indéniablement c'est agréable à l'oeil, très reposant. Presque trop même, à la limite des petites fleurs, quand on pense à ce qui se déroule dans nos textes et notre passé Warhammer.
Mon environnement préféré est le "vieille bibliothèque", je ne me suis habitué que récemment au neuf des locaux. Il faut comprendre que le template final sera apprécié par tout le monde, je le sais d'expérience. Ceux qui râlent ne le font que par nostalgie et par mauvaise foi.

Je sais critiquer des textes mais pas des sites. Tu n'as pas vraiment le choix, il va te falloir progresser en aveugle. Au fait, tous les produits où le producteur a (trop) écouté les clients ont été ratés. Je te conseille de ne plus faire confiance qu'à toi désormais. Tu es aussi un chroniqueur. Tu es le mieux placé pour savoir ce qu'il nous faut.

Pour le coup, si tu veux réussir le template il va te falloir faire abstraction de nos avis à nous. Et n'y vois pas que la lâcheté d'un renard qui ne sait plus quoi dire, j'ai le feuilleton en tête quand je te parle.

Hello!
Bon j'ai juste lu la petite intro où c'était marqué "surtout lisez avant de cliquer" puis j'ai cliqué. Pour rappel je suis sous une vieille version d'IE donc je sais pas ce que mon avis vaudra...
Impressions vite fait : c'est sympa, bon au niveau des couleurs, j'aime pas trop l'espèce de rose, et puis en fait j'aime juste les teintes entre brun, doré et beige pour les chroniques, je sais pas pourquoi mais pour moi ce sont les couleurs des chroniques. Bref.
Le header avec les feuilles c'est mignon mais je trouve qu'il faudrait plus de feuilles (ou fleurs ou quoi que ce soit).
Voilà, pas grand chose à dire de plus, ça a l'air très bien au niveau visibilité et tout.

@Feurnard
Très bien, je comprends. Merci pour cette franchise.

Quoiqu'il en soit, au delà de l'agencement sur lequel on s'entend, je pense que je vais pencher vers ce dernier style de template proposé. Il fait plus soigné je trouve et apporte de la lisibilité à l'ensemble.

@San
Au sujet des feuilles (et non fleurs Fufu' ) je note et pour le rose... eh bien... je cherche toujours où tu vois du rose !!!
...
Ah peut-être le fond du corps. Ben je vais ajuster pour qu'on y voit plus du blanc cassé/beige que du rose.

Merci à vous deux !

Edit : petite question technique. Sur la dernière maquette proposée , voyez le menu déroulant "categories". Je pensais adapter le menu Bibliothèque de la même façon.
On pourrait alors avoir sur un second niveau, pour chaque type de texte :

• One Shots
• Toutes les sagas
• Publications

Ca aiderait aussi à libérer un espace pour module puisque le menu bibliothèque se doit d'être disponible sur toutes les pages.

Qu'en pensez vous ?

Pour reprendre un conseil d'abord : "Ta barre de menu marron est très bien, le traitement apporte du volume à ta maquette. Il attire tout de suite l'oeil. Conserve le."

La bibliothèque est le principal outil de navigation, sinon pour ainsi dire le seul véritable. Le mettre en valeur est crucial. Donc si elle finit en barre de menu, autant que cette barre attire l'attention.
Dans ce cas alors oui, d'autant que le second niveau est bienvenu (Iggy ne dira pas le contraire), j'approuve le choix.

Reste que si le module de bibliothèque disparaît alors il faudra voir où caser celui du feuilleton, voire, supprimer ce dernier (de module, hein, vous n'aurez pas la peau de Libra).
Mais tu as raison, surtout quand on envisage la navigation des autres pages que l'accueil. Le menu Bibliothèque a sa place dans la barre, en déroulant, il faut juste bien mettre ça en valeur. Je ne supporte pas un site d'écriture où les deux choses les plus difficiles à trouver sont le forum et les textes publiés (cas d'Oniris notamment, navré pour eux).

De toute manière je ne peux que t'approuver puisque ça allègera d'autant la présentation.

Edit : Tu n'essaierais pas de me faire flooder ?

Sur la dernière maquette proposée, le fond est toujours rose et sinon j'ai pas trop compris (j'ai honte) donc euh je propose de donner une appréciation quand ça sera en place xD

PS : le flood c'est la vie!

@Feurnard : ok je pars en ce sens. Mais pour le feuilleton, je penche plus pour garder le style actuel qui revient à un cadre avec un lien et une intro ou je ne sais quoi qui mène à Libra. Ca n'a rien à faire dans la barre de titre, ne t'en fais pas.
Pour la visibilité de la bibliothèque, je penche pour ajouter les pictogrammes actuels et leur nom à droite comme titre de menu déroulant.
En gros, une fusion de notre menu actuel et celui de la maquette proposée.

@San : Je n'ai rien modifié, je voulais juste attirer votre attention sur le menu.

PS : JE reste le prince du flood (dixit San). Mwahahahahaha !

Histoire de vous permettre de comparer :

• Première maquette des Chroniques avec le template issu de D.S Original (forum)
• Maquette Chronik1 construite avec Artisteer
• Maquette Chronik2 construite avec Artisteer

Chronik2 tient compte de vos remarques ci-dessus, à savoir les fleurs de Feurnard, le rose de San, une revue des couleurs du menu et certaines puces ou autres détails (forme générale, etc). Si le bouclier a disparu c'est parce que je réserve quelque chose de différent au final pour cette partie du header.
Le bouclier et les pictogrammes reviendront bien évidemment. Dernière chose : oubliez l'agencement pour le moment, regardez uniquement le côté graphique.

PS : Alors ? Convaincu ? Kicé le roi du flood ?!!

Bon, ben, euh... c'est jouli !

Oui, je sais, je suis toujours aussi productif. Mais, au moins, tu as un avis

Je maintiens que les Chroniques n'ont pas grand-chose à voir avec des feuilles et des arbres, même Larmes en est à des kilomètres, je ne suis pas un elfe, les trois quarts de nos récits parlent de barbares et de balles perdues et l'écriture n'implique pas de boire du thé.
Nous ne faisons pas de la littérature abstraire, rappelons-le : fantasy et sf. Il faudrait songer à une autre image que des feuilles et des oiseaux, aussi joli tout cela soit-il. Nous avions des bandeaux un peu plus sauvages, plus médiévaux aussi.

Si on garde les feuilles, d'accord, on s'y fera. Mais tant qu'à donner son avis, mettons du caractère là-dedans (sans tomber dans l'extrême inverse avec des dragons et du parchemin partout).

Oh ouais des dragons partout!

Disons que je trouvais que les feuilles faisaient assez "temps qui passe", ce qui seyait pas mal aux chroniques. Même si j'ai un peu douté au début, je trouve que c'est cohérent. Et les teintes forcément automnales vont bien avec la nostalgie qui ressort généralement de l'expression "jours anciens".

Il y avait des propositions autres que les feuilles ?

Oui. Des feuilles d'automne. Les feuilles craquelées, marron, celles qui tombent, qui se détachent des arbres, celles dont on peut sentir encore la vibration des branches, les feuilles friables, déjà cassées, celles aux teintes insaisissables, celles qui emplissent les herbiers et qui rendent fou de joie les enfants.

Un vrai décor de feuilles d'automne, si en plus on hérite de l'arbre presque nu sur un des côtés, ou l'évocation de l'arbre, si on pouvait également avoir un ruisseau - question de compléter le tableau médiéval - ce serait excellent. Mais les feuilles d'automne me suffiraient.
Là, nous avons une reverdie, des feuilles de printemps, le retour des oiseaux, je peux vaguement faire un lien avec la cour du roi Arthur mais n'exagérons rien : j'utiliserais plus cette image pour un site sur la maternité.

De grandes feuilles d'automne arrachées des branches, saisies en plein vol alors qu'elles tombent, ce serait un must.
Mais je n'insisterai pas plus que tant.

Hum... je vais vous faire un panel de proposition demain mais si j'avais choisi ces feuilles, il y avait une idée derrière:

Monthy3 écrit: Disons que je trouvais que les feuilles faisaient assez "temps qui passe", ce qui seyait pas mal aux chroniques. Même si j'ai un peu douté au début, je trouve que c'est cohérent. Et les teintes forcément automnales vont bien avec la nostalgie qui ressort généralement de l'expression "jours anciens".

Je n'aurai pas su le dire autrement. Allez, à demain !

Edit: Chronik2 est mise à jour avec des feuilles plus automnales pour les modules. Pour le header par contre je n'ai rien d'autre à part des ornements de type anciennes tapisseries mais un peu trop hautains.

Au fait, aucun commentaire quant au changement de forme Chronik1 vers Chronik2 ? Le fait que le site soit collé en haut (1) ou démarrant un peu plus bas (2) ?

Tant pis alors, va donc pour les feuilles nostalgiques. Je ne suis pas plus précis en symbolique dans mes textes alors, qui suis-je pour juger (surtout à deux contre un, déloyaux que vous êtes).

La maquette un ne couvrait déjà pas toute la largeur de l'écran, aussi ai-je vu la maquette deux comme une tendance dans cette direction. S'il n'y a pas toute la largeur, aucun intérêt à ce qu'il y ait toute la hauteur. C'est un mieux.
En d'autres termes, on l'avait remarqué - je, en tout cas - et comme c'était très bien, personne n'en a rien dit. Car ch'est une règle qu'on ne critique chamais que che qui ne va pas.

En effet, le template ne prendra pas toute la largeur, mais je vais le modifier pour qu'il s'étende automatiquement à 90%.

Merci pour vos commentaires donc, on partira sur un template sensiblement équivalent à Chronik2.