Confirmed users
1,492
edits
Mobile/Fennec/Extensions/UserInterface: Difference between revisions
Mobile/Fennec/Extensions/UserInterface (view source)
Revision as of 17:48, 22 September 2009
, 22 September 2009→Anatomy of the Fennec UI
| Line 126: | Line 126: | ||
If further detail is need from the user, of if there are short list of options that I user might want to further specify an action, you can use a transient popup (similar to alerts, in a later section). As shown here, in bookmarking, these popups should disappear as soon as the user taps or begins to pan anywhere off the popup. | If further detail is need from the user, of if there are short list of options that I user might want to further specify an action, you can use a transient popup (similar to alerts, in a later section). As shown here, in bookmarking, these popups should disappear as soon as the user taps or begins to pan anywhere off the popup. | ||
====Tab Bar==== | ====Tab Bar==== | ||
[http://www.flickr.com/photos/menros/3840300011/ http://farm4.static.flickr.com/3455/3840300011_b46d3bac0f_m.jpg] | [http://www.flickr.com/photos/menros/3840300011/ http://farm4.static.flickr.com/3455/3840300011_b46d3bac0f_m.jpg] | ||
This area of the UI contains thumbnails of all currently open tabs, as well as a button to open new tabs. If your add-on relates to tab management, or if your add-on could live in a permanent tab, you may want your add-on to have a presence here. | |||
====Navigation Screen (Awesomescreen)==== | ====Navigation Screen (Awesomescreen)==== | ||
[http://www.flickr.com/photos/menros/3841091138/ http://farm3.static.flickr.com/2519/3841091138_218d0e8d94_m.jpg] | [http://www.flickr.com/photos/menros/3841091138/ http://farm3.static.flickr.com/2519/3841091138_218d0e8d94_m.jpg] | ||
This screen comes up whenever the user wants to go somewhere on the web. The title in the titlebar is replaced with the URL, which is highlighted to make total replacement, rather than URL editing, the easier option. A list of awesomebar suggestions is presented, and this list will update with refined suggestions as a user types. The first item in the list provides access to the user's full list of bookmarks. Finally, across the bottom of the screen is a list of search buttons, to which the user can add more. | |||
If your add-on adds context to the awesomebar, helps users enter URLs, provides navigation suggestions, or is at all related to helping with the task of going to a site or searching, this is the screen to consider. | |||
====Browser Tools==== | ====Browser Tools==== | ||
| Line 142: | Line 151: | ||
Web-content is offscreen when this area is visible, which is why only functionality that does not relate to what's going on in content is here. If your add-on provides function that does not related to which page the user is currently on, this may be a good spot for it. | Web-content is offscreen when this area is visible, which is why only functionality that does not relate to what's going on in content is here. If your add-on provides function that does not related to which page the user is currently on, this may be a good spot for it. | ||
====Notification Bars==== | ====Notification Bars==== | ||
| Line 168: | Line 178: | ||
====Site Menu==== | ====Site Menu==== | ||
to come | |||
====Bookmarks List==== | |||
to come | |||
===Equivalents for desktop UI areas=== | ===Equivalents for desktop UI areas=== | ||