[spip-dev] Onglets dans l'espace privé

Hello everybody,

Il y a quelques jours, avec Romy et Denisb, nous avons maquetté une nouvelle interface d’admin des plugins.
Je laisse le soin à Denis d’en faire part dans un autre mail…

Donc, depuis hier j’essaye de mettre en place cette nouvelle interface et je suis confronté à un souci récurrent concernant les onglets :

  • comment les afficher ?
  • ou les afficher pour ne pas perdre la moitié de l’écran comme actuellement ?

Alors voilà une proposition qui pourrait peut-être remplacer le fonctionnement actuel ou du moins servir de base à une évolution :
→ http://www.circaete.net/eric/screenshot_010.jpg

En quelques mots :

  1. On utilise le bloc de navigation rappelant le menu d’où l’on vient.
  2. On expose l’entrée courant (ici la gestion des plugins)
  3. On affiche sous l’entrée courante la liste des onglets
  4. On expose aussi l’onglet courant

Ainsi on libère l’espace au dessous du titre de la page qui pourrait être utilisé uniquement pour des filtres quand cela est nécessaire.
Après il est nécessaire d’améliorer le titre de la page versus le titre de l’entrée du menu, si on affiche l’onglet correspondant au défaut de l’entrée ou pas (ici on le répète pas et c’est le lien Gestion des plugins qui fait office)… mais le principe est là.

En outre, coté plugin.xml je serais d’avis de virer la notion d’onglet pour la remplacer par des boutons, c’est à dire un sous-menu de certaines entrées de la barre nav.
On peut le faire en deux temps :

  1. pour assurer la compat on remplace la valeur “parent” des onglets actuels par celle de l’entrée de menu auquel l’onglet est finalement rattaché.
  2. On vire la notion d’onglet au passage à paquet.xml.

Je sais pas si tout est clair…
Vos avis.

C'est pas mal oui. Par contre SI (car c'est un "si" pour l'instant) il y a un chemin de navigation, ça fait un peu doublon avec, surtout que le placement est quasiment au même endroit pour l'instant.

Ce qui fait que je rebondis dessus et ça rejoint une conversation récente : d'après moi, si on décide d'utiliser un chemin pour naviguer, il faut l'utiliser *partout*.
Car sinon l'interface n'est pas "prédictible" : sur une page j'ai un chemin qui m'aide à savoir où je suis, je change de page et POUF j'ai plus de chemin là où je m'attendais à l'avoir visuellement dans l'interface, et je suis perdu !

http://rastapopoulos.artizanal.info/images/onglets+chemin.png

Je suis tout à fait d'accord que le besoin de savoir "où on est" doit être satisfait.

La réponse de Rastapopoulos va donc dans le bon sens,
mais du coup, les titres courants se retrouvent en triple :
- dans la colonne gauche
- en petit dans le fil d'ariane
- en gros dans la colonne droite principale...
ça fait beaucoup de niveaux hiérarchiques différents donc un peu perturbant au final,
et pourtant le 'secteur' = "configuration" n'est toujours pas clairement visible (il a pas son gros titre)
et si on l'ajoute ça fait encore un niveau supplémentaire...
alors il me semble qu'on pourrait "fusionner" le fil d'ariane et les titres en gros dans la col droite.
Pour alléger, on retire accueil du fil d'ariane, puisque c'est une constante qui ne contextualise rien,
et ça pourrait donner ça :

http://img833.imageshack.us/img833/9255/ongletscheminv3.jpg

JLuc

Je crois toutefois qu'il faudrait incorporer le menubandeau principal de la page à ces images
pour avoir une perception fidèle du fonctionnement induit.

JLuc

Yep,

Ce qui me choque, dans l'espace privé, c'est l'importance des titres : leur nombre, leur succession, leur taille, la place qu'ils occupent avec leurs marges et padding... Comme si on voulait tellement marquer "vous êtes ici" qu'on en rajoute si bien qu'on finit par ne plus y voir clair.

En ce sens et en l'état, le fil d'Ariane (en plus d'être inadapté à représenter la navigation dans l'espace privé qui n'est pas partout strictement arborescente, il me semble) ne fera qu'empirer la situation, en apportant son lot de titres...

Ma proposition : sabrer.
Défricher. Elaguer.
Pour dégager la vue.

Voir : http://romy.tetue.net/IMG/png/expace-prive-titres.png

KISS

Je pense à contrario que si. Ce n'est pas parce que la page ne représente pas un objet qui a un "type" arborescent (ou qui s'inscrit dans une arborescence d'autres objets), comme les rubriques, articles, sites, produits, patates, etc... que la *page* elle-même ne s'inscrit pas dans une arborescence de navigation.

Même pour une page de config, on est 1) dans le grand secteur "Configuration" et 2) dans une des sous-entrées, et ça il faut le dire et le voir.

