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.

Sign up for GitHub

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

Jump to bottom

Mobile UI #17

Open
geoffreyaldebert opened this issue Apr 22, 2020 · 5 comments
Open

Mobile UI #17

geoffreyaldebert opened this issue Apr 22, 2020 · 5 comments
Assignees
@JulienParis
Labels
bug Something isn't working front

Comments

@geoffreyaldebert
Copy link
Collaborator

Hello,
Si j'ai bien compris, la dernière version en date pour la partie mobile est celle publiée sur covid-aides-entreprises.netlify.app => Corrige-moi si je me trompe.
Après tests sur cette version, je remarque encore :

  1. Problème avec la footbar pour la navigation. J'ai un bandeau blanc quand je load la page. La footbar n'apparaît qu'une fois que j'ai scrollé tout en bas
  2. Le titre de l'application n'apparaît pas complètement
  3. Problème de navigation sur la app. On se retrouve facilement piégé dessus. Je pense qu'il faut enlever les chiffres d'aides sur ce menu, ça prend de la place et n'apporte pas forcément grand intérêt.
  4. Sur le menu map, le bouton "Retour au niveau national" est toujours présent
  5. Sur le menu map, "Aides versées : échelle nationale" est sur deux lignes, on peut optimiser en diminuant la taille.
  6. Sur le menu description et sur le menu graphiques, le texte "montant total" est sur deux lignes. Réduire la police
  7. Sur le menu graphique, le chart dépasse en taille horizontal :
  • On ne voit pas le début de la section naf pour certains.
  • On ne voit pas le graphe complet (il est coupé pour le top 1/2)
    Je mets en PJ des screen
@geoffreyaldebert
Copy link
Collaborator Author

Screenshot_2020-04-22-09-30-04-658_com android chrome
Screenshot_2020-04-22-09-30-10-909_com android chrome
Screenshot_2020-04-22-09-30-16-246_com android chrome

@JulienParis JulienParis added bug Something isn't working front labels Apr 22, 2020
@JulienParis JulienParis self-assigned this Apr 22, 2020
@JulienParis
Copy link
Contributor

JulienParis commented Apr 22, 2020 •
edited
Loading

j'ai fini une repasse sur l'UX responsiveaujourd'hui et poussé dans la branche preprod` => résultat visible sur : https://covid-aides-entreprises.netlify.app/

restent des scories :

  • libellés horizontaux du graphique sur mobile
  • bug de repositionnement / recalcul des width/heights quand on passe de largeur mobile à largeur écran desktop ...

@JulienParis
Copy link
Contributor

j'ai fait pas mal de modifs => résultats ici : https://covid-aides-entreprises.netlify.app/

Par contre je pense qu'il faut garder le bouton "retour au niveau national" sur mobile car sinon il n'y a pas de reset possible pour retrouver les chiffres nationaux. Ceci dit j'ai quand même changé la taille du bouton et pas mal de tailles de typo quand on est sur mobile, histoire de laisser plus de place à la carte et aux graphes.

@JulienParis
Copy link
Contributor

PR prenant en compte toutes ces modifs : #18

@JulienParis
Copy link
Contributor

ah oui il reste aussi la taille des typos des charts à changer sur mobile...

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@JulienParis JulienParis

Labels
bug Something isn't working front
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@geoffreyaldebert @JulienParis