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

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.allizom.org/index.php?title=Mobile/UI/Designs/TouchScreen/workingUI/sidecontrols&oldid=96615"