Mobile/UI/Designs/TouchScreen/Proposal7

From MozillaWiki
Jump to: navigation, search

Beginnings of a tap-and-hold menu triggering interface...


notes

  • could be used either with or without a permanent top- or bottom-edge anchored toolbar
    • using it with a toolbar means that we can hide the toolbar on pagescrolling without worrying about the controls being out of reach
    • using it without a toolbar - we could have the actions that require more input bring up more HUD style controls (location/search bar or bookmarking interface)


Basic Tap-Hold Invocation

(shown with toolbar)

Tap and hold to invoke menu

gr1_intial.png

possibly with some indication that something is happening while you wait:

gr1_menu_waiting.png

The wait time should be not more than a second, but more than a 0.1 of a second -- we'll want to try out some different durations.

Menu deployed

gr1_menu_out.png


Tap to choose

gr1_back_tap.png


  • "back" and "forward" do the obvious thing
  • "Go/Search" either brings up and focuses an existing toolbar-based location bar or brings up a floating HUD-style entry area (more in next section)
  • bookmarking can work the way starring does now -- low interaction "remember this page" with further editing allowed somehow

Use without a permanent toolbar

touch_go.png

go_screen.png

go_screen_awesomebar.png

go_bookmarks.png

Follow-up actions?

possible route for follow-up options (actually use second tap rather than drag):

g1_menu_extension.png

Retrieved from "https://wiki.mozilla.org/index.php?title=Mobile/UI/Designs/TouchScreen/Proposal7&oldid=90298"