Pages: 1 2
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:
Le gestionnaire des albums:
Puis la recherche dans l'historique (qui va inclure des actions d'administrateur comme éditer une photo ou ajouter un utilisateur)... en mode jour :
...et en mode nuit:
Et enfin mes derniers mockups sur le gestionnaire par lot:
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
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?
Hors ligne
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
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 ;-)
Hors ligne
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
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
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.
Hors ligne
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
Si c’est possible, propose une version « mobile » du logo qu’on utilisera comme icône sur iOS et Android ;-)
Hors ligne
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
Hors ligne
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
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
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
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).
Hors ligne
Pages: 1 2