BoyWiki:Agora/2 décembre 2010

Agora/2 décembre 2010

Nouvelle page d'accueil

La mise au point par Pinocchio d'une technique de filtrage des images laisse augurer d'un important remodelage de la page d'accueil. Il est donc opportun de commencer dès maintenant à y réfléchir.

Voici quelques idées, qui n'ont d'autre valeur que d'être les miennes (!) – donc, que chacun se sente libre de proposer autre chose.

Du haut en bas de la page d'accueil :

• Ce serait quand même bien d'avoir un bandeau francophone Bienvenue sur BoyWiki !...

• L'avertissement concernant les comptes d'utilisateurs : peut-être modifier le texte ; laisser à la même place (plus petit ?).

• Qu'est-ce que BoyWiki ? : laisser à la même place, mais limiter aux 2/3 gauches de la page.

• Au même niveau, sur le tiers de droite, insérer un double "calendrier" (jour et années) :
  Que s'est-il passé le [date du jour] ? (renvoyant par exemple, pour aujourd'hui, à la page 2 décembre).
  Que s'est-il passé il y a 10 ans ? 50 ans ? 100 ans ? (renvoyant respectivement aux pages 2000, 1960 et 1910).

• Citation du jour : en bas de page comme maintenant, mais limité à la moitié droite.

• La moitié gauche, au même niveau, serait occupée par l’image du jour.

On pourrait envisager aussi l'affichage d'un début d'article, différent chaque jour, comme sur Wikipédia.

Caprineus 2 décembre 2010 à 16:01 (GMT)

Après quelques difficultés, ça semble fonctionner. On voit tout de suite un problème : la hauteur des deux cadres du jour étant variable avec leurs contenus, sauf hasard, ils ne sont jamais vraiment côte à côte, ce qui est peu esthétique. Sur Wikipedia les dimensions du cadre sont imposées pour l'image du jour, et selon que l'image est en paysage ou portrait, la description s'affiche en dessous ou à côté. Il faudrait s'inspirer de cette disposition, l'inconvénient étant la taille des images nécessairement plus petite puisque la dimension la plus grande est limitée (selon disposition) et non pas seulement la largeur.

Le bandeau est une image, on ne peut changer seulement le texte. À moins de supprimer l'image de fond, ou d'en trouver une autre. Je n'ai pas sous la main de vieux manuscrits à photographier pour refaire le fond. Ou bien une image d'un tout autre genre ?

Qu'est-ce que BoyWiki ? peut être placé dans une boite déroulante.

Pinocchio 5 décembre 2010 à 13:43 (GMT)

J'ai modifié la première ébauche, désormais la hauteur des deux cadres est fixée, les images sont redimensionnées pour y entrer, reste à voir si certaines citations ne vont pas déborder... Pinocchio 6 décembre 2010 à 17:42 (GMT)

Ah ! ça prend forme... (Malgré l'impatience à voir le résultat, je n'ai pas pu venir hier, pour cause de problèmes techniques divers.)

Premières impressions et réflexions :

• Dans mon esprit, l'image du jour devait être enfermée dans un cadre, comme sur Wikipédia, et donc redimensionnée à sa taille. Certaines images futures étant très grandes (genre 2000x3000 pixels ou plus), ça ne serait d'ailleurs pas gérable si elles n'étaient pas redimensionnées (avec, si on clique sur l'aperçu, un lien vers l'image en définition maximale, ou vers la page d'image).
  Se pose alors la question de la taille de ce cadre : largeur fixe (en pixels), ou proportionnelle à la page (genre 50 % de la largeur de la page) ? La seconde solution permet de mieux s'adapter aux écrans larges et HD ; mais elle risque de ne pas être très esthétique si l'image d'origine est plus petite que le cadre ainsi défini (ou alors il faut trouver une astuce pour que, dans ce cas, le cadre soit rétréci aux dimensions de l'image – ou qu'il soit invisible).
  En revanche, comme l'image et la citation du jour se trouvent en bas de page (il n'y a rien à chercher plus bas), ce n'est pas grave si les deux cadres n'ont pas la même hauteur. Pour l'image au moins, cette hauteur peut être laissée libre, seule la largeur étant imposée.
  (Il y a eu conflit de modification au moment où je postai mon texte. Je vois que tu as créé un cadre pour l'image, limité en hauteur et en largeur. Comme je disais plus haut, ça vaudrait la peine d'essayer de libérer la hauteur, l'aperçu s'adapterait mieux à la page. Par ailleurs, le texte sous l'image sort du cadre.)
• Emplacement : il me semble que dans un système où la lecture se fait de gauche à droite, on commence plutôt par l'image (à gauche donc) avant de passer au texte. C'est pourquoi, intuitivement, je verrais mieux la citation du jour à droite.
• N'oublions pas que cette page d'accueil a pour objectif d'envoyer le lecteur vers un maximum d'articles différents, en éveillant son intérêt. Dans ce but, on pourrait joindre à chaque image affichable un petit commentaire spécialement destiné à la page d'accueil, et qui contiendrait beaucoup de liens.
  Par exemple, pour la gravure de Goor, ce pourrait être :
  Gaston Goor (1902 – 1977), ami de Roger Peyrefitte qui fut son mécène, réalisa de nombreuses illustrations, dont cet Amour entouré d’amours destiné à une édition de luxe des Amours d’Ovide.
  Serait-il possible que ce texte accompagnateur soit inséré sur la page de l'image ? (par exemple dans le modèle, comme champ facultatif accompagnant la langue – puisqu'il faudrait pour chaque wiki un texte dans sa langue)
