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

Mobile/UI/Designs/TouchScreen/Proposal8 (view source)

Revision as of 22:36, 21 April 2008

1,152 bytes added , 21 April 2008

no edit summary

Madhava

Confirmed users

1,492

edits

@@ Line 1: / Line 1: @@
+This proposed mobile browser UI is based around a user action of "tap and hold" which displays both a radial menu of the most frequently used actions and other on-screen UI items in permanent locations for less-frequently accessed options.
+Tap and drag actions are used to scroll the page.  Scroll should be displayed only when the page is moving.
 ==The main menu==
+All UI is displayed only after a tap-and-hold, so the entire display area can be dedicated to content.  The user taps and holds:
 http://people.mozilla.com/~madhava/files/mobile/radial2/r2_just_webpage.png
+and after a period of time (to be determined - carefully!) the UI elements are displayed:
 http://people.mozilla.com/~madhava/files/mobile/radial2/r2_TAHmenu.png
+The radial menu is comprised (subject to change if we have better information about what is used most frequently) of '''Bookmarks''', '''Tabs''', '''Back''', and '''Forward'''.  A '''title bar''', with a reload (or stop - more on this later) and a bookmarking star, and a "Tools" menu button in the lower right-hand corner are also displayed.
+Note - when either back or forward are tapped, we should probably wait longer before fading the radial menu (even as the page changes underneath) so that a user can continue to hit one or the other to move further back or forward.
 ==Titlebar==
@@ Line 18: / Line 33: @@
 http://people.mozilla.com/~madhava/files/mobile/radial2/r2_goscreen_awesomebar.png
 When a user has entered or chosen a site to go to, and the page begins loading, we display the following:
@@ Line 24: / Line 40: @@
 This bar fades after the page has finished loading.  The user can tap on the "stop" button to cancel the page load.
 ==Bookmarks==