Confirmed users
1,492
edits
Mobile/UI/Designs/TouchScreen/Proposal6: Difference between revisions
Mobile/UI/Designs/TouchScreen/Proposal6 (view source)
Revision as of 22:18, 9 April 2008
, 9 April 2008no edit summary
Pythagoras1 (talk | contribs) (→Bookmarking: comment) |
No edit summary |
||
| Line 66: | Line 66: | ||
http://people.mozilla.com/~madhava/files/mobile/m1/m1_awesomebar_traditional.png | http://people.mozilla.com/~madhava/files/mobile/m1/m1_awesomebar_traditional.png | ||
== Thoughts on toolbar sizing == | |||
The n810's high screen resolution means that icons and layouts that work fine on a desktop screen are too small for easy finger-tapping (or even stylus tapping) when moved over. | |||
http://people.mozilla.com/~madhava/files/mobile/m1/m1_current_size_in_context.png | |||
Working with the current set of icons (currently mostly 24px - should probably be larger in the future), I think the following layout would make it easier to manipulate the controls with fingers: | |||
http://people.mozilla.com/~madhava/files/mobile/m1/m1_pixel_sizing.png | |||
Other devices address the target size problem by having the tappable area extend beyond the bounds of the visible icon -- we should do the same. | |||
==Compacted== | ==Compacted== | ||
http://people.mozilla.com/~madhava/files/mobile/m1/m1_compact.png | http://people.mozilla.com/~madhava/files/mobile/m1/m1_compact.png | ||