Ekopedia:Projet:Révision de style

Un article de Ékopédia, l'encyclopédie pratique.
Aller à : navigation, rechercher

Le logiciel qui permet (en coulisses) de faire fonctionner ekopedia.org est Mediawiki. Ce logiciel est un très très bon outil. Il vient avec différents thèmes (appelés skins) dont celui de base (Monobook) est utilisé par 99.9% des utilisateurs. Le thème (ou skin) permet de donner comme le terme anglais l'indique une "peau", un aspect générale au site. Il définit les couleurs, les bordures, les polices, les formes générales et précises du site.

Le projet Ekopedia.org est souvent confondu avec Wikipedia.org justement en raison de leurs apparences visuelle proches. Afin de donner sa propre touche au projet, j'ai contacté un graphiste de sorte que celui-ci puisse créer un thème au projet.

Maintenant, afin qu'il ne passe pas 10000 heures à travailler sur le projet (d'autant plus qu'il est bénévole), il faut au mieux le guider dans la progression vers la réussite.

Dans ce chapitre je vous propose que nous définissions nos désirs et les sites dont on peut s'inspirer. Bien entendu, vous demander votre avis est risqué dans le sens, que des désirs contradictoires entraînerons une surcharge de travail en terme de temps. Mais à la fois, il me semble que c'est le prix à payer pour que le nouveau thème plaise au plus grand nombre.

ps: concernant, cette personne. Son nom est Nicolas et il m'a été référé par le projet Coobalt.org. Le projet COOBALT (projet COOpératif de Bénévoles ALTruistes) est une association à but non lucratif, qui fournit bénévolement des services IT (sites web, architecture réseau, sécurité, développement, etc.) à bases de logiciels et solutions 100% libres, aux organisations d'intérêt général oeuvrant pour la défense de l'environnement.


Détails techniques[modifier]

