Usability on small screens review

phetsims / charges-and-fields

"Charges And Fields" is an educational simulation in HTML5, by PhET Interactive Simulations.

GNU General Public License v3.0

9 stars 7 forks source link

Usability on small screens review #162

Open KatieWoe opened 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:

Pencil and erase button on the equipotential tool are hard to use

Screenshots: Image from iOS (1)

arouinfar commented 5 years ago

These buttons are both flavors of RectangularPushButton whose superclass is RectangularButtonView which doesn't currently have support for asymmetric pointer area dilation, see https://github.com/phetsims/sun/issues/500.

We could symmetrically dilate the touch areas a bit, as shown in green.

Not sure if this is supported without first addressing https://github.com/phetsims/sun/issues/500, but we could add a bit of extra vertical dilation too.