#1 2018-08-31 14:28:05

Samuel
Membre
2018-08-31
9

[2.10] Nouvelles interfaces pour l'administration Piwigo

Bonjour à toute la communauté Piwigo !

Je m'appelle Samuel et je suis en ce moment engagé dans la team Pigolabs (Piwigo.com) pour repenser et moderniser l'interface des pages de l'administration. Je travaille en collaboration avec Pierrick et je voulais vous faire part de mes avancées actuelles.

Tout d'abord les pages relatives à l'upload:

https://sandbox.piwigo.com/i?/uploads/4/y/1/4y1zzhnrnw//2018/08/27/20180827173046-21ed338a-sm.png

https://sandbox.piwigo.com/i?/uploads/4/y/1/4y1zzhnrnw//2018/08/27/20180827173046-93358226-sm.png

https://sandbox.piwigo.com/i?/uploads/4/y/1/4y1zzhnrnw//2018/08/27/20180827173047-44c9c498-sm.png

Le gestionnaire des albums:

https://sandbox.piwigo.com/i?/uploads/4/y/1/4y1zzhnrnw//2018/08/27/20180827173045-e0b4d329-sm.png

Puis la recherche dans l'historique (qui va inclure des actions d'administrateur comme éditer une photo ou ajouter un utilisateur)... en mode jour :

https://sandbox.piwigo.com/i?/uploads/4/y/1/4y1zzhnrnw//2018/08/27/20180827173046-deba5997-sm.png

...et en mode nuit:

https://sandbox.piwigo.com/i?/uploads/4/y/1/4y1zzhnrnw//2018/08/27/20180827173046-65443856-sm.png

Et enfin mes derniers mockups sur le gestionnaire par lot:

https://sandbox.piwigo.com/i?/uploads/4/y/1/4y1zzhnrnw//2018/08/31/20180831120407-4349779d-me.png

https://sandbox.piwigo.com/i?/uploads/4/y/1/4y1zzhnrnw//2018/08/31/20180831120408-c1cca701-me.png

J'espère que cette nouvelle vision de l'administration Piwigo vous plaira ! Je continuerai à partager avec vous nos prochains mockups dans l'attente de leurs intégrations pour la 2.10. Dédicace à Pierrick :)

Dernière modification par Samuel (2018-08-31 14:36:29)

Hors ligne

#2 2018-08-31 14:35:57

plg
Équipe Piwigo
Nantes, France, Europe
2002-04-05
12327

Re: [2.10] Nouvelles interfaces pour l'administration Piwigo

J'aime beaucoup !


Dernier billet du blog Piwigo.com (20 juin 2019) Modus, nouveau thème par défaut sur Piwigo.com

Hors ligne

#3 2018-09-09 13:57:52

cryopad
Membre
2017-06-25
36

Re: [2.10] Nouvelles interfaces pour l'administration Piwigo

Ca ressemble un peu à l'interface de WordPress, hein? C'est plus moderne — Bravo!

- Pourquoi l'icône de Piwigo en haut à gauche n'est-elle pas de couleur ?
- Les marges des onglets, des boutons des filtres et d'autres champs me semblent bien grandes, au point qu'il faudra un grand écran pour utiliser l'interface correctement. Serait-il possible de les réduire un peu?


Vous utilisez Piwigo pour iOS ?
Des commentaires ou suggestions ? Tell us on GitHub…
Pas encore dans votre langue? Aidez-nous à traduire…

Hors ligne

#4 2018-09-10 17:51:24

Samuel
Membre
2018-08-31
9

Re: [2.10] Nouvelles interfaces pour l'administration Piwigo

cryopad a écrit:

Ca ressemble un peu à l'interface de WordPress, hein? C'est plus moderne — Bravo!

- Pourquoi l'icône de Piwigo en haut à gauche n'est-elle pas de couleur ?
- Les marges des onglets, des boutons des filtres et d'autres champs me semblent bien grandes, au point qu'il faudra un grand écran pour utiliser l'interface correctement. Serait-il possible de les réduire un peu?

Bonjour cryopad,

