Nouveau menu de sélection de PDM

[overflorian]

Dans le menu actuel sur mobile, seuls 4 ou 5 projets sont affichés, il faut scroller pour voir la fin :

Et si on re-designait ça proprement ? Je propose de n'utiliser ce re-design que pour mobile. On garde donc la disposition actuelle sur desktop.

Pour commencer, virons carrément le titre et les sous-titres. Ensuite, j'ai plusieurs propositions :

Proposition 1

On n'a plus besoin de la date du projet. On utilise les icônes "mini" puisque l'on est sur mobile. Cliquer sur le titre ouvre la page projet, cliquer sur le bouton "éditer" ouvre direct la carte. Inspiré de Google Maps.

Icône utilisée : https://fonts.google.com/icons?selected=Material%20Icons%20Outlined%3Aedit%3A Code couleur du bleu : #007aff

Proposition 2

• Les icônes de tous les projets s'affichent horizontalement.
• Un clic sur une icône affiche en dessous son encart de contribution
• On peut glisser de gauche à droite avec le doigt, comme dans l'appli Uber Eats :

Proposition 3

• Il est possible de scroller autant à gauche qu'à droite
• le scroll est incrémental : chaque icône aimante le défilement. Il n'est possible d'arrêter le scroll que sur une icône.
• Le projet sélectionné par défaut est le PDM en cours / variante : le projet sélectionné par défaut est le dernier auquel l'utilisateur a contribué.
• Les icônes des projets non-sélectionné sont grisés
• Interaction semblable à Waze : https://user-images.githubusercontent.com/11553211/149534538-15834f18-795b-4bb1-8a9b-36c295f159a5.mp4

Proposition 4

• variante 1 : un clic sur le cœur met en favoris / les favoris sont affichés en premier

• variante 2 : les PDM auxquels l'utiliateur a déjà contribué affichent une médaille / les PDM médaillés sont affichés en premier

• Fonctionnement inspiré de l'appli Booking

• Le KPI principal est indiqué. Je propose le nombre de contributeurs au projet

Icônes utilisées :

• https://fonts.google.com/icons?selected=Material%20Icons%20Outlined%3Afavorite%3A
• https://fonts.google.com/icons?selected=Material%20Icons%20Outlined%3Afavorite_border%3A
• https://fonts.google.com/icons?selected=Material%20Icons%20Outlined%3Agroup%3A
• la médaille déjà utilisée sur la page https://projetdumois.fr/users/overflorian

[overflorian]

Mon avis perso : une liste est hyper efficace pour afficher un grand nombre de PDM. La proposition 4 est ma préférée dans cette optique. Néanmoins, la prio n'est-elle pas d'afficher LA quête ou les 2 quêtes les plus utilisées ? Dans ce cas, la proposition 3 me paraît la plus adaptée. Qu'en pensez-vous @PanierAvide @flacombe ?