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.

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)