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

Line 80: Line 80:
=== Navigation to a new page ===
=== Navigation to a new page ===


The user starts a new navigation task (going somewhere new or searching for something) by tapping on the "title" area in the titlebar.  He or she is presented with an entry field, and we also put up some awesomebar-sourced suggestions before anything has been entered.
The user starts a new navigation task (going somewhere new or searching for something) by tapping on the title "field" in the titlebar.  The titlebar then grows out to reveal the following UI:


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


Also shown are direct search buttons for a set of engines.  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.
The user can type over or edit the currently highlighted URL, or choose from the set of awesomebar-sourced suggestions before anything has been entered. If the user begins to type, the suggestions update, awesomebar-style.
 
When the user begins to type, the suggestions update, awesomebar-style.


Also shown are direct search buttons for a set of engines.  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.  (see the <a href="http://wiki.mozilla.org/Mobile/User_Experience/scenarios#quick_lookup">Quick Lookup</a> set of usage scenarios)


=== Multiple Documents (tabs) ===
=== Multiple Documents (tabs) ===
Confirmed users
1,492

edits