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

Show zoom control #51

Closed
roata opened this issue Oct 12, 2019 · 2 comments · Fixed by #56
Closed

Show zoom control #51

roata opened this issue Oct 12, 2019 · 2 comments · Fixed by #56
Labels
a11y Accessibility enhancement New feature or request good first issue Good for newcomers hacktoberfest https://hacktoberfest.digitalocean.com/ help wanted Extra attention is needed ux User experience, design, aesthetics
Milestone

Comments

@roata
Copy link
Member

roata commented Oct 12, 2019

At the moment we don't have +/- buttons on the map, so the only way to zoom in and out is to use 2-finger touch or a scroll-wheel (if you have a mouse).

When you use the software on a phone, you might have only one hand available (the other one is holding a bag, a child or a fellow human hand) - so zooming in and out will be challenging.

This can be resolved by showing the zoom controls, like this:
image

What we need:

  1. the +/- buttons to be shown
  2. they must be placed in an area easy to reach with the thumb (see the image below for a reference)
  3. bonus: single-finger zooming (via tap-and-drag up/down, like on Google Maps) would be nice and would make everyone happy

image

Obviously it should not be on the top side of the screen - that's unreachable. I am inclined to put it on the bottom-left side, with a slight offset from the edge. This will discriminate against left-handed users, so a separate issue will be created to fully address this matter.

@roata roata added enhancement New feature or request help wanted Extra attention is needed good first issue Good for newcomers ux User experience, design, aesthetics hacktoberfest https://hacktoberfest.digitalocean.com/ a11y Accessibility labels Oct 12, 2019
@zilehuda
Copy link
Contributor

taking this

@zilehuda
Copy link
Contributor

PR #56

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
a11y Accessibility enhancement New feature or request good first issue Good for newcomers hacktoberfest https://hacktoberfest.digitalocean.com/ help wanted Extra attention is needed ux User experience, design, aesthetics
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants