Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Nouveau menu de sélection de PDM #238

Open
overflorian opened this issue Jan 14, 2022 · 1 comment
Open

Nouveau menu de sélection de PDM #238

overflorian opened this issue Jan 14, 2022 · 1 comment

Comments

@overflorian
Copy link
Collaborator

overflorian commented Jan 14, 2022

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.
image

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 :
    image

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
    image
  • 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 :

@overflorian
Copy link
Collaborator Author

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 ?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant