Amélioration de l'interface de modération #236

New Issue

pivo · 2024-12-01T20:43:51+01:00

pivo commented

2024-12-01 20:43:51 +01:00

Pour éviter un clic, ça serait plus confortable de pouvoir choisir entre "publier", "brouillon" ou "corbeille" directement.
J'avoue c'est du confort. Mais on utilise très rarement le bouton "publier" sur le résumé de l'événement. On clique sur modérer et on ajoute des tags ou alors on le mets à la poubelle en changeant le statut et ensuite on clique sur "enregistrer et passer au suivant".

J'aimerais beaucoup pouvoir choisir entre les 3 options avec un triple bouton comme ça :

https://getbootstrap.com/docs/5.3/components/button-group/#checkbox-and-radio-button-groups
Je ne sais pas si ça s'implémente facilement.

Merci d'avoir ajouté la possibilité de modifier je sais que ça partait d'un bonne intention de proposer le bouton en haut et en bas mais je ne suis vraiment pas fan des boutons en double dans la même interface qui font la même action. En plus là le texte du bouton n'est pas le identique entre le haut et le bas pour les événements locaux.
Je prose de l'enlever du bas de la page c'était plus clair avec les 3 options. Il faudrait le mettre uniquement dans le cadre dédié à l'événément à coté du bouton export ICal.

Voilà mon interface idéale :

Pour éviter un clic, ça serait plus confortable de pouvoir choisir entre "publier", "brouillon" ou "corbeille" directement. J'avoue c'est du confort. Mais on utilise très rarement le bouton "publier" sur le résumé de l'événement. On clique sur modérer et on ajoute des tags ou alors on le mets à la poubelle en changeant le statut et ensuite on clique sur "enregistrer et passer au suivant". J'aimerais beaucoup pouvoir choisir entre les 3 options avec un triple bouton comme ça : ![image](/attachments/ece3986d-551b-483c-a1bb-a68aaa5bad26) https://getbootstrap.com/docs/5.3/components/button-group/#checkbox-and-radio-button-groups Je ne sais pas si ça s'implémente facilement. Merci d'avoir ajouté la possibilité de modifier je sais que ça partait d'un bonne intention de proposer le bouton en haut et en bas mais je ne suis vraiment pas fan des boutons en double dans la même interface qui font la même action. En plus là le texte du bouton n'est pas le identique entre le haut et le bas pour les événements locaux. Je prose de l'enlever du bas de la page c'était plus clair avec les 3 options. Il faudrait le mettre uniquement dans le cadre dédié à l'événément à coté du bouton export ICal. Voilà mon interface idéale : ![image](/attachments/1f41d6bc-9c0a-482e-b9ad-bfde5327655a)

image.png

532 KiB

image.png

3.6 KiB

pivo added the

UX

label 2024-12-01 20:43:51 +01:00

jmtrivial commented

2024-12-01 23:24:48 +01:00

Hello !

J'avais choisi de ne pas mettre le bouton du haut à côté du bouton "exporter ical" parce que leur logique est trop différente. Mais le plus simple est probablement de supprimer le bouton "exporter l'ical" pour faire ce que tu proposes.

Pour l'interface de choix publier/brouillon/poubelle, je peux te proposer ce rendu :
https://picocss.com/docs/forms/radios
picocss est la bibliothèque que j'utilise pour le css qui permet de définir l'apparence du site. Je ne crois pas qu'ils proposent nativement ce que tu décris. Les boutons groupés ressemblent un peu, mais ils ne permettent pas d'exprimer le "ou" (ce ne sont pas des champs de formulaire, mais des boutons à cliquer).

Je suis en vacances de code sur pommes de lune jusqu'à la fin de la semaine, mais je regarde à mon retour.

Hello ! J'avais choisi de ne pas mettre le bouton du haut à côté du bouton "exporter ical" parce que leur logique est trop différente. Mais le plus simple est probablement de supprimer le bouton "exporter l'ical" pour faire ce que tu proposes. Pour l'interface de choix publier/brouillon/poubelle, je peux te proposer ce rendu : https://picocss.com/docs/forms/radios picocss est la bibliothèque que j'utilise pour le css qui permet de définir l'apparence du site. Je ne crois pas qu'ils proposent nativement ce que tu décris. Les boutons groupés ressemblent un peu, mais ils ne permettent pas d'exprimer le "ou" (ce ne sont pas des champs de formulaire, mais des boutons à cliquer). Je suis en vacances de code sur pommes de lune jusqu'à la fin de la semaine, mais je regarde à mon retour.

