From MozillaWiki
Jump to: navigation, search
Please use "Edit with form" above to edit this page.


Fennec UI Gestures
Stage Definition
Status `
Release target `
Health OK
Status note `


Product manager Thomas Arend
Directly Responsible Individual Thomas Arend
Lead engineer `
Security lead `
Privacy lead `
Localization lead `
Accessibility lead `
QA lead `
UX lead Brian Dils
Product marketing lead `
Operations lead `
Additional members `

Open issues/risks


Stage 1: Definition

1. Feature overview

Implement additional touchscreen gestures for common user actions in Fennec.

2. Users & use cases


3. Dependencies

  • bug 653282 - Swipes should navigate the awesomescreen.
  • There are some interactions and dependencies between 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.

4. Requirements




Stage 2: Design

5. Functional specification


6. User experience 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)...

Browser Function / Feature Gesture Gesture Illustration
Back Two-finger Swipe Left 5637707487_f85325f4f9_m.jpg
Forward Two-finger Swipe Right 5638283158_21bbf92d00_m.jpg
Scroll One-finger Drag 5637692115_3b116d3a8c_m.jpg
Kinetic Scroll One-finger Swipe 5638115687_4bf2ca0be3_m.jpg
Pan One-finger Drag (when page is zoomed in) 5638675196_147e579fbf_m.jpg
Kenetic Pan One-finger Swipe (when page is zoomed in) 5638267958_621cdfa1b3_m.jpg
Zoom In Double Tap or Spread Double Tap:



Zoom Out Double Tap (once zoomed level has maxed out or Pinch Double Tap:



View All Tabs Pinch (when page is at "fit width" zoom level) Pinch.png
Next Tab Three-finger Swipe Left 5638725358_0c6a20a7e8_m.jpg
Previous Tab Three-finger Swipe Right 5638725422_96a695d44d_m.jpg
Close Tab Five-finger Scrunch 5638272030_a170ba0c9e_m.jpg
New Tab TBD or No Gesture --
Open in New Tab Long Tap (on link) then Tap on "Open in New Tab" 5637693889_427310b30e_m.jpg
Bookmark Page Dog-ear (Diagonal Swipe from bottom-right to top-right) 5638098161_30204b9e9a_m.jpg
Open Bookmarks TBD or No Gesture --
Follow Link One-finger Tap 5638268254_59e50ed9ae_m.jpg
Access to Awesomebar TBD or No Gesture --
Show All History TBD or No Gesture --
Site Info TBD or No Gesture --
Settings/Preferences/Add-ons TBD or No Gesture --
Share TBD or No Gesture --
Contextual Menu Long Tap (on link) 5637693889_427310b30e_m.jpg
Reload Page TBD or No Gesture --
Stop Loading Page TBD or No Gesture --
Access to Firefox Home TBD or No Gesture --
Full Screen Five-finger Splay 5638098211_80a6b5cf8b_m.jpg
Save as PDF TBD or No Gesture --
Save Webpage TBD or No Gesture --

Stage 3: Planning

7. Implementation plan


8. Reviews

Security review


Privacy review


Localization review




Quality Assurance review


Operations review


Stage 4: Development

9. Implementation


Stage 5: Release

10. Landing criteria


Feature details

Priority P2
Rank 999
Theme / Goal `
Roadmap Firefox Mobile
Secondary roadmap `
Feature list Mobile
Project `
Engineering team Mobile front-end

Team status notes

  status notes
Products tbd `
Engineering tbd `
Security tbd `
Privacy tbd `
Localization tbd `
Accessibility tbd `
Quality assurance tbd `
User experience tbd `
Product marketing ` `
Operations ` `