Deux manières de faire un style:

  • soit on créé un skin de base (from scratch) que l'on ajoute dans le répertoire skin de l'installation Mediawiki. Il est alors possible simplement de le définir par défaut ou de le tester (dans ses préférences utilisateurs.
  • soit on créé non pas un skin à part entière, mais plutôt des modifications mineurs au skin par défaut. L'avantage de ceci est que cela permet de tester le skin simplement. Il suffit d'écrire les CSS dans sont propre environnement utilisateur: Special:Mypage/monobook.css ou globalement sur Mediawiki:monobook.css. Le désavantage est qu'il est possible qu'il y ait des restriction dans le développement du skin étant donné qu'il se base sur qq chose d'existant.

Même si je préfère la version from scratch, le choix de la méthode revient plus au développeur/graphiste.

Beaucoup de choses sont expliqués ici et là:

Il est possible de tester des skins préinstallés en allant dans ses préférences utilisateur, puis apparence et en prévisualisant des skins (complets) préinstallés. Exemple:


Exemples de skins (ils peuvent être installés en me le demandant):

--jluc 10 avril 2007 à 13:34 (EDT)


Besoins[modifier]

Merci de détailler les besoins/désirs. N'oubliez pas de signer.

Besoins techniques[modifier]

  • Respecter les standards CSS (comme actuellement je crois). --jluc 10 avril 2007 à 13:34 (EDT)
  • Être compatible (comme actuellement)le plus grand nombre de navigateurs. Aide. --jluc 10 avril 2007 à 13:34 (EDT)
  • Donner (comme actuellement) aux utilisateurs le moyen de contribuer simplement. --jluc 10 avril 2007 à 13:34 (EDT)
  • En somme, ne pas complexifier l'interface. --jluc 10 avril 2007 à 13:34 (EDT)
  • Accessibilité aux persones handicapées Neja 11 avril 2007 à 04:28 (EDT)

Besoins esthétiques[modifier]

  • Adoucir les bordures --jluc 10 avril 2007 à 13:34 (EDT)
  • Donner un syle plus web 2.0. Exemples: [1], [2], [3], [4] --jluc 10 avril 2007 à 13:34 (EDT)
  • Intégrer une notion plus nature. --jluc 10 avril 2007 à 13:34 (EDT)
  • Rendre le visuel plus fluide, plus souple. Le visuel actuel me semble très rigide et froid. --jluc 10 avril 2007 à 17:11 (EDT)

Avis[modifier]

  • Perso, je suis pas un grand customisateur et j'aime trouver les choses à la place où je les ai toujours connues donc la refonte de la mise en page pour moi je la souhaite surtout dans les couleurs, peut-être la police mais pas trop dans des déplacements d'onglets ou je ne sais. Beaucoup de wiki reste proche du style Moonbook sans pour autant être associé à wikipedia. Maintenant je sais que nous prennons de l'ampleur mais n'oublions pas que pour l'utilisateur il est plus facile que "À propos Discussion Modifier Historique Protéger Supprimer Renommer Ne plus suivre" soit en onglet en haut de page et "naviguer Accueil Communauté Index des portails Actualités Ekopédia Une page au hasard contribuer Aide Bac à sable Modifications Page des nouveaux Projet Maintenance Poser une question Ajouter une image Rechercher Boîte à outils Pages liées Suivi des liens Pages spéciales " dans une colonne sur le coté... Enfin voila je sais que cela fait un peu de réticence au changement qui pourtant est bon mais comme je le dis en commencant la forme c'est moin mon truc. Olivier C - À l'écoute 12 avril 2007 à 05:23 (EDT)

D'accors sur le fait d'améliorer sans bouleverser mais néammoins je trouve la page d'accueil très lourde, peu conviviale avec une foultitude d'options et de liens. Le sujet me passionne mais j'ai du mal à pouvoir collaborer simplemen si l'envie me prend. Difficile pour le néophyte de s'y retrouver en terme de simplicité d'accès et d'ergonomie. Il est vrai avec qu'avec l'habitude on se fait à tout :-) même aux usines à gaz. -- Gilgam

Oui d'un autre coté Ékopedia c'est pas un petit projet et donc il est normal que la porte d'entrée mène à beaucoup de bureaux, de salles et autres... (comparaisons avec un batiment)
Bref, devant un palais de justice, une grande bibliothèque ou un service de l'administration il y a aussi plein de directions possibles et toutes plus ou moins flèchées... Je pense que l'on peut travailler la signalitique pour néophytes.
Au final; Apporter tous les changements que vous pensez bons, rien n'étant définitif on a droit à l'essai-erreur.
Sûrement que je ne réalise pas tous les mieux possible donc, j'attendrai de voir pour me prononcer. Olivier C - À l'écoute 16 avril 2007 à 04:34 (EDT)
J'aime[modifier]
Je n'aime pas[modifier]

Synthèse[modifier]

Ce chapitre sera complété à partir du 17 avril, laissant le temps (1 semaine) à chacun de donner son avis.


Propositions[modifier]

premier jet[modifier]

Voici une première proposition de Nicolas: http://gilgam.com/projets/ekopedia/ekopedia1.png Je le cite:

Bonjour

voici donc une première idée/orientation.

http://gilgam.com/projets/ekopedia/ekopedia1.png

J'ai seulement mis pour l'instant le principal, il n'y a pas  de bas de
page , les détails ne sont pas très travaillés

couleurs blanc beige vert avec quelques dégradés de blanc/gris

j'ai repris le logo 2 et rajouté cela à une police particulière juste
pour la présence d'un logo, je laisse dominique voir pour le logo ;-)

une guirlande en haut avec quelques feuilles, les items wikipedia
diecrets en haut à gauche,

Puis une première bannière pour le bonjour avec fond végétal
puis les items avec comme projet d'intégrer le look de "constat" pour
les autres
la différence entre les deux est un peu trop grande, manque d'unité à
mon sens.

je n'ai pas encore trop mis car :
- je commence par le centre et le haut
- je trouve que l'abondance de liens, références, sous rubriques parfois
en double me semble nuire à la lisibilité globale de la page d'accueil.
l'idéal est de développer les données une fois le lien cliqué. Mais si
cela t'emmerde de devoir trop changer OK (cela me fera moins de boulot
;-) )

ça me fait parfois un peu penser à cela ;-)

http://video.google.com/videoplay?docid=36099539665548298

désolé


Bon merci de vos retours si vraiment cela ne plait pas du tout, dites le
moi

Nicolas

ps : fait sous inkscape ...

premier jet : Avis/Commentaires[modifier]

Salut Nicolas,

J'apprécie beaucoup la remarque selon laquelle la page d'accueil est trop chargée. Il est vrai que pour de nouvelles personnes, cela peut faire beaucoup d'informations d'un seul coup et être un peu déroutant. Mais il est vrai, comme le fait remarquer Olivier C que la richesse d'informations présentes sur Ekopedia en complexifie le classement et la présentation. Ce qu'il faut donc, c'est un bon accueil prêt à guider simplement, rapidement et chaleureusement vers les différentes informations disponibles.

d'accord c'est un peu la difficulté de ce genre de pojet, mais c'est un défi plaisant.


J'aime moins :