👍 1

jmtrivial commented

2024-12-02 08:16:16 +01:00

Ce qu'il faudrait faire aussi :

ajouter un bouton "voir l'événement"
rendre toujours visibles les boutons du bas, sur smartphone

D'autre part, je reviens sur ce que tu as proposé : si on met le bouton "enregistrer et créer une version locale" sous l'événement, j'ai l'impression que ça devrait juste être "créer une version locale" qui n'enregistre pas les modifications.
La logique serait que les boutons qui enregistrent sont en bas (donc après le formulaire de modération), quand le bouton "créer une version locale" est avant. Si on veut enregistrer ce qu'on a fait, on clique sur "enregistrer", puis sur cette nouvelle page "créer une version locale".

Qu'en penses-tu ?

Ce qu'il faudrait faire aussi : - [ ] ajouter un bouton "voir l'événement" - [ ] rendre toujours visibles les boutons du bas, sur smartphone D'autre part, je reviens sur ce que tu as proposé : si on met le bouton "enregistrer et créer une version locale" sous l'événement, j'ai l'impression que ça devrait juste être "créer une version locale" qui n'enregistre pas les modifications. La logique serait que les boutons qui enregistrent sont en bas (donc après le formulaire de modération), quand le bouton "créer une version locale" est avant. Si on veut enregistrer ce qu'on a fait, on clique sur "enregistrer", puis sur cette nouvelle page "créer une version locale". Qu'en penses-tu ?

pivo commented

2024-12-02 09:01:39 +01:00

je ne suis pas chaud pour le bouton "voir l'événement" on voit déjà toutes les infos dans cette vue et on peut aussi cliquer sur annuler ou enregistrer pour y accéder.
je ne suis pas très convaincu non plus par les boutons toujours visible en bas de l'écran. Ça prend pas mal de place et en vrai c'est assez rapide de faire un scroll jusqu'en bas. De toutes façons il faut parcourir tous les champs avant d'enregistrer.
oui OK pour ne pas enregistrer si c'est plus logique. Le bouton afficherait donc "créer une version locale" ou juste "modifier" si c'est un événement local.
pour les boutons radio oui c'est top ça me va.
Bonnes vacances de code !
Tout ça c'est du confort de toutes façons

- je ne suis pas chaud pour le bouton "voir l'événement" on voit déjà toutes les infos dans cette vue et on peut aussi cliquer sur annuler ou enregistrer pour y accéder. - je ne suis pas très convaincu non plus par les boutons toujours visible en bas de l'écran. Ça prend pas mal de place et en vrai c'est assez rapide de faire un scroll jusqu'en bas. De toutes façons il faut parcourir tous les champs avant d'enregistrer. - oui OK pour ne pas enregistrer si c'est plus logique. Le bouton afficherait donc "créer une version locale" ou juste "modifier" si c'est un événement local. - pour les boutons radio oui c'est top ça me va. Bonnes vacances de code ! Tout ça c'est du confort de toutes façons

jmtrivial commented

2024-12-02 11:49:39 +01:00

voir l'événement permet de voir les événements en même temps, et éventuellement détecter un doublon. Peut-être qu'il faudrait dans ce cas une liste des événements en même temps dans cette vue
les boutons visibles en même temps pourraient être utiles pour la vue smartphone, qui sinon impose de scroller en bas. Mais c'est vrai que ça prend de la place
parfait pour les boutons des deux autres points

et merci :)

* voir l'événement permet de voir les événements en même temps, et éventuellement détecter un doublon. Peut-être qu'il faudrait dans ce cas une liste des événements en même temps dans cette vue * les boutons visibles en même temps pourraient être utiles pour la vue smartphone, qui sinon impose de scroller en bas. Mais c'est vrai que ça prend de la place * parfait pour les boutons des deux autres points et merci :)

jmtrivial commented

2024-12-04 12:42:26 +01:00