Friday, June 18th, 2010
Scaling UI controls appropriately on the mobile Web
Category: JavaScript, Mobile
, Usability
Sam Stephenson (of Prototype and 37Signals fame) has taken on the problem of the sizing of controls. If you zoom out, normally, controls are smaller in the same proportion as the rest of the content. In reality, you want nice large controls that are tap friendly. This is where his device scale technique comes in:
He also talks about how he takes hover elements and makes them tappable to get the same item shown or hidden.
Related Content:
Rate the above post
Is this the original link?
http://37signals.com/svn/posts/2407-device-scale-user-interface-elements-in-ios-mobile-safari
I love that touch dialog/menu shown in the screenshot. is there any plugin to do that?
Thanks!
If your contextual commands are to be scaled when zoomed, oughtn’t their contexts also be scaled when zoomed? In a sense this becomes an argument for an interface which can’t be zoomed, or only unimportant elements to be zoomed (and then it raises the question why you’re displaying so many unimportant elements).