J'aime plus  :

  • les boutons de langue placés à droite.
  • l'organisation des boîtes.
  • l'idée des bouton d'édition tt en haut est bonne, mais attention car parfois il y en a beaucoup (j'en ai 9).
    • Ok je garde donc ces éléments (pour les boutons d'édition il sera possible éventuellement de les faire apparaitre disparaitre via un javascript)-- gilgam

Par "plus nature" j'entendais qq chose plus du genre: [5] ou [6]

  • ok -gilgam

Merci, --jluc 16 avril 2007 à 12:49 (EDT)


Salut,
quelques remarques sur le 1er jet :

Le beige est un peu triste par contre j'aime bien les verts.

J'aime pas la guirlande de feuilles en haut

  • décidément... ok je jette mes belles feuilles :-)

je trouve que les couleurs pour les différentes catégories sont un peu trop flashy. Mais j'aime bien l'idée d'attribuer des couleurs aux catégories.

  • oui juste l'idée est à conserver, les coulers étaient là juste pour le test.-- gilgam


Pour les onglets en haut, je préférerais qu'ils plus séparés les uns des autres comme c'est le cas actuellement.

  • problème : prise de place et perte d'une unité sémantique : ce qui a le même aspect est ppour faire des choses semblables. -- gilgam

J'aime bien les différents encadrés et les angles arrondis.

J'aime bien l'idée de simplifier la page d'accueil ( à noter qu'elle a déjà bien été améliorée récemment)

  • c'est noté -- Gilgam

a+
Neja 16 avril 2007 à 17:32 (EDT)


second jet[modifier]

Voici la nouvelle proposition. Merci de donner votre avis, critiques, suggestions...

http://gilgam.com/projets/ekopedia/drawing2.jpg

A+ --jluc 18 avril 2007 à 23:46 (EDT)


  • Il plait pas trop celui-là :-)

troisième jet[modifier]

Voici la nouvelle proposition. Merci de donner votre avis, critiques, suggestions...

http://gilgam.com/projets/ekopedia/ekopedia3.png

A+ --jluc 23 avril 2007 à 07:15 (EDT)

C'est pas mal du tout. Comme je suis attachée aux petits détails, j'ai quand même 3 remarques :

  • j'aurais pris un vert un peu plus clair ou alors une couleur bleu-vert.
  • pour les grands encadrés, je préfère les encadrés qui sont soulignés sur tout le tour et pas seulement en haut et en bas.
    • J'ai laissé la bordure, mais j'ai peur qu'un encadré vert tout autour fasse trop lourd ;-) -- Gilgam

Sinon je le trouve très bien

  • OK -- Gilgam

a+ Neja 23 avril 2007 à 08:24 (EDT)

Modification 1 
http://gilgam.com/projets/ekopedia/ekopedia3.1.png

J'aime bien le nouveau vert.
Je laisse les autres donner leur avis maintenant ;)
a+
Neja 23 avril 2007 à 11:47 (EDT)


Je suis d'accord avec Neja sur ce point: "C'est pas mal du tout." et comme elle, voici quelques remarques/suggestions.

  • J'aime l'idée de la bande verte avec les feuilles. Cela me fait penser à ceci que j'adore, ou encore ceci. :)
    • Joli en effet, et c'est ce que tu reprends avec ton site (les tournesols). mais ce sont des photos retouchées travaillées, plus ou moins fondues/floutées, alors que l'idée ici est plus stylisée. Est-ce que ce genre de chose plait http://www.projectearthday.com/  ? -- Gilgam
      • C'est joli en effet! J'aime bien aussi les nuances de vert utilisés --jluc 24 avril 2007 à 06:27 (EDT)
        • Donc plus un vert/jaune, quand neja veut un vert/bleu ... Bon pour la couleur je vais vous préparer des palettes (j'arais du commencer par cela d'ailleurs ;-) ) --Gilgam
  • Moi aussi je n'accroche pas à 100% sur le vert (encore moins le second). J'aime bien les verts de Greenpeace Canada. Il faut considérer que le site est fait pour être lu et donc les couleurs doivent-être sobre et douces.
    • Bien sûr mais les verts soutenus sont surtout pour souligner la structure, mettre du texte sur ce vert c'est assez ... illisible ;-) je vais voir pour la palette. -- Gilgam
  • Dans le genre plantes, j'aime bien aussi cette idée de ce site qui ont utilisés quelques feuilles dans le coin en haut à gauche. Mais sinon, je trouve pas le site si beau que cela ;)
  • Pour ce qui est du blanc tout autour, que penses tu de le remplacer par des trucs comme ceci ou cela?!
    • OK -- Gilgam

Mis à part cela, j'aime bien l'organisation et le thème générale que tu es en train de donner. --jluc 23 avril 2007 à 21:20 (EDT)


Modification 2 et 3  
http://gilgam.com/projets/ekopedia/ekopedia3.2.png et http://gilgam.com/projets/ekopedia/ekopedia3.3.png

Entre le 3.2 et le 3.3, je préfère le 3.2.
a+
Neja 25 avril 2007 à 15:56 (EDT)

Retour

Bonjour, désolé pour la pause de un mois j'ai eu pas mal de boulot et d'occupations ces derniers temps.

je me suis remis au travail, j'ai gardé les couleurs du 3.3 (désolé nejma mais un changement de couleur n'est pas très long de tout façon) et fait une page quasiment complète.

En voici donc une version http://gilgam.com/projets/ekopedia/ekopedia3.4.png