Canmove, confirm
1,584
edits
Changes
new
<section begin="status" />
{| class="fullwidth-table"
|-
| style="font-weight: bold; background: #DDD;" | Feature
| style="font-weight: bold; background: #DDD;" | Status
| style="font-weight: bold; background: #DDD;" | ETA
| style="font-weight: bold; background: #DDD;" | Owner
|-
<section begin="status" />
| [[Fennec/Features/gestures|Fennec UI Gestures]]
| {{StatusHealthy|status=Concept}}
| TBD
| Thomas Arend
<section end="status" />
|}
== Summary ==
Implement additional touchscreen gestures for common user actions in
Fennec.
== Team ==
* [[User:Briandils|Brian Dils]] -
== Release Requirements ==
== Next Steps ==
== Open Issues ==
== Related Bugs & Dependencies ==
* There are some interactions and dependencies between [[Fennec/Features/touch|touch events]] and gestures.
** When we expose multi-touch events to web content, web pages that consume the touch events may prevent gestures from invoking their default UI actions.
** The implementation of gestures might depend on exposing multi-touch events to Fennec's chrome JavaScript.
== Designs ==
This is our new gesture set, as mapped to current browser features. '''We will also have on-screen touch buttons/targets''', but we need to map all features to a gestures for accessibility reasons (more details on that soon)...
<br>
{| class="fullwidth-table"
|-
| style="background:#EFEFEF; width:33%" | '''Browser Function / Feature'''<br>
| style="background:#EFEFEF; width:33%" | '''Gesture '''<br>
| style="background:#EFEFEF; width:33%" | '''Gesture Illustration'''<br>
|-
| Back<br>
| Two-finger Swipe Left<br>
| http://farm6.static.flickr.com/5310/5637707487_f85325f4f9_m.jpg<br>
|-
| Forward<br>
| Two-finger Swipe Right<br>
| http://farm6.static.flickr.com/5301/5638283158_21bbf92d00_m.jpg<br>
|-
| Scroll <br>
| One-finger Drag<br>
| http://farm6.static.flickr.com/5303/5637692115_3b116d3a8c_m.jpg<br>
|-
| Kinetic Scroll<br>
| One-finger Swipe<br>
| http://farm6.static.flickr.com/5261/5638115687_4bf2ca0be3_m.jpg<br>
|-
| Pan<br>
| One-finger Drag (when page is zoomed in)<br>
| http://farm6.static.flickr.com/5150/5638675196_147e579fbf_m.jpg<br>
|-
| Kenetic Pan<br>
| One-finger Swipe (when page is zoomed in)<br>
| http://farm6.static.flickr.com/5186/5638267958_621cdfa1b3_m.jpg<br>
|-
| Zoom In<br>
| Double Tap ''or'' Spread<br>
|
Double Tap:
http://farm6.static.flickr.com/5221/5638269852_00de4efec8_m.jpg<br><br>
Spread:<br>
http://farm6.static.flickr.com/5107/5638271730_ac56ea9a43_m.jpg<br>
|-
| Zoom Out<br>
| Double Tap (once zoomed level has maxed out ''or'' Pinch<br>
| Double Tap:
http://farm6.static.flickr.com/5221/5638269852_00de4efec8_m.jpg
Pinch:
http://www.centigrade.de/de/blog/wp-content/uploads/pinch.png<br>
|-
| View All Tabs<br>
| Pinch (when page is at "fit width" zoom level)<br>
| http://www.centigrade.de/de/blog/wp-content/uploads/pinch.png<br>
|-
| Next Tab<br>
| Three-finger Swipe Left<br>
| http://farm6.static.flickr.com/5145/5638725358_0c6a20a7e8_m.jpg<br>
|-
| Previous Tab<br>
| Three-finger Swipe Right<br>
| http://farm6.static.flickr.com/5103/5638725422_96a695d44d_m.jpg<br>
|-
| Close Tab<br>
| Five-finger Scrunch<br>
| http://farm6.static.flickr.com/5149/5638272030_a170ba0c9e_m.jpg<br>
|-
| New Tab<br>
| ''TBD or No Gesture''<br>
| --<br>
|-
| Open in New Tab<br>
| Long Tap (on link) then Tap on "Open in New Tab"<br>
| http://farm6.static.flickr.com/5301/5637693889_427310b30e_m.jpg<br>
|-
| Bookmark Page<br>
| Dog-ear (Diagonal Swipe from bottom-right to top-right)<br>
| http://farm6.static.flickr.com/5183/5638098161_30204b9e9a_m.jpg<br>
|-
| Open Bookmarks<br>
| ''TBD or No Gesture''<br>
| --<br>
|-
| Follow Link<br>
| One-finger Tap<br>
| http://farm6.static.flickr.com/5221/5638268254_59e50ed9ae_m.jpg<br>
|-
| Access to Awesomebar<br>
| ''TBD or No Gesture''<br>
| --<br>
|-
| Show All History<br>
| ''TBD or No Gesture''<br>
| --<br>
|-
| Site Info<br>
| ''TBD or No Gesture''<br>
| --<br>
|-
| Settings/Preferences/Add-ons<br>
| ''TBD or No Gesture''<br>
| --<br>
|-
| Share<br>
| ''TBD or No Gesture''<br>
| --<br>
|-
| Contextual Menu<br>
| Long Tap (on link)<br>
| http://farm6.static.flickr.com/5301/5637693889_427310b30e_m.jpg<br>
|-
| Reload Page<br>
| ''TBD or No Gesture''<br>
| --<br>
|-
| Stop Loading Page<br>
| ''TBD or No Gesture''<br>
| --<br>
|-
| Access to Firefox Home<br>
| ''TBD or No Gesture''<br>
| --<br>
|-
| Full Screen<br>
| Five-finger Splay<br>
| http://farm6.static.flickr.com/5103/5638098211_80a6b5cf8b_m.jpg<br>
|-
| Save as PDF<br>
| ''TBD or No Gesture''<br>
| --<br>
|-
| Save Webpage<br>
| ''TBD or No Gesture''<br>
| --<br>
|}
<br> <br>
== Test Plans ==
== Goals/Use Cases ==
== Non-Goals ==
== Other Documentation ==
* [http://dvcs.w3.org/hg/webevents/raw-file/tip/touchevents.html W3C Touch Events editor's draft specification]
== Legend (remove if you like) ==
{| class="fullwidth-table"
|-
| {{StatusHealthy|status= }}
| Healthy: feature is progressing as expected.
|-
| {{StatusBlocked|status= }}
| Blocked: feature is currently blocked.
|-
| {{StatusAtRisk|status= }}
| At Risk: feature is at risk of missing its targeted release.
|-
| '''ETA'''
| Estimated date for completion of the current feature task. Overall ETA for the feature is the product release date.
|}
__NOTOC__
[[Category:Features]] [[Category:Mobile]] [[Category:Firefox]] [[Category:UX]]
{| class="fullwidth-table"
|-
| style="font-weight: bold; background: #DDD;" | Feature
| style="font-weight: bold; background: #DDD;" | Status
| style="font-weight: bold; background: #DDD;" | ETA
| style="font-weight: bold; background: #DDD;" | Owner
|-
<section begin="status" />
| [[Fennec/Features/gestures|Fennec UI Gestures]]
| {{StatusHealthy|status=Concept}}
| TBD
| Thomas Arend
<section end="status" />
|}
== Summary ==
Implement additional touchscreen gestures for common user actions in
Fennec.
== Team ==
* [[User:Briandils|Brian Dils]] -
== Release Requirements ==
== Next Steps ==
== Open Issues ==
== Related Bugs & Dependencies ==
* There are some interactions and dependencies between [[Fennec/Features/touch|touch events]] and gestures.
** When we expose multi-touch events to web content, web pages that consume the touch events may prevent gestures from invoking their default UI actions.
** The implementation of gestures might depend on exposing multi-touch events to Fennec's chrome JavaScript.
== Designs ==
This is our new gesture set, as mapped to current browser features. '''We will also have on-screen touch buttons/targets''', but we need to map all features to a gestures for accessibility reasons (more details on that soon)...
<br>
{| class="fullwidth-table"
|-
| style="background:#EFEFEF; width:33%" | '''Browser Function / Feature'''<br>
| style="background:#EFEFEF; width:33%" | '''Gesture '''<br>
| style="background:#EFEFEF; width:33%" | '''Gesture Illustration'''<br>
|-
| Back<br>
| Two-finger Swipe Left<br>
| http://farm6.static.flickr.com/5310/5637707487_f85325f4f9_m.jpg<br>
|-
| Forward<br>
| Two-finger Swipe Right<br>
| http://farm6.static.flickr.com/5301/5638283158_21bbf92d00_m.jpg<br>
|-
| Scroll <br>
| One-finger Drag<br>
| http://farm6.static.flickr.com/5303/5637692115_3b116d3a8c_m.jpg<br>
|-
| Kinetic Scroll<br>
| One-finger Swipe<br>
| http://farm6.static.flickr.com/5261/5638115687_4bf2ca0be3_m.jpg<br>
|-
| Pan<br>
| One-finger Drag (when page is zoomed in)<br>
| http://farm6.static.flickr.com/5150/5638675196_147e579fbf_m.jpg<br>
|-
| Kenetic Pan<br>
| One-finger Swipe (when page is zoomed in)<br>
| http://farm6.static.flickr.com/5186/5638267958_621cdfa1b3_m.jpg<br>
|-
| Zoom In<br>
| Double Tap ''or'' Spread<br>
|
Double Tap:
http://farm6.static.flickr.com/5221/5638269852_00de4efec8_m.jpg<br><br>
Spread:<br>
http://farm6.static.flickr.com/5107/5638271730_ac56ea9a43_m.jpg<br>
|-
| Zoom Out<br>
| Double Tap (once zoomed level has maxed out ''or'' Pinch<br>
| Double Tap:
http://farm6.static.flickr.com/5221/5638269852_00de4efec8_m.jpg
Pinch:
http://www.centigrade.de/de/blog/wp-content/uploads/pinch.png<br>
|-
| View All Tabs<br>
| Pinch (when page is at "fit width" zoom level)<br>
| http://www.centigrade.de/de/blog/wp-content/uploads/pinch.png<br>
|-
| Next Tab<br>
| Three-finger Swipe Left<br>
| http://farm6.static.flickr.com/5145/5638725358_0c6a20a7e8_m.jpg<br>
|-
| Previous Tab<br>
| Three-finger Swipe Right<br>
| http://farm6.static.flickr.com/5103/5638725422_96a695d44d_m.jpg<br>
|-
| Close Tab<br>
| Five-finger Scrunch<br>
| http://farm6.static.flickr.com/5149/5638272030_a170ba0c9e_m.jpg<br>
|-
| New Tab<br>
| ''TBD or No Gesture''<br>
| --<br>
|-
| Open in New Tab<br>
| Long Tap (on link) then Tap on "Open in New Tab"<br>
| http://farm6.static.flickr.com/5301/5637693889_427310b30e_m.jpg<br>
|-
| Bookmark Page<br>
| Dog-ear (Diagonal Swipe from bottom-right to top-right)<br>
| http://farm6.static.flickr.com/5183/5638098161_30204b9e9a_m.jpg<br>
|-
| Open Bookmarks<br>
| ''TBD or No Gesture''<br>
| --<br>
|-
| Follow Link<br>
| One-finger Tap<br>
| http://farm6.static.flickr.com/5221/5638268254_59e50ed9ae_m.jpg<br>
|-
| Access to Awesomebar<br>
| ''TBD or No Gesture''<br>
| --<br>
|-
| Show All History<br>
| ''TBD or No Gesture''<br>
| --<br>
|-
| Site Info<br>
| ''TBD or No Gesture''<br>
| --<br>
|-
| Settings/Preferences/Add-ons<br>
| ''TBD or No Gesture''<br>
| --<br>
|-
| Share<br>
| ''TBD or No Gesture''<br>
| --<br>
|-
| Contextual Menu<br>
| Long Tap (on link)<br>
| http://farm6.static.flickr.com/5301/5637693889_427310b30e_m.jpg<br>
|-
| Reload Page<br>
| ''TBD or No Gesture''<br>
| --<br>
|-
| Stop Loading Page<br>
| ''TBD or No Gesture''<br>
| --<br>
|-
| Access to Firefox Home<br>
| ''TBD or No Gesture''<br>
| --<br>
|-
| Full Screen<br>
| Five-finger Splay<br>
| http://farm6.static.flickr.com/5103/5638098211_80a6b5cf8b_m.jpg<br>
|-
| Save as PDF<br>
| ''TBD or No Gesture''<br>
| --<br>
|-
| Save Webpage<br>
| ''TBD or No Gesture''<br>
| --<br>
|}
<br> <br>
== Test Plans ==
== Goals/Use Cases ==
== Non-Goals ==
== Other Documentation ==
* [http://dvcs.w3.org/hg/webevents/raw-file/tip/touchevents.html W3C Touch Events editor's draft specification]
== Legend (remove if you like) ==
{| class="fullwidth-table"
|-
| {{StatusHealthy|status= }}
| Healthy: feature is progressing as expected.
|-
| {{StatusBlocked|status= }}
| Blocked: feature is currently blocked.
|-
| {{StatusAtRisk|status= }}
| At Risk: feature is at risk of missing its targeted release.
|-
| '''ETA'''
| Estimated date for completion of the current feature task. Overall ETA for the feature is the product release date.
|}
__NOTOC__
[[Category:Features]] [[Category:Mobile]] [[Category:Firefox]] [[Category:UX]]
