canmove, Confirmed users, Bureaucrats and Sysops emeriti
6,906
edits
Fennec/Features/Gestures: Difference between revisions
Jump to navigation
Jump to search
m
no edit summary
m (clearing in prep for migration to new feature page format) |
mNo edit summary |
||
| Line 1: | Line 1: | ||
{{FeatureStatus | |||
|Feature name=Fennec UI Gestures | |||
|Feature stage=Definition | |||
|Feature health=OK | |||
}} | |||
{{FeatureTeam | |||
|Feature product manager=Thomas Arend | |||
|Feature feature manager=Thomas Arend | |||
|Feature ux lead=Brian Dils | |||
}} | |||
{{FeaturePageBody | |||
|Feature overview=Implement additional touchscreen gestures for common user actions in | |||
Fennec. | |||
|Feature dependencies=* {{bug|653282}} - Swipes should navigate the awesomescreen. | |||
* 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. | |||
|Feature ux design=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> | |||
|} | |||
}} | |||
{{FeatureInfo | |||
|Feature priority=P2 | |||
|Feature roadmap=Firefox Mobile | |||
|Feature list=Mobile | |||
|Feature engineering team=Mobile front-end | |||
}} | |||
{{FeatureTeamStatus | |||
|Feature products status=tbd | |||
|Feature engineering status=tbd | |||
|Feature security status=tbd | |||
|Feature privacy status=tbd | |||
|Feature localization status=tbd | |||
|Feature accessibility status=tbd | |||
|Feature qa status=tbd | |||
|Feature ux status=tbd | |||
}} | |||