Mobile/UI/Designs/TouchScreen/workingUI/sidecontrols: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
(New page: == Basic case == The user drags the page past it's edge. At a certain point, the control strip locks into place; if the page is released before this point, it elastically snaps back to t...)
 
Line 14: Line 14:


== Alternate 1 - tabs further off to the side ==
== Alternate 1 - tabs further off to the side ==
A concern raised about the zooming design is that the zooming time could become annoying for a user.  If, especially on a mobile device, the activity most performed with tabs is switching between a small set rather than managing a large set, then there may be advantage to displaying a simple thumbnail list or grid further off the page:


http://people.mozilla.com/~madhava/files/mobile/2008-06-13/2.png
http://people.mozilla.com/~madhava/files/mobile/2008-06-13/2.png


== Alternate 2 ==
== Alternate 2 ==

Revision as of 13:39, 13 June 2008

Basic case

The user drags the page past it's edge. At a certain point, the control strip locks into place; if the page is released before this point, it elastically snaps back to the page borders.

Precise control layout TBD. As in Aza's prototype, the titlebar appears/slides into place when the control strip slides in.

0.png


Zooming design

1.png


Alternate 1 - tabs further off to the side

A concern raised about the zooming design is that the zooming time could become annoying for a user. If, especially on a mobile device, the activity most performed with tabs is switching between a small set rather than managing a large set, then there may be advantage to displaying a simple thumbnail list or grid further off the page:

2.png

Alternate 2

2a - vertical scroll list

3.png

2b - horizontal scroll list

4.png