Mobile/UI/Designs/TouchScreen/workingUI/sidecontrols

From MozillaWiki
Jump to navigation Jump to search

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

In the zooming approach to working with tabs, the user would zoom out from the current document to see the full field of tabs (thumbnails). This can be triggered by a button tab (shown here) or by dragging the page further beyond its edges (http://azarask.in/blog/post/firefox-mobile-concept-video/), or a combination of the two.

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

Retrieved from "https://wiki.mozilla.org/index.php?title=Mobile/UI/Designs/TouchScreen/workingUI/sidecontrols&oldid=96616"