• Ce serait en effet une bonne idée de mettre le texte Qu'est-ce que BoyWiki ? dans une boîte déroulante, afin de libérer de la place. Je serais quand même d'avis de garder toujours visible le premier paragraphe, et peut-être les premiers mots du deuxième (mais est-ce possible ?)
• Oui, l'image de fond du bandeau pose problème. Ce serait bien de trouver un manuscrit "significatif", comme un passage du Satyricon, d'un poème pédérastique grec, ou de l'épisode du centurion de Capharnaüm dans les évangiles... Mais pour l'instant je n'ai rien trouvé d'intéressant. Si quelqu'un sait où dénicher des beaux manuscrits...
  Une autre possibilité serait d'utiliser un fragment de dessin ou de tableau – mais il faudrait que cela soit retravaillé par quelqu'un ayant de sérieuses compétences en graphisme (Lascar ?). Par exemple, le pastel de Goor, assez connu, intitulé L'étude, et qui représente quatre gamins assis travaillant d'une main avec livres et stylos, et de l'autre... faisant on ne sait trop quoi sous le pupitre... Cette ambiance garçonnière, teintée d'intellectualisme érotisé, serait tout à fait adaptée à BoyWiki ! Sans doute cependant faudrait-il supprimer le fond noir, avant de rajouter Bienvenue sur BoyWiki dans une calligraphie collégienne... (on peut trouver l'image en question sur cette page.)

Caprineus 6 décembre 2010 à 18:31 (GMT)

Je pense que tu t'es connecté hier pendant les modifications de la page d'accueil et donc ce que tu as vu n'était pas la version actuelle. Actuellement la largeur de chaque cadre est environ 50% de la largeur de page utile et la hauteur a été fixée. Si la hauteur n'est pas déterminée, d'une part ça fait moche, mais en plus certaines images en mode portrait dépassent la hauteur de l'écran (ça dépend de la définition de l'écran) quand on ajoute la description en dessous, ce qui n'est pas pratique. D'autre part les images en mode paysage sont elles limitées par les 50%, leur hauteur étant nécessairement plus faible, ce qui entraine une grande variation de zoom d'une image à l'autre, d'un jour à l'autre, peu esthétique également dans un esprit de présentation uniformisée. C'est pourquoi j'ai proposé une version encadrée.

Si la largeur est relative, elle ne concerne que le cadre et non l'image (dans l'état actuel) dont les dimensions sont fixées au moment de l'appel du lien vers le fichier média. Les images sont réduites avant transfert pour alléger l'affichage et non pas dans leur format original. Donc si on élargit la fenêtre, l'image ne s'agrandit pas, seulement le cadre.

Oui on peut ajouter ce qu'on veut dans le modèle, même plusieurs champs. Il serait bien d'ailleurs de standardiser un peu le texte de description qui varie d'une courte ligne à parfois quatre ou cinq phrases selon l'image ! Actuellement j'ai limité la description affichée sur la page d'accueil à la première ligne pleine, ne sachant trop quoi retenir et quoi écarter. Le modèle permettrait de mieux faire le tri.

La boite déroulante a été ajoutée pour test et les cadres du jour inversés.

Et en prime un essai très amateur, pour s'amuser, de ton idée de bannière Media:Boywiki-fr-banner.jpg‎ ; interdiction de se moquer !

Pinocchio 7 décembre 2010 à 17:49 (GMT)

Pour l'instant, et faute de temps, je ne répondrai que sur ton projet de bannière – qui n'est pas risible du tout, et qui m'a même tapé dans l'oeil ! Il faudrait le voir en situation, sur la page d'accueil, pour pouvoir vraiment juger de l'effet, et surtout de l'harmonie des couleurs (je les trouve à priori un peu trop édulcorées, et verrais volontiers, par exemple, des gris un peu plus noirs – mais peut-être justement as-tu fait ce choix pour rester dans une douceur ambiante due à la charte des couleurs du site).

Le cadre bleu, à vrai dire, n'est guère utile : le supprimer permettrait à l'image de s'inscrire directement sur le fond de page (puisque les deux fonds sont identiques), et les garçons n'en ressortiraient que mieux.

Par ailleurs, supprimer le cadre permettrait d'écrire en bleu plutôt qu'en noir, ce qui serait adapté au sujet.

L'écriture est bien du genre que j'imaginais – très scolaire. Mais à mon goût un peu trop étroite (ce qui dénote en graphologie un caractère "coincé" que ces garçons n'ont sans doute pas). Il faudrait soit l'élargir, soit en trouver une autre plus "voluptueuse".

Et puis, tu vas te faire engueuler ! Où est donc passé le BLogo ? Ils se sont assis dessus ?!...

Caprineus 7 décembre 2010 à 21:11 (GMT)

P.S. : Sans compter une grave question orthographique, qu'il faudrait soumettre à l'Académie française : a-t-on le droit d'écrire Boywiki au lieu de BoyWiki ? Est-ce que ça risque de faire perdre des points au brevet ?...

Merci. J'ai retiré le cadre (sensé représenter une d'étiquette) et élargi un peu le titre à l'encre bleue. J'ai conservé la même police qui est libre de droit. Les couleurs pastels sont en effet un choix, c'est une image de fond qui ne doit pas se remarquer plus que le titre à mon avis, qui lui manque un peu de présence à cause de la police fine qui ne se prête pas au gras et mal au relief. Oui, le Blogo, mais je ne sais pas où le mettre. Et puis il faudrait le tracer à la plume !

(elle est temporairement sur la page d'accueil pour voir)

Pinocchio 7 décembre 2010 à 22:52 (GMT)

Bon alors là, comme ce n'est déjà pas mal du tout, on va pouvoir se mettre à pinailler en coupant les couleurs en quatre !

• Un graphiste professionnel (que je ne suis pas) dirait sans doute que le bleu de l'écriture, légèrement teinté de rouge, est trop différent des autres bleus de la page (bleu sombre du BLogo sur le symbole de page en haut à gauche, bleu moyen des liens actifs, bleu-vert des onglets en haut de page). Il détonne donc un peu dans cet ensemble. Sans doute faudrait-il le ramener au bleu moyen (celui des liens actifs).
• A l'endroit du texte écrit, on voit très légèrement un fond, en forme de rectangle, qui n'est pas blanc comme sur le reste de l'image, mais bleuté. Ça devrait pouvoir se corriger.
• Oui, les couleurs pastel sont justifiées ; mais quand même elles pourraient être légèrement avivées. Les chevelures en particulier ont beaucoup perdu de leur vigueur garçonnière. Il y a là un difficile équilibre à trouver... (Un repère : les chevelures blondes pourraient être dans les mêmes nuances de jaune que la page schématisée dans l'angle supérieur gauche.)
• Pour le BLogo, finalement, ce n'est pas la peine de l'inclure, puisqu'il figure déjà sur cette petite page schématisée.
• En vrac, quelques idées qu'il serait peut-être intéressant d'essayer, séparément ou ensemble :
  — couper le crochet du dernier i de Boywiki, et prolonger la lettre par un mince trait horizontal (ou ondulé) jusqu'à la limite droite de l'image
  — centrer le texte (le jambage du y venant alors entre les deux têtes de droite)
  — écrire BoyWiki avec deux majuscules (il y aurait sans doute un problème de ligature)
  — élargir le texte sans en augmenter la hauteur (à peu près jusqu'à ce que le o de Boywiki soit circulaire et non plus ovale)

En tout cas, utiliser cette bannière serait un joli hommage à Gaston Goor, qui méritait bien ça !

Caprineus 8 décembre 2010 à 02:15 (GMT)

P.S. : Il y a aussi une question linguistico-psychologique (rien que ça !) qui me turlupine : vaut-il mieux écrire « Bienvenue sur BoyWiki » ou « Bienvenue dans BoyWiki » ? Il me semble que la première manière, souvent utilisée pour les sites internet, a une connotation plutôt virtuelle ; alors que la seconde donne plus d'épaisseur, en évoquant un lieu "réel".

Bannière modifiée pour test.

Les deux majuscules ça fait bizarre, une majuscule au milieu d'un mot n'est pas un cas prévu visiblement. On peut dire aussi Bienvenue en BoyWiki, ou Bienvenue chez BoyWiki. Pinocchio 8 décembre 2010 à 10:37 (GMT)

Oui, il y a trop d'espace entre le y et le W. Si le logiciel que tu emploies ne sait pas gérer ça en diminuant le crénage (Word et OpenOffice le font), c'est peut-être faisable avec deux images de texte légèrement superposées. Après, ce n'est pas sûr non plus que la boucle du W au-dessus du long y ne va pas former un ensemble visuellement lourd ! Ah, l'art est difficile... (Quelle police utilises-tu ?)

Sinon, faute de mieux, on reviendra à Boywiki – mais c'est dommage d'accueillir les lecteurs avec une graphie différente de celle qu'ils trouveront tout au long du site. Bon, on dira que c'est une faute d'inattention d'un des quatre collégiens, qui était distrait par ce qui se passait sous le pupitre...

La queue vibrionnante du i n'est pas mal ; mais le but était d'équilibrer toute la ligne. Or maintenant c'est l'extrémité gauche qui est vide. Il y a donc 3 solutions : soit laisser le texte centré et faire la même ligne ondulée à gauche du premier B ; soit remettre le texte à gauche et prolonger la ligne ondulée à droite ; soit laisser le texte centré et supprimer la ligne ondulée (peut-être la meilleure solution, parce que la plus sobre).

La couleur du texte est maintenant bien intégrée à l'ensemble ; et ça se détache d'autant mieux sur le fond que le léger bleuté a disparu. Quant aux lettres, c'est bien qu'elles aient pris un peu de rondeur – plus charnues, donc plus "charnelles".

Les deux chevelures blondes sont légèrement plus vives. Mais les deux autres, châtain sur le dessin original, me font irrésistiblement penser à des cheveux gris ! Il y a sûrement quelque chose à faire contre ce vieillissement précoce...

J'aime bien la formulation « Bienvenue dans BoyWiki ». « En » n'irait pas du tout, car ça ne s'emploie guère que pour un pays féminin (« en Pologne »), ou parfois pour une ville dont le nom commence par A, pour éviter une cacophonie (« en Avignon »). « Chez BoyWiki » risquerait de laisser sous-entendre : « Vous n'êtes pas ici chez vous, mais chez quelqu'un d'autre » – ce qui, pour le coup, serait psychologiquement contreproductif.

Mais quels que soient les choix graphiques ou linguistiques, ce que je regrette le plus, c'est que nous ne soyons que deux à en discuter – comme si les autres collaborateurs n'avaient pas d'avis, ou ne voulaient pas en donner. Finalement, ça doit être facile de devenir dictateur, tant les gens sont passifs...

Caprineus 8 décembre 2010 à 18:10 (GMT)

J'ai essayé une teinture pour les deux garçons bruns mais le premier s'est transformé en roux ! En plus on a l'impression qu'il porte une perruque maintenant... C'est plus difficile à recolorer, pour les blonds il restait un semblant de couleur qu'il a suffit de raviver, mais les cheveux noirs sont partis avec le fond...