Repenser page accueil : Différence entre versions

De La Quadrature du Net
Aller à la navigationAller à la recherche
m (Ajout du bandeau Template:Travail En Cours)
 
(8 révisions intermédiaires par 4 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
 +
{{Travail En Cours}}
 
Idées et suggestions pour refaire la home du site :
 
Idées et suggestions pour refaire la home du site :
  
Ligne 11 : Ligne 12 :
 
de plus le code couleur (grisé onmouseover) n'est pas respecté onmouseclick/mouseout
 
de plus le code couleur (grisé onmouseover) n'est pas respecté onmouseclick/mouseout
 
colonne de droite
 
colonne de droite
* aucune largeur défini, aucun alignement c'est un chaos à chaque ligne
+
* aucune largeur définie, aucun alignement c'est un chaos à chaque ligne
 
* l'image GOT PI? se balade en float au lieu d'etre justifié à droite
 
* l'image GOT PI? se balade en float au lieu d'etre justifié à droite
  
Ligne 17 : Ligne 18 :
 
* je suis pour la supprimer et retravailler une version optimisé de la revue de presse, section qui mérite d' être valorisée car maintenue collectivement par des bénévoles.
 
* je suis pour la supprimer et retravailler une version optimisé de la revue de presse, section qui mérite d' être valorisée car maintenue collectivement par des bénévoles.
 
SUGGESTIONS
 
SUGGESTIONS
* section news:on pourrait en faire un mini googlenews avec qq sections plus un fil tweeter,bref un outil de veille indispensable qui mettrait en lumière l'actualité à travers les differents fils
+
* section news:on pourrait en faire un mini googlenews avec qq sections plus un fil tweeter,bref un outil de veille indispensable qui mettrait en lumière l'actualité à travers les différents fils
 
* classement par sujets plutôt que par dates strict
 
* classement par sujets plutôt que par dates strict
* homepage:je trouve la homepage gnu.org dans le genre à la fois bien lisible et simple avec le systéme de boites
+
* homepage :je trouve la homepage gnu.org dans le genre à la fois bien lisible et simple avec le système de boites
* le modèle question/réponse type FAQ est aussi interessant pour communiquer  
+
* le modèle question/réponse type FAQ est aussi intéressant pour communiquer  
* actuellement on passe d"une extrème à l'autre avec une homepage surchargée en trois colonnes à des sections en pleine page trop large...
+
* actuellement on passe d"une extrême à l'autre avec une homepage surchargée en trois colonnes à des sections en pleine page trop large...
 
cela contribue à l'incohérence de la navigation
 
cela contribue à l'incohérence de la navigation
* création d'un "mini-site" conçu à partir d'une FAQ pour les dossiers en cours par exemple la neutralité du net comme alternative au PDF,plutot orientés presse et spécialistes (ex: http://meta.windows7sins.org/ )
+
* création d'un "mini-site" conçu à partir d'une FAQ pour les dossiers en cours par exemple la neutralité du net comme alternative au PDF, plutôt orientés presse et spécialistes (ex: http://meta.windows7sins.org/ )
 
* d'une manière générale rendre le site plus accessible aux non-spécialistes
 
* d'une manière générale rendre le site plus accessible aux non-spécialistes
  
Ligne 30 : Ligne 31 :
 
* logo + recherche + la newsletter + langues + un bouton "je soutiens" en haut à droite.
 
* logo + recherche + la newsletter + langues + un bouton "je soutiens" en haut à droite.
  
*  une navigation horizontale ultra simple avec des menus déroulants etdes zones de mise en avant majeures + mineures (versus les empiler de haut en bas) :
+
*  une navigation horizontale ultra simple avec des menus déroulants et des zones de mise en avant majeures + mineures (versus les empiler de haut en bas) :
 
** LA QUADRATURE (qui sommes nous / FAQ / ils nous soutiennent / Contact)
 
** LA QUADRATURE (qui sommes nous / FAQ / ils nous soutiennent / Contact)
 
** DOSSIERS (HADOPI / Paquet Telecom / LOPPSI / Neutralité du Net)
 
** DOSSIERS (HADOPI / Paquet Telecom / LOPPSI / Neutralité du Net)
Ligne 72 : Ligne 73 :
  
  
== Rendre le sit accessible aux non spécialistes ==
+
== Rendre le site accessible aux non spécialistes ==
 
* présenter LQDN sur la page d'accueil
 
* présenter LQDN sur la page d'accueil
 +
* mettre un lien plus visible vers /contact
 +
* réfléchir à un meilleur menu (plus cohérent en terme d'accessibilité, etc.), faire des propositions
 +
 +
Voir aussi [[MiseAJour_Site]] et un [[Timeline_exemple|exemple de timeline]]
 +
[[Category:Pages_de_travail]]

Version actuelle datée du 27 septembre 2011 à 10:18


Ambox warning red construction.png
⚠ Travail en cours

Cette page présente un contenu en cours de réalisation.

Si vous souhaitez participer, n'hésitez pas à laisser votre avis sur la page de discussion en suivant au mieux ces recommandations.


Idées et suggestions pour refaire la home du site :

création d'un nouveau template drupal[modifier]

repartir de 0 pour faire un template Zen ?

baba: trouve que la version actuelle pose vraiment des problèmes ergonomiques quelques remarques qui me font dire que le site est difficile à naviguer en l'état:

  • de manière générale le corps des fonts est trop gros ce qui ne facilite pas la lecture (au contraire)
  • le menu est vraiment trop gros, énormes lettres capitales sur 2 lignes sur mon eeepc çà couvre la moitié de l'écran

de plus le code couleur (grisé onmouseover) n'est pas respecté onmouseclick/mouseout colonne de droite

  • aucune largeur définie, aucun alignement c'est un chaos à chaque ligne
  • l'image GOT PI? se balade en float au lieu d'etre justifié à droite

colonne de gauche

  • je suis pour la supprimer et retravailler une version optimisé de la revue de presse, section qui mérite d' être valorisée car maintenue collectivement par des bénévoles.

SUGGESTIONS

  • section news:on pourrait en faire un mini googlenews avec qq sections plus un fil tweeter,bref un outil de veille indispensable qui mettrait en lumière l'actualité à travers les différents fils
  • classement par sujets plutôt que par dates strict
  • homepage :je trouve la homepage gnu.org dans le genre à la fois bien lisible et simple avec le système de boites
  • le modèle question/réponse type FAQ est aussi intéressant pour communiquer
  • actuellement on passe d"une extrême à l'autre avec une homepage surchargée en trois colonnes à des sections en pleine page trop large...

cela contribue à l'incohérence de la navigation

  • création d'un "mini-site" conçu à partir d'une FAQ pour les dossiers en cours par exemple la neutralité du net comme alternative au PDF, plutôt orientés presse et spécialistes (ex: http://meta.windows7sins.org/ )
  • d'une manière générale rendre le site plus accessible aux non-spécialistes

changer le bandeau et la navigation[modifier]

  • logo + recherche + la newsletter + langues + un bouton "je soutiens" en haut à droite.
  • une navigation horizontale ultra simple avec des menus déroulants et des zones de mise en avant majeures + mineures (versus les empiler de haut en bas) :
    • LA QUADRATURE (qui sommes nous / FAQ / ils nous soutiennent / Contact)
    • DOSSIERS (HADOPI / Paquet Telecom / LOPPSI / Neutralité du Net)
    • PROPOSITIONS (Financement de la création)
    • OUTILS (Mémoire Politique / Mediakit / Lawtracks Telecoms Package / etc. )
    • AGIR (Participer / Soutien / Black-out / Camapgne en cours ? )
    • PRESSE (Revue de presse / Ils parlent de La Quadrature / Espace presse)
    • WIKI


      • En l'état, il est souhaitable de placer la mention « Send to Friend » sur la même ligne que la date, afin de ne pas perdre autant de place
      • Traduire cette phrase en « Prévenir un ami » (Siltaar s'y penche)

^ qu'est-ce que ça fichait dans cette liste, ça?! :)

reconfigurer l'espace de la page d'accueil[modifier]

  • revenir à une home avec zoning "orthodoxe", c-a-d à des éléments placés "normalement" : une vision globale de tout sur un écran 1024 (En pratique la vaste majorité des postes sont aujourd'hui >1024, il faut donc que le site soit lisible en 1024, mais il peut très bien être optimal au dessus.)


gérer un footer avec des liens utiles[modifier]

un peu comme ce qu'il y a en bas de : http://www.framablog.org/index.php ou ailleurs (en beaucoup moins fourni évidemment)


Widget "timeline"[modifier]

Idée: Dans chaque dossier il y a une chronologie qui parfois s'allonge et devient illisible. -> utiliser Simile - timeline (cf tâche n°4 de la todo)

Benjamin (aka vinci sur IRC) s'en occupe, voir avec lui si vous voulez aider.

détail :

  • Dans un bloc drupal avoir le script contenant la liste des évènements facilement éditables. Sans doute à partir du XML standard de Simile widget.
  • Tester le javascript pour afficher soit le widget soit les données brutes extraites du XML (le widget pourrait aussi avoir un lien en dessous "afficher en mode texte" extrayant les données brutes)
  • Possibilité de mapper de 2 façons différentes 1/ les évènements entrés par ce biais 2/ une vue de certains articles pour un certain tag (tag du dossier en question)

Les possibilités futures sont infinies :

  • Faire une seule timeline recoupant les données de celles de tous les dossiers (pour une vue globale de notre action)
  • Faire une seule timeline recoupant toutes les actions *futures* de tous les dossiers
  • etc.


Rendre le site accessible aux non spécialistes[modifier]

  • présenter LQDN sur la page d'accueil
  • mettre un lien plus visible vers /contact
  • réfléchir à un meilleur menu (plus cohérent en terme d'accessibilité, etc.), faire des propositions

Voir aussi MiseAJour_Site et un exemple de timeline