View source for Mobile/UI/Designs/TouchScreen/workingUI-old(bow)

'''These are mockups for a replaced Fennec design (the bow).  Find current designs here:''' [[Mobile/UI/Designs/TouchScreen/workingUI]].

==Working Mockups==

=== Note on the mockups ===

* these mockups are intended to describe interaction-flows and layout rather than pixel-perfect screens.  Colors, branding, and icons are all just placeholders.


=== Basic Usage ===
On initial load (if, in this case, nytimes.com is the start page):

http://people.mozilla.com/~madhava/files/mobile/2008-06-04/1.png


Beginning to scroll down the page while the page is loading.  The titlebar remains overlaid until page loading is complete.
http://people.mozilla.com/~madhava/files/mobile/2008-06-04/2.png

Page load complete.  UI is fully out of the way.

http://people.mozilla.com/~madhava/files/mobile/2008-06-04/3.png


A user brings up the primary UI (bow and titlebar) by tapping/touching one of the lower corners.  

'''Button set and arrangement TBD.'''

http://people.mozilla.com/~madhava/files/mobile/2008-06-04/4.png

=== Page Edge control strip ===

This is an alternate design to the bow:
[[Mobile/UI/Designs/TouchScreen/workingUI/sidecontrols]]

=== Going to a new page===

The user starts a new navigation task (going somewhere new or searching for something).  He or she is presented with an entry field, and we also put up some awesomebar-sourced suggestions before anything has been entered.

http://people.mozilla.com/~madhava/files/mobile/2008-06-04/5.png


When the user begins to type, the suggestions update, awesomebar-style, and we also reveal buttons to immediately send the entered text to a search engine.  In this way, the user can do quick lookups (facts, phone numbers, movie times etc.) without having to first navigate to the site in question.

http://people.mozilla.com/~madhava/files/mobile/2008-06-04/6.png

===Tabs===
Spatial work documented here: [[Mobile/UI/Designs/TouchScreen/Spatial]]



===Bookmarks===

Spatial design documented here: [[Mobile/UI/Designs/TouchScreen/Spatial#Bookmarks]]


===Notifications===

====concept 1 - notifications attached to the titlebar====

It makes sense to have notifications associated (a) with site identity, currently relayed through the title bar, and (b) associated with the other UI element that appears on its own (also the titlebar) and can linger, superimposed, while the user scrolls along the page.  Also, a number of these notifications comes up at time of initial page load (pop-ups blocked, sites trying to install software, etc.), which is when the title bar is on the screen.

http://people.mozilla.com/~madhava/files/mobile/2008-06-04/notification_concept1.png

===Add-ons===

===Actions===