Configuration => Gestion des plugins => Ajouter un dépot
Ta déjà trois niveaux.

Pour Formidable, qui n'est PAS arborescent non plus :
Édition => Formulaires => Mon form de contact => Réponses
ou bien :
Édition => Formulaires => Mon form de contact => Configuration des traitements
Ya quatre niveaux, et ce n'est pas non plus un objet arborescent.

etc

Ma proposition : sabrer.
Voir : http://romy.tetue.net/IMG/png/expace-prive-titres.png

pas mal ; on peut aussi simplifier les deux énormes intitulés :
"Rechercher" et… "rien" ; on se doute que si on cherche un plugin ça
va chercher dans les plugins, quoi :slight_smile:

par contre j'aime bien le fil d'ariane aussi

-- Fil

par contre j'aime bien le fil d'ariane aussi

« Provide clear and consistent navigation mechanisms » préconisent les
Directives pour l'accessibilité aux contenus Web
(Web Content Accessibility Guidelines 1.0).

Ça me parait indispensable d'indiquer le chemin complet, arborescence
stricte ou non (on a bien cliqué quelque part pour arriver autre part),
profondeur ou non (limitée à deux niveaux).

Sauf à être déjà familiarisé avec l'espace privé de SPIP, je ne suis pas
sûr que la navigation y soit très claire et cohérente.

Quelques propositions générales ont été faites : maintenant que les
squelettes de l'espace privé sont relativement simples à bidouiller sans
risque, on ne pourrait pas mettre ça sur la zone, si personne du core ne
se sent de s'y coller ?

en allégeant la mayonnaise de titres mais avec le fil d'ariane :
http://img19.imageshack.us/img19/8997/svp.png

Rq : La grosse icone du menubando serait un autre moyen de signaler le premier niveau de contexte.

JLuc

Et avec le menubando de Sébastien, colorié un peu rapidement, ça donne ça :

http://img20.imageshack.us/img20/8997/svp.png

JLuc

* fred tapuscrivait, le 16/06/2011 18:57:

par contre j'aime bien le fil d'ariane aussi

« Provide clear and consistent navigation mechanisms » préconisent les
Directives pour l'accessibilité aux contenus Web
(Web Content Accessibility Guidelines 1.0).

J'avais repéré dernièrement :
http://medialoot.com/item/html5-admin-template/
http://mtnconcept.com/free-tools/template/templates-administrateur-gratuites-2508

Des fois que ça inspire…

-- RealET

par contre j'aime bien le fil d'ariane aussi

« Provide clear and consistent navigation mechanisms » préconisent les
Directives pour l'accessibilité aux contenus Web
(Web Content Accessibility Guidelines 1.0).

Ça me parait indispensable d'indiquer le chemin complet, arborescence
stricte ou non (on a bien cliqué quelque part pour arriver autre part),
profondeur ou non (limitée à deux niveaux).

Oui, enfin, ça relève du niveau Or, celui que personne n'arrive jamais à atteindre :smiley:
On a déjà suffisamment à faire avec l'accessibilité de premier niveau, comme tu le fait justement remarquer :

Sauf à être déjà familiarisé avec l'espace privé de SPIP, je ne suis pas
sûr que la navigation y soit très claire et cohérente.

Je suis bien d'accord :slight_smile: mais un fil d'Ariane n'est pas la baguette magique propre à résoudre cela.

En soi, je n'ai rien contre un fil d'Ariane dans le privé. Je trouve juste que c'est se donner beaucoup de mal (car l'espace privé n'est a priori pas arborescent) pour une amélioration minime de l'utilisabilité. Sur ce point, plus grave est la lente disparition des contenus, comme le texte des articles, qui sont, évolution après évolution, progressivement poussés hors champ par la titraille et la bardée de formulaires (dates, mot, auteur et plugins)...

Voir : http://romy.tetue.net/IMG/png/article-texte-20110616.png

Pour savoir où on est et ne plus s'y perdre, mieux vaut tout simplement *montrer* le contenu des pages de l'espace privé (au lieu de le reléguer hors champ). L'ajout de titre, de niveaux dans les menus, de fil d'Ariane, etc. risque plutôt d'empirer la situation que de solutionner ce problème. D'où mon manque d'enthousiasme.

Pour mémoire, j'avais fait un proto redonnant le premier rôle aux textes/contenus/articles de SPIP, en déportant les objets associés et autres actions périphériques en colonne latérale :
http://romy.tetue.net/IMG/demo/interface/article_propose.html

-- Romy

Elle est excellente celle là ! (Enfin, façon de parler...)

2011/6/16 RealET <real3t@gmail.com>

  • fred tapuscrivait, le 16/06/2011 18:57:

par contre j’aime bien le fil d’ariane aussi

« Provide clear and consistent navigation mechanisms » préconisent les
Directives pour l’accessibilité aux contenus Web
(http://www.w3.org/TR/1999/WAI-WEBCONTENT-19990505/#gl-facilitate-navigation).

J’avais repéré dernièrement :
http://medialoot.com/item/html5-admin-template/

Dans l’absolu, je préfèrerais avoir ce look plutôt que celui de SPIP qui commence à faire un peu old school (c’est un commentaire que quasi tous mes clients font), mais je préfère surtout que l’organisation des pages et fonctions soit stabilisée (c’est en bonne voie), charge ensuite à ceux que ça intéresse et qui en ont la compétence de faire des thèmes pour l’espace privé, dès que la squelettisation sera complète.

http://mtnconcept.com/free-tools/template/templates-administrateur-gratuites-2508

Je n’ai rien vu de bien tentant là, par contre.

-Nicolas

2011/6/16 romy@rezo.net <romy@rezo.net>

En soi, je n’ai rien contre un fil d’Ariane dans le privé. Je trouve juste que c’est se donner beaucoup de mal (car l’espace privé n’est a priori pas arborescent) pour une amélioration minime de l’utilisabilité. Sur ce point, plus grave est la lente disparition des contenus, comme le texte des articles, qui sont, évolution après évolution, progressivement poussés hors champ par la titraille et la bardée de formulaires (dates, mot, auteur et plugins)…

Voir : http://romy.tetue.net/IMG/png/article-texte-20110616.png

+10000

J’ai encore eu la remarque hier de la part d’un utilisateur.

Pour savoir où on est et ne plus s’y perdre, mieux vaut tout simplement montrer le contenu des pages de l’espace privé (au lieu de le reléguer hors champ). L’ajout de titre, de niveaux dans les menus, de fil d’Ariane, etc. risque plutôt d’empirer la situation que de solutionner ce problème. D’où mon manque d’enthousiasme.

Pour mémoire, j’avais fait un proto redonnant le premier rôle aux textes/contenus/articles de SPIP, en déportant les objets associés et autres actions périphériques en colonne latérale :
http://romy.tetue.net/IMG/demo/interface/article_propose.html

Joli !

Un autre point qui fache régulièrement les utilisateurs, c’est que certaines infos sont modifiables en visualisation alors que d’autres nécessitent de passer en édition.

-Nicolas

Pas baguette magique mais bouée de sauvetage éventuellement, dans
l'immédiat...

C'est peut-être l'ensemble de l'ergonomie de l'espace privé qui est à
clarifier, en effet. Mais c'est une autre paire de manches.

Quitte à ne rien pouvoir proposer, je préfère me taire :-p

(avec dans l'idée quand même de bidouiller les squelettes à l'occasion)

Ca, c'est genial... Enfin ! Et il faudrait la meme chose pour une page rubrique afin d'avoir le bouton de creation d'un article accessible immediatement et pas hors champ

Tous les boutons de création sont disponibles en haut de page avec le nouveau bandeau (ici pour SPIP2 : http://www.spip-contrib.net/Bandeau,3556 ), ce qui palie temporairement à ce problème et nous laisse libres de repenser les coeurs de page.

Sauf à être déjà familiarisé avec l'espace privé de SPIP, je ne suis pas
sûr que la navigation y soit très claire et cohérente.

Je suis bien d'accord :slight_smile: mais un fil d'Ariane n'est pas la baguette magique propre à résoudre cela.

Pas baguette magique mais bouée de sauvetage éventuellement, dans
l'immédiat...

oui, le fil d'ariane donne l'impression de pouvoir revenir à la page où l'on est , sinon on semble perdu au milieu de nulle part notamment du fait que les chemins peuvent être multiples pour une même page (comment va-ton reproduire le même hasard qui nous a conduit là :slight_smile:
Claude