Mobile/UI/Designs/TouchScreen/Proposal8

From MozillaWiki
< Mobile‎ | UI‎ | Designs/TouchScreen
Revision as of 22:25, 21 April 2008 by Madhava (talk | contribs)
Jump to navigation Jump to search

The main menu

r2_just_webpage.png

r2_TAHmenu.png

Titlebar

r2_tap_titlebar.png

r2_goscreen.png

The idea behind showing frecency results immediately below the URL field is an attempt to give users some awesomebar-style benefit without having to type. Part of what makes the awesomebar powerful is that, with a keyboard, typing is the fastest way for a user to quickly narrow the field of what suggestions are appropriate. On a mobile device, typing is not as easy, so there's value to offering our best guesses as to what the user is looking for before they need to type at all.

(We could, alternatively, try using a list of most visited sites rather than the frequency and recency set).

That said, once people have to start typing, we should offer awesomebar results:

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:

r2_pageloading.png

This bar fades after the page has finished loading. The user can tap on the "stop" button to cancel the page load.

Bookmarks

Bookmarking

r2_bookmarking2.png

Bookmarking works mostly the same way that it does in Firefox 3.


Bookmarks List

r2_openbookmarks.png

mockups to come

Tabs

r2_opentabs.png

Option 1 (horizontal scroll)

r2_tabs_option1.png

Option 2 (all on screen)

r2_tabs_option2.png

r2_tabs_option2_diagram.png

Option 3 (vertical scroll)

r2_tabs_option3.png


Tools Menu

r2_opentoolsmenu.png

r2_toolsmenu.png