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

Line 67: Line 67:
http://people.mozilla.com/~madhava/files/mobile/2008-06-26/controls_progression_final.png
http://people.mozilla.com/~madhava/files/mobile/2008-06-26/controls_progression_final.png


When panning around a webpage by dragging, the user should be able to elastically drag the page past its edge; this will reveal a bit of what's beyond the edge, but the page should still snap back into place when release.  When enough of the control strip has been revealed, the control strip should snap into place when the page is released -- the exact point at which this should happen will take some iteration.
When panning around a webpage by dragging, the user will often drag past the page edge. When this happens, the page should elastically snap back into place, but, in doing this, the user should start to notice that there are controls beyond the edge.  When enough of the control strip has been revealed (when the page has been pulled past it's elastic breaking point), the control strip should snap into place when the page is released -- the exact point at which this should happen will take some iteration.


If the user is at the top of the page, such that the titlebar is still visible, the page slides horizontally under it to reveal the control strip:
If the user is at the top of the page, such that the titlebar is still visible, the page slides horizontally under it to reveal the control strip:
Line 77: Line 77:
(Control stip alternates considered:  
(Control stip alternates considered:  
[[Mobile/UI/Designs/TouchScreen/workingUI/sidecontrols]])
[[Mobile/UI/Designs/TouchScreen/workingUI/sidecontrols]])


=== Navigation to a new page ===
=== Navigation to a new page ===
Confirmed users
1,492

edits