[spip-dev] Essai pour nouvelle interface

Dev
1

Salut,

Je viens de faire un début de commencement d'essai pour une nouvelle interface de l'espace privé:
http://rezo.net/~arno/ecrire/

login: bidouille
pass: bidouille

Ce serait sympa d'aller y jeter un coup d'oeil pour savoir si ça vaut le coup que je continue dans cette voie. (Notez bien: pour l'instant, je n'ai traité que le haut de page, et seulement l'encadré "cadre_relief" en bas.)

Les impératifs:

- ne plus utiliser d'icones avec du texte graphique, mais des icones complétées de texte (en HTML), afin de permettre (dans le futur) une interface multilingue; cet impératif est le plus contraignant, puisqu'il limite les possibilités d'interface très compacte (comme jusqu'à présent);

- utiliser un jeu d'icones relativement "générique" (ici, icones GPL pour Gnome), histoire de se faciliter la vie lorsqu'il faudra ajouter des icones/fonctionnalités par la suite;

- interface permettant facilement de référencer de nouvelles pages (par exemple différentes pages pour gérer les forums...);

- limiter le nombre d'icones différentes. Le recours au changement de feuille de style (avec/sans encadré notamment) pour gérer le survol permet d'éviter d'avoir 2 icones pour chaque fonction. Surtout (c'est pas vraiment implémenté pour l'instant): avec un jeu d'icones générales, on peut créer des icones (par superposition) sans multiplier les fichiers: ainsi avec une icone "rubrique" et une icone "créer", on obtient un bouton "créer une rubrique" (mais sans que ce soit un nouveau fichier), avec une icone "modifier", ça donne "modifier une rubrique"; à partir d'une icone "article", on a "créer un article" et "modifier un article". On peut espérer ainsi passer de 157 fichiers dans "IMG2" à seulement quelques dizaines.

ARNO*

2

Ce serait sympa d'aller y jeter un coup d'oeil pour savoir si ça vaut le coup que je continue dans cette voie. (Notez bien: pour l'instant, je n'ai traité que le haut de page, et seulement l'encadré "cadre_relief" en bas.)

perso je trouve la version actuelle de l'espace privée vraiment très accrocheuse.
Pourquoi la refaire graphiquement ?

sinon dans ce que tu as fait :
Les petits arrondis de bord de cadre sont tres biens.
Le fait de grossir certains liens (la barre bleu) est une bonne idée aussi :
le forum admin c'est vrai que pour l'instant le lien est un peu caché...

Tu en avais marre de l'oeil ? :slight_smile:

Nicolas
vulgum.org

3

Hello,

Ce serait sympa d'aller y jeter un coup d'oeil pour savoir si ça
vaut le coup que je continue dans cette voie.

Quelques remarques, donc :

- une erreur JavaScript a chaque chargement de page avec IE6 sur
  Win2k, sans même avoir touché quoi que ce soit, mais pas d'erreur
  par la suite : un ';' attendu ligne 148 charactère 44

- c'est globalement trop gros, il me semble, mais les polices sont en
  relatif, donc c'est pas trop grave

- il manque de la transparence aux icônes, mais je pense que c'est
  prévu ... :wink:

- des libellés plus courts seraient sans doute mieux :
    "documents" au lieu de "Les documents"
    "utilisateurs" au lieu de "Les rédacteurs" (limitatif)
    "modération" au lieu de "Forums et messagerie"
    ...

- le coup du fond en relief gris quand on passe sur un bouton, je ne
  trouve pas ça du meilleur goût, mais ça évite les rollover à images
  
- éventuellement, proposer une version sans texte, avec juste les
  icônes, mais avec des alt et title adéquats pour avoir les
  "info-bulles"

avec un jeu d'icones générales, on peut créer des icones (par
superposition) sans multiplier les fichiers

Tu es sûr de ton coup, pour la compatibilité avec les différents
navigateurs ?

Bon, globalement c'était un chantier à lancer, donc c'est bien que ce
soit fait, et ça part dans le bon sens, mais j'aurais bien vu un
système à onglets ... :wink:

-Nicolas

4

bonjour
ça me plait bien
seulement le côté pro
chemise-cravate
......
une rédactrice :wink:
karine

5

Yo,

Ce serait sympa d'aller y jeter un coup d'oeil pour savoir si ça vaut
le coup que je continue dans cette voie. (Notez bien: pour l'instant,
je n'ai traité que le haut de page, et seulement l'encadré
"cadre_relief" en bas.)

