Mobile/UI/Designs/TouchScreen/Fennec 1.1+

Contextual Actions

Some older work here: https://wiki.mozilla.org/Mobile/UI/Designs/TouchScreen/workingUI/CSM

Open bugs

• bug 461854 - Need context menu UI

Using interactive areas in webpages

Open bugs

• bug 441590 - can't scroll maps.google.com
• bug 460966 - mouseover css drop down menu doesn't work with fennec, but works with iphone

CSS menus using hover

open bugs

• bug 460966 - mouseover css drop down menu doesn't work with fennec, but works with iphone

Changes for Portrait use

Open bugs

• bug 541015 - Support rotating between portrait and landscape on N900

More space for add-ons

Description:

Open bugs

• bug 496654 - let controls strip get wider, for use by add-ons

Awesome bar/view

<TBD>

Tabs bar (Left side pane)

<TBD>

Toolbar (Righ side pane)

<TBD>

Tools and Add-ons view

Proposal A for redesigning the UI for Tools and Add-ons

Fennec should provide more space for numerous add-ons in the Tools UI, enable full-screen views for Add-on applications (such as Geoguide) with all standard UI components they can need (such as menu, toolbar, content area) and split the UI for searching/installing add-ons and managing installed add-ons so that they could be optimized for their purposes and used with different sizes of screens, orientation of device and text input methods (hardware and on-screen).

For more information, see

• Overview to the design for reorganizing the UI for Tools and Add-ons
  
• Option A for splitting the UI for searching/installing add-ons and managing installed add-ons: promotes the feature for getting new add-ons.
  
• Option B for splitting the UI for searching/installing add-ons and managing installed add-ons: a bit more traditional approach.
  

Session Restore

Description: Session restore - the ability to pick up what you were doing before a browser restart - is a very useful feature and a signature capability of Firefox. Session restore as-is from the desktop doesn't make sense on mobile though. Simply reloading all previously open tabs doesn't make sense in a data-constrained environment, on top of which the user is more likely to be interesting in a quick transactional interaction with the browser anyway.

Some possibilities for different approaches include

• providing a list of previously open tabs on a start page
• caching the previously open tabs and only actually reloading them on demand when the user switches to them

Open bugs

• bug 541421 - Session restore functionality

Awesomefill for fields

Description: Firefox project do make this the new autocomplete method: link - in 1.9.2

Open bugs

• bug 466770 - fix content autocomplete

Saving webpages

Description: I think the primary usecase here is just wanting a permanent off-line available copy of a webpage (so a receipt, or a boarding pass). It's probably not necessary, or very useful, to support full html+CSS+images saving out of a webpage.

Open bugs

• bug 465305 - Save page

Design proposals

• Proposal 1
  • Put a "Save Page" option in the site menu (see Extended Site Menu)
  • Just treat the saved file as a download, using a default download directory rather than opening a file picker, and use Fennec's existing download system:

Find-in-page

Description: Access probably to be provided through the extended site menu

Open bugs

• bug 541817 - Fennec needs find in page functionality (CTRL+F)
• can't find the original bug

Extended site menu

In addition to Larry, the site menu should contain options the desktop Firefox provides in the menus or elsewhere in the chrome. These options apply to content browser is displaying and can be provided by the content (such as subscription to feeds made available with link tag in the head of HTML file) or browser UI (such as Save as). The menu could contain options also for activating browser features such as "Find in page".

Design proposals:

• Proposal 1: Extended site menu
  • comments on this proposal:
  • the set of options should be vertically pannable once the number of options exceeds the available screen space
  • sites can offer several feeds and search providers, but we don't want each one of these to get its own slot in the menu. In both of these cases, if the site only offers a single option, then tapping the associated menu item should subscribe to it or add it, etc. If there are multiple, the menu item explain that and bring up a selector widget.
  • we have to make it visually clear that this menu is on top of the browser underneath and not another webpage (when there are enough options that it takes up the whole screen).

Where, if there are multiple feeds or search providers, tapping the option in the menu brings up a chooser overlay:

Accommodate a virtual keyboard

Description: full problem statement coming

awesomescreen layout revisions

Proposal A for Awesome screen layout revision

For more information, see Option A for Awesome screen layout revision.

Proposal B for Awesome screen layout revision.

For more information, see Option B for Awesome screen layout revision.

authentication UI

Open bugs

• bug 436076 - Certificate Management
• bug 478938 - Add ability to choose client certs

client cert

Previous UI work: https://wiki.mozilla.org/Mobile/UI/Designs/TouchScreen/workingUI#Client_Certificates

username/password

previous UI work: https://wiki.mozilla.org/Mobile/UI/Designs/TouchScreen/workingUI#Username.2FPassword

finger-friendly about:config

Open bugs

• bug 540009 - revise about:config screen design for touch use

scroll indicators

Open bugs

• bug 461843 - Show indication of where on the page you are when scrolling
• bug 515166 - Support scroll indicators in XUL richlistboxes and scrollboxes

controls for video

Open bugs

• bug 465839 - Controls for video content are missing

Feed subscription

Open bugs

• bug 477714 - Provide UI for subscription to feeds (RSS, atom, etc.)

Edit or clear site-specific prefs

Description: There currently is not a way for users to undo site-specific choices they've made in response to prompts from Firefox. Examples include:

• remember passwords for this site
• block popups for this site
• exceptions for expired certs
• allow offline storage
• and more!

The simplest model for mobile would just be to let users clear all site-specific prefs, and this is what the listed bug proposes to do, via an extended site menu

Open bugs

• bug 456077 - No mechanism to edit popup preferences

Gesture Engine and UI

Open bugs

• bug 476425 - Add a Gesture Engine to Fennec
• bug 479975 - add an explanatory UI for the gesture engine

Improve discoverability of side-areas

Open bugs

• bug 478037 - allow zooming out to past the page edges so that controls are all visible

Arbitrary/Continuous zoom mechanism

Description: there is background in the planning documents for fennec 1.0 [here]

On multitouch devices, pinch to zoom is the defacto standard here, and we should do the same. On non-multitouch devices, we still need some way of zooming by increment, rather than to structure.

Open bugs

• bug 497479 - can't do a deep zoom into a paragraph of text
• bug 533560 - Volume control does not control zoom level

More helpful network error pages

Description: Our current network error pages are unhelpful. We can help people avoid having to type out or correct URLs by doing some basic (and Places-leveraged) suggesting. See the desktop firefox project page:

https://wiki.mozilla.org/Firefox/Projects/Network_Error_Pages

Animated transitions

• bug 437957 - Animate zoom

Improved in-content theme

Open bugs

• bug 516641 - Create better theme for web content form controls

Start page

Description: For some background, see here: http://madhava.com/egotism/archive/005034.html

Connection to Session Restore thinking

Full Screen / standalone apps / prism

• full screen standalone for webapps - no sidebars, etc. - just a system toolbar