Tout d'abord je tiens à préciser que les écrans présentés sont bien des maquettes et que des modifications seront opérées en vue de l'intégration. Je te remercie pour ton retour !

On pourrait remarquer des similitudes par rapport à l'interface de WordPress c'est vrai, néanmoins rien de très surprenant puisqu'il s'agit dans les deux cas d'une interface d'administration ! Dans ce cas pourquoi pas faire le rapprochement avec d'autres services intégrants un outil d'admin ?

J'ai en effet supprimé la couleur native du logo de Piwigo pour une raison très simple, elle attirait trop le regard comparée au reste de l'interface, chose que je ne voulais surtout pas dans la mesure où le logo n'est pas cliquable et que l'utilisateur doit se focaliser sur le contenu.

Les marges et paddings ont été augmentés sur l'ensemble des éléments de la page ainsi que les tailles de typo. Nous allons sans doute devoir les ajuster lors de l'intégration. Il s'agit avant tout d'aérer et d'améliorer la lisibilité du contenu tout en amenant un aspect plus moderne comme tu l'as gentiment souligné. Mais je t'accorde que cette interface est pour le moment exclusive au desktop!

Hors ligne

#5 2018-09-10 18:19:19

cryopad
Membre
2017-06-25
36

Re: [2.10] Nouvelles interfaces pour l'administration Piwigo

La référence à WordPress était un compliment.
Merci pour tes explications et bravo pour ton travail.

Je suis certain de ne pas être le seul à attendre la version finale avec impatience ;-)


Vous utilisez Piwigo pour iOS ?
Des commentaires ou suggestions ? Tell us on GitHub…
Pas encore dans votre langue? Aidez-nous à traduire…

Hors ligne

#6 2018-09-11 12:36:00

Irwan
Membre
2018-09-11
8

Re: [2.10] Nouvelles interfaces pour l'administration Piwigo

Bonjour,
Je suis nouveau aussi sur Piwigo.
J'ai discuté hier avec Pierrick qui m'a parlé de ton travail.
J'ai bossé quelques années en agence Web et espère pouvoir t'aider.

Bravo pour le boulot ! Sobre, moderne, clair et lisible.
Je trouve aussi que ça ressemble à Wordpress et c'est positif car un nouvel utilisateur peut vite retrouver ses marques.

Ce qui pourrait être intéressant aussi dans la démarche, ce serait de travailler les maquettes en "mobile-first".
Ca aide à faire des choix très clairs dans les cas d'usage et l'architecture d'information.

Et pourquoi pas aussi donner un coup de jeune au logo ?

Irwan

Hors ligne

#7 2018-09-11 12:42:51

Irwan
Membre
2018-09-11
8

Re: [2.10] Nouvelles interfaces pour l'administration Piwigo

Et je souscris tout à fait à l'idée d'avoir de grandes marges et de grands boutons.
Le "finger-friendly design" permet de travailler aux doigts et plus seulement à la souris.

Pour ceux qui veulent garder de la productivité en mode clavier-souris, on peut imaginer proposer des raccourcis clavier qui permettent de bosser à grande vitesse.

Hors ligne

#8 2018-09-11 12:53:57

plg
Équipe Piwigo
Nantes, France, Europe
2002-04-05
12327

Re: [2.10] Nouvelles interfaces pour l'administration Piwigo

Perso, je ne trouve pas que cela ressemble spécialement à Wordpress. Cela ressemble à n'importe quelle interface d'administration web "moderne". On ne cherche pas l'originalité mais au contraire à respecter les "codes esthétiques" actuels.

Pour le mobile-first (et autre problématique responsive), ce sera plutôt une préoccupation pour la 3.0.

Le coup de jeune au logo, oui. Samuel bossera dessus avant la fin de son stage. On a notamment un soucis de "lisibilité" du "o" final. De trop nombreuses personnes qui ne voient que le logo (sur mon t-shirt ou ma carte de visite par exemple) me demandent "c'est quoi Piwig ?".

Oui, cette proposition de design est beaucoup moins dense que l'actuelle version 2.9 de Piwigo. Et c'est une bonne chose à mon avis.


Dernier billet du blog Piwigo.com (20 juin 2019) Modus, nouveau thème par défaut sur Piwigo.com

