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

From MozillaWiki
Jump to navigation Jump to search
No edit summary
Line 11: Line 11:
http://people.mozilla.com/~madhava/files/mobile/radial2/r2_goscreen.png
http://people.mozilla.com/~madhava/files/mobile/radial2/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 <i>and</i> recency set).
That said, once people have to start typing, we should offer awesomebar results:
http://people.mozilla.com/~madhava/files/mobile/radial2/r2_goscreen_awesomebar.png
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:


http://people.mozilla.com/~madhava/files/mobile/radial2/r2_pageloading.png
http://people.mozilla.com/~madhava/files/mobile/radial2/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==
==Bookmarks==
Line 20: Line 30:


http://people.mozilla.com/~madhava/files/mobile/radial2/r2_bookmarking2.png
http://people.mozilla.com/~madhava/files/mobile/radial2/r2_bookmarking2.png
Bookmarking works mostly the same way that it does in Firefox 3.


===Bookmarks List===
===Bookmarks List===

Revision as of 22:25, 21 April 2008

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