Ouaip, c'est exactement ce qu'il nous faut : moins d'icônes spécifiques,
pas de textes graphiques, et pas d'images de survol. C'est aussi plus
rapide et agréable, et les icônes sont plus intuitives. On se garde ça
sous le coude pour la prochaine version (je veux dire, après la 1.4) ?

Quelques suggestions pour la route :

- dans la personnalisation de l'interface, choisir entre "icones + textes"
(par défaut) et "icones seules" (avec info-bulle au survol). Les
utilisateurs expérimentés peuvent switcher sur la deuxième possibilité,
pour gagner beaucoup de place.

- les couleurs et les images de fond sont expérimentaux ? :))

ciao

Antoine.

6

- il manque de la transparence aux icônes, mais je pense que c'est
prévu ... :wink:

Ca doit être du PNG, et IE version Windows a du mal avec la couche Alpha :slight_smile:
On a déjà inauguré la préférence Mozilla avec les vignettes par défaut
pour les documents, c'est du PNG avec couche Alpha. Il faudra juste rajouter
ça dans une FAQ, pour ceux qui n'aiment pas les carrés blancs en fond
d'icône.
Ca tombe bien, Mozilla 1.0 approche.

a+

Antoine.

7

Ca doit être du PNG, et IE version Windows a du mal avec la couche
Alpha :slight_smile:
Ca tombe bien, Mozilla 1.0 approche.

Ah oui, c'est beaucoup plus beau avec Mozilla ... :wink:

-Nicolas

8

Quelques remarques, donc :

- une erreur JavaScript a chaque chargement de page avec IE6 sur
Win2k, sans même avoir touché quoi que ce soit, mais pas d'erreur
par la suite : un ';' attendu ligne 148 charactère 44

Moi sans javascript sur opera je n'ai pas de cookie possible (niormal, mais avec la version actuelle je l'ai...)

- c'est globalement trop gros, il me semble, mais les polices sont en
relatif, donc c'est pas trop grave

C'est dommage qu'il faille deux lignes pour les logos.

- il manque de la transparence aux icônes, mais je pense que c'est
prévu ... :wink:

Pas de transparence sur IE 6. mais pui sur opera 6.

- des libellés plus courts seraient sans doute mieux :
   "documents" au lieu de "Les documents"
   "utilisateurs" au lieu de "Les rédacteurs" (limitatif)
   "modération" au lieu de "Forums et messagerie"

je vote pour

   ...- le coup du fond en relief gris quand on passe sur un bouton, je ne
trouve pas ça du meilleur goût, mais ça évite les rollover à images

pas de fond gris avec opera.
Je préfèrerais des infos-bulles à la place de ce gris, mais l'idée d'un fond est jolie.

- éventuellement, proposer une version sans texte, avec juste les
icônes, mais avec des alt et title adéquats pour avoir les
"info-bulles"

Bon, globalement c'était un chantier à lancer, donc c'est bien que ce
soit fait, et ça part dans le bon sens, mais j'aurais bien vu un
système à onglets ... :wink:

Là aussi je vote pour, décidément..

Sinon, je trouve les icones plus jolies (mais en plus petit et pas avec ce rayé en fond, c'est très fatigant pour les yeux de lapin).

9

En cette belle journée ARNO* nous racontait :

Salut,

Je viens de faire un début de commencement d'essai pour une nouvelle
interface de l'espace privé:
Ce serait sympa d'aller y jeter un coup d'oeil pour savoir si ça vaut
le coup que je continue dans cette voie. (Notez bien: pour l'instant,
je n'ai traité que le haut de page, et seulement l'encadré
"cadre_relief" en bas.)

j'aime bien :
la 2e barre de navig, ça me semble + clair pour les nouveaux arrivants
les textes sous les icônes (si on peut les désactiver)
J'aime pas le

jeu d'icones relativement "générique" (ici, icones GPL
pour Gnome)

Ca fait trop "classique", trop "déjà vu"...
Je trouve enfin que c'est un peu trop gris, voir terne, je préfère le côté
coloré, plus gai de l'interface actuelle.

dorian

10

Salut,

Je voudrais faire des essais pour le choix "images", "images+texte", "texte seul" dans l'affichage de la navigation, mais je ne sais pas comment activer l'affichage du texte alternatif sur Macintosh. Le "tooltip" qui s'affiche sous Windows, à partir du tag "alt" (ou, désormais, "title" je crois), mais que je n'ai jamais vu sur Mac. Est-ce que quelqu'un pourrait me dire s'il y a un butineur qui le fait, et quel option des préférences je dois régler?

ARNO*, newbie sur le Web