Usability on small screens review

phetsims / gene-expression-essentials

An educational simulation about how genes work to create proteins.

GNU General Public License v3.0

4 stars 6 forks source link

Usability on small screens review #126

Closed KatieWoe closed 5 years ago

KatieWoe commented 5 years ago

Per @kathy-phet's request in https://github.com/phetsims/QA/issues/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:

Larger +/- boxes for accordion boxes may be useful. See https://github.com/phetsims/sun/issues/500

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 (7)

arouinfar commented 5 years ago

https://github.com/phetsims/sun/issues/500 would support asymmetric dilation of the ExpandCollapseButton but that isn't necessary here.

@jbphet looks like there's plenty of room to dilate the touch areas a bit, as proposed in green.

SaurabhTotey commented 5 years ago

I have expanded the touch areas a little bit. I increased them from 5 to 8. Here is what it looks like in master.

KatieWoe commented 5 years ago

Looks good to me. @arouinfar

arouinfar commented 5 years ago

👍