Hors ligne

#9 2018-09-11 16:33:53

Samuel
Membre
2018-08-31
9

Re: [2.10] Nouvelles interfaces pour l'administration Piwigo

Merci cryopad et Irwan pour vos avis constructifs et compliments, ça me touche beaucoup !

Tu as raison Irwan dans l'idéal une approche mobile-first apporterait pas mal de points positifs, mais comme l'expliquait Pierrick c'est encore trop tôt pour s'y mettre. Je prend note de tes conseils.

Je vais faire de mon mieux pour le logo :-)

Hors ligne

#10 2018-09-11 17:28:14

cryopad
Membre
2017-06-25
36

Re: [2.10] Nouvelles interfaces pour l'administration Piwigo

Si c’est possible, propose une version « mobile » du logo qu’on utilisera comme icône sur iOS et Android ;-)


Vous utilisez Piwigo pour iOS ?
Des commentaires ou suggestions ? Tell us on GitHub…
Pas encore dans votre langue? Aidez-nous à traduire…

Hors ligne

#11 2018-10-30 14:17:40

k5
Équipe Piwigo
lieu
2014-01-26
429

Re: [2.10] Nouvelles interfaces pour l'administration Piwigo

Bonjour,

Irwan a écrit:

Et je souscris tout à fait à l'idée d'avoir de grandes marges et de grands boutons.
Le "finger-friendly design" permet de travailler aux doigts et plus seulement à la souris.

Pour ceux qui veulent garder de la productivité en mode clavier-souris, on peut imaginer proposer des raccourcis clavier qui permettent de bosser à grande vitesse.

Je suis aussi créateur de site, quelquefois les personnes me disent de travailler par le geste avec la main devant un écran. Serait-ce possible ?

Cordialement
k5


Ayez comme premier réflexe de faire les mises à jours piwigo et extensions. merci

Hors ligne

#12 2018-10-30 17:20:27

Justine5
Membre
2018-03-08
98

Re: [2.10] Nouvelles interfaces pour l'administration Piwigo

Les liens "Visit" et "My greatest Gallery" vont tous les 2 vers l'accueil de la galerie, non? un était plus sur la droite avant... et déja je ne voyais pas bien la finalité ;) ceci dit ce n'est pas si évident de trouver des critiques constructives

Hors ligne

#13 2019-08-10 16:58:47

Justine5
Membre
2018-03-08
98

Re: [2.10] Nouvelles interfaces pour l'administration Piwigo

A certaines pages il y a cette image du point d'interrogation (aide) qui est toujours une image "pas joilie" (fichier .PNG) pas un comme les autres icones ailleurs dans le menu!

/admin/themes/clear/icon/help.png

Voilà c'est vraiment pas grand chose mais ;) voilà...

Hors ligne

#14 2019-08-10 17:00:18

Justine5
Membre
2018-03-08
98

Re: [2.10] Nouvelles interfaces pour l'administration Piwigo

En parlant de ça il n'y aurait pas moyen que l'aide s'ouvre dans une lightbox "moderne" ou directement dans la page sans pour autant être affichée par défaut... avec un bouton montrer/cacher ? (et non pas une nouvelle fenêtre pop-up)

Hors ligne

#15 2019-08-11 22:44:51

plg
Équipe Piwigo
Nantes, France, Europe
2002-04-05
12327

Re: [2.10] Nouvelles interfaces pour l'administration Piwigo

OK Justine5, merci pour ces retours !

* [Github] Piwigo issue #1056
* [Github] Piwigo issue #1057

Pour l'icône, ça devrait pas être compliqué. Pour l'ouverture en "popin" au lieu d'une "popup", je vais faire un essai. Si ce n'est pas trivial, on reportera à la 2.11 (en l'état actuel de la 2.10, on est vraiment à faire des choses ultra-mineures ou de la correction de bug).


Dernier billet du blog Piwigo.com (20 juin 2019) Modus, nouveau thème par défaut sur Piwigo.com

Hors ligne

Pied de page des forums

Propulsé par FluxBB

github twitter facebook newsletter Faire un don Piwigo.org © 2002-2019 · Contact