Mobile/UI/Designs/TouchScreen/Fennec 1.1+/Option B for Awesome screen layout revision

From MozillaWiki
< Mobile‎ | UI‎ | Designs/TouchScreen‎ | Fennec 1.1+
Revision as of 10:49, 20 January 2010 by Pflippp (talk | contribs)
Jump to navigation Jump to search

OBJECTIVES

<TBD>


FUNCTIONALITY

Awesome bar/view would consist of following elements:

A) Text entry field for web address or search phrase

B) Go button

C) Button for opening a dialog with a complete list of integrated Search engines

D) Search engine shortcut

E) List of web pages suggested by browser

F) Dialog with a complete list of integrated Search engines


Awesomebar layout option B 01 overview.png


In this solution, Basic functionality of awesome bar would be quite similar to the current Fennec (1.0 beta) although the layout and some functions/features had changed.

The user could enter a web address or free form text (e.g. search phrase) into the text field (A) and then tap the Go button (B) or a Search engine (D) to start opening a web page. If the desired Search engine was not promoted by the UI, the user could tap the Search engine selection button (C) that would open a dialog (F) with all installed integrated Search engines, and then the user start a search with the desired engine by tapping a list item. The UI should promote the last used Search engine or engines.

The UI would support showing a list (E) of matching web pages (available from bookmarks and browsing history) below the Awesome bar while the user is entering text inside the text field (A), but it could not support showing a list of last search strings entered by the user or search phrases suggested by a Search engine. However, this is exactly the same thing what happens with the current version (1.0 beta) of Fennec. Anyway, the user can start opening a desired web page by tapping the corresponding item in the suggestion list (E), so s/he is not required to type complete web address etc to open a web page (in precondition the page is available from browsing history or bookmarks).

What is different to current version (1.0 beta) of Fennec, is that the Awesome bar and view would show and hide options based on user interaction and thereby optimize the view and maximize the number of options relevant for the usage at a time. See the UI flow below:




The Awesome bar would show Search options (C and D) only when the focus is set to text field (A). 

LAYOUTS

<TBD>

Retrieved from "https://wiki.mozilla.org/index.php?title=Mobile/UI/Designs/TouchScreen/Fennec_1.1%2B/Option_B_for_Awesome_screen_layout_revision&oldid=195379"