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

Usability on small screens review #348

Closed
KatieWoe opened this issue Apr 16, 2019 · 5 comments
Closed

Usability on small screens review #348

KatieWoe opened this issue Apr 16, 2019 · 5 comments

Comments

@KatieWoe
Copy link
Contributor

Per @kathy-phet's request in phetsims/qa#295 I am making issues in each published sim repo detailing the pointer areas and usability of sims on phone sized screens. Done on an iPhone 7 iOS 12 device.

Potential Difficulties Noticed:

  • Arrows at end of sliders could have larger pointer areas

Screenshots:
Image from iOS (1)
Image from iOS (2)
Image from iOS (3)
Image from iOS (4)
Image from iOS (5)
Image from iOS (6)
Image from iOS

@arouinfar
Copy link

@Denz1994 asymmetric dilation of NumberControl tweakers was added in phetsims/scenery-phet#489. Here's a mockup of updated touch areas in green.
image

@Denz1994
Copy link
Contributor

I've updated the arrow's at the end of the NumberControls to have dilated touch areas. @arouinfar Please check master for MAS and MASB for the changes.

@arouinfar
Copy link

Thanks @Denz1994. The Gravity tweakers are looking good, but I think the Mass tweakers are still feeling a bit small. Can you add some extra vertical padding to the Mass tweakers?

image

I know it looks a bit exaggerated, but the Mass NumberControl is somewhat on the smaller side, so the exaggerated touch area would be helpful.

@arouinfar arouinfar assigned Denz1994 and unassigned arouinfar May 1, 2019
@Denz1994 Denz1994 assigned arouinfar and unassigned Denz1994 May 7, 2019
@Denz1994
Copy link
Contributor

Denz1994 commented May 7, 2019

This makes sense. The touch areas have been expanded along the Y-axis. Please review master @arouinfar?

@arouinfar
Copy link

Looks great, thanks @Denz1994!

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

No branches or pull requests

3 participants