323
edits
Mobile/UI/Designs/TouchScreen/Fennec 1.1+: Difference between revisions
Jump to navigation
Jump to search
Mobile/UI/Designs/TouchScreen/Fennec 1.1+ (view source)
Revision as of 10:50, 24 June 2010
, 24 June 2010no edit summary
No edit summary |
|||
| (14 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
== Contextual Actions == | == Contextual Actions == | ||
'''Open bugs''' | |||
*{{bug|566225}} – Contextual Actions: Integration with phone applications. | |||
Mockup: http://www.flickr.com/photos/31068346@N05/4613291570/ | |||
'''Fixed Bugs''' | |||
*{{bug|461854}} - Need context menu UI | *{{bug|461854}} - Need context menu UI | ||
Some older work here: https://wiki.mozilla.org/Mobile/UI/Designs/TouchScreen/workingUI/CSM | |||
== Using interactive areas in webpages == | == Using interactive areas in webpages == | ||
| Line 24: | Line 30: | ||
=== General cursor-driven interaction === | === General cursor-driven interaction === | ||
== Add Copy and Paste support == | == Add Copy and Paste support == | ||
We should have Copy (and Paste) support in Firefox Mobile.Direct communication with other applications offers a better User Experience than Copy and Paset(it eliminates excise) But C&P would give the possibility to exchange data with applications which (currently) don't connect with Firefox Mobile. It would fit into the existing aims for having a cursor support for webpages with pannable areas or general cursor driven interaction. | We should have Copy (and Paste) support in Firefox Mobile.Direct communication with other applications offers a better User Experience than Copy and Paset(it eliminates excise) But C&P would give the possibility to exchange data with applications which (currently) don't connect with Firefox Mobile. It would fit into the existing aims for having a cursor support for webpages with pannable areas or general cursor driven interaction. | ||
| Line 56: | Line 62: | ||
<TBD><br> | <TBD><br> | ||
=== Tools and Add-ons view<br> === | === Tools and Add-ons view revisions<br> === | ||
'''Proposal A for redesigning the UI for Tools and Add-ons '''<br> | '''Proposal A for redesigning the UI for Tools and Add-ons '''<br> | ||
| Line 66: | Line 72: | ||
*[[Mobile/UI/Designs/TouchScreen/Fennec 1.1+/Overview to the design for reorganizing the UI for Tools and Add-ons|Overview to the design for reorganizing the UI for Tools and Add-ons<br>]] | *[[Mobile/UI/Designs/TouchScreen/Fennec 1.1+/Overview to the design for reorganizing the UI for Tools and Add-ons|Overview to the design for reorganizing the UI for Tools and Add-ons<br>]] | ||
*[[Mobile/UI/Designs/TouchScreen/Fennec 1.1+/Option A for Tools and Add-ons UI|Option A for splitting the UI for searching/installing add-ons and managing installed add-ons]]: promotes the feature for getting new add-ons.<br> | *[[Mobile/UI/Designs/TouchScreen/Fennec 1.1+/Option A for Tools and Add-ons UI|Option A for splitting the UI for searching/installing add-ons and managing installed add-ons]]: promotes the feature for getting new add-ons.<br> | ||
*[[Mobile/UI/Designs/TouchScreen/Fennec 1.1+/Option B for Tools and Add-ons UI|Option B for splitting the UI for searching/installing add-ons and managing installed add-ons]]: a bit more traditional approach.<br> | *[[Mobile/UI/Designs/TouchScreen/Fennec 1.1+/Option B for Tools and Add-ons UI|Option B for splitting the UI for searching/installing add-ons and managing installed add-ons]]: a bit more traditional approach. | ||
<br> '''Proposal B for redesigning the Tools UI'''<br> | |||
In this proposal, the Tools UI has tabs for the main sections (Preferences, Downloads, Add-ons) similarly to current version of Fennec (version 1.1) but the layout is optimised to display the content in full width of the screen. Also, the Back button is moved to the top right corner of the view and the views would have a menu containing commands applying to all content of the currently selected tab (or subview of a tab). Tools UI could have four tabs (at max) and one of them could be e.g. a place for add-on applications. | |||
For more information, see [[Mobile/UI/Designs/TouchScreen/Fennec 1.1+/Revised layout for Tools UI with tabs|Revised layout for Tools UI with tabs]]. | |||
The layout and content structure of the sections of Tools UI could be changed as follows: | |||
*[[Mobile/UI/Designs/TouchScreen/Fennec 1.1+/Revised UI for Preferences|Revised UI for Preferences]] | |||
*Revised UI for Add-ons (coming soon) | |||
== Chrome components revision == | |||
*[[Mobile/UI/Designs/TouchScreen/Fennec 1.1+/Revised layout and functionality of Fennec Pop-up Choice list|Pop-up menu<br>]] | |||
*[[Mobile/UI/Designs/TouchScreen/Fennec 1.1+/Switch component|Switch]] | |||
== Session Restore == | == Session Restore == | ||
| Line 88: | Line 110: | ||
*{{bug|466770}} - fix content autocomplete | *{{bug|466770}} - fix content autocomplete | ||
== Form assistant revision == | |||
'''Description:''' Form assistant should be usefull also when using Virtual text input methods which can take lots of screen estate (both in Landscape and Portrait orientation). Also, there is need to unify functionality of same type of components: e.g. make Pop-up lists to work more consistently with the Context-sensitive menus. | |||
See [[Mobile/UI/Designs/TouchScreen/Fennec 1.1+/Revised Functionality and Layout of Form assistant|Revised Functionality and Layout of Form assistant]] for proposal where Next and Previous buttons and all other components of Form assistant would take preferably only one row at max and be placed on the bottom of the view. | |||
See [[Mobile/UI/Designs/TouchScreen/Fennec 1.1+/Option B for Form assistant Layout and Functionality revision|Option B for Revising the Functionality and layout of Form assistant]] by placing the Next and previous buttons to the top of the view and the other Components of Form assistant to the bottom of the view.<br> | |||
== Panning document/canvas vs. text selection == | |||
'''Description:''' The user should be able to pan doc/canvas in the view and select text in an text input element with the darg interaction (considered to be the most natural stroke for both actions) | |||
See proposal for [[Mobile/UI/Designs/TouchScreen/Fennec 1.1+/Interaction with Text input elements|Interaction with Text input elements]] | |||
== Saving webpages == | == Saving webpages == | ||
| Line 149: | Line 185: | ||
For more information, see [[Mobile/UI/Designs/TouchScreen/Fennec 1.1+/Option B for Awesome screen layout revision|Option B for Awesome screen layout revision]].<br> | For more information, see [[Mobile/UI/Designs/TouchScreen/Fennec 1.1+/Option B for Awesome screen layout revision|Option B for Awesome screen layout revision]].<br> | ||
<br> | |||
'''Proposal for Awesomescreen layout and content structure''' | |||
[[Image:Awesomescreen content structure preview.png|340x199px]] | |||
For more information see[[Mobile/UI/Designs/TouchScreen/Fennec 1.1+/Awesomescreen content structure revision|Awesomescreen content structure revision]]<br> | |||
== authentication UI == | == authentication UI == | ||
| Line 165: | Line 209: | ||
previous UI work: https://wiki.mozilla.org/Mobile/UI/Designs/TouchScreen/workingUI#Username.2FPassword | previous UI work: https://wiki.mozilla.org/Mobile/UI/Designs/TouchScreen/workingUI#Username.2FPassword | ||
== finger-friendly about:config == | == finger-friendly about:config (FIXED) == | ||
Open bugs | Open bugs | ||
| Line 177: | Line 221: | ||
*{{bug|461843}} - Show indication of where on the page you are when scrolling | *{{bug|461843}} - Show indication of where on the page you are when scrolling | ||
*{{bug|515166}} - Support scroll indicators in XUL richlistboxes and scrollboxes | *{{bug|515166}} - Support scroll indicators in XUL richlistboxes and scrollboxes | ||
== Downloading and Opening/Saving files from Internet == | |||
'''Description:''' Fennec should provide a setting in Tools > Prefs for opening files from Internet with or without a confirmation (i.e. "Opening <file>" dialog). Context-sensitive menu should contain "Save Link as" command. Fennec should inform the user about completed downloads (when URL was not sent to an appropriate handler application after link activation). | |||
For more details see [[Mobile/UI/Designs/TouchScreen/Fennec 1.1+/File download procedure and UI|File download procedure and UI]] | |||
== controls for video == | == controls for video == | ||
| Line 301: | Line 353: | ||
basic set | basic set | ||
*pinch to zoom | *pinch to zoom | ||
*two finger swipe downwards: jump to top of Web page/doc and show the top bar. | *two finger swipe downwards: jump to top of Web page/doc and show the top bar. | ||
*two finger swipe upwards: jump to bottom of Web page/doc | *two finger swipe upwards: jump to bottom of Web page/doc | ||
*two finger swipe to the right: Back (one step in tab-specific browsing history) | *two finger swipe to the right: Back (one step in tab-specific browsing history) | ||
*two finger swipe to the left: Forward (one step in tab-specific browsing history) | *two finger swipe to the left: Forward (one step in tab-specific browsing history) | ||
*rotate to switch between tabs? | *rotate to switch between tabs? | ||