Mobile/UI/Designs/TouchScreen/Proposal7: Difference between revisions
< Mobile | UI | Designs/TouchScreen
Jump to navigation
Jump to search
(New page: Beginnings of a tap-and-hold menu triggering interface... * could be used either with or without a permanent top- or bottom-edge anchored toolbar http://people.mozilla.com/~madhava/files...) |
|||
| (5 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
Beginnings of a tap-and-hold menu triggering interface... | 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 | * 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''' | |||
http://people.mozilla.com/~madhava/files/mobile/gr1/gr1_intial.png | http://people.mozilla.com/~madhava/files/mobile/gr1/gr1_intial.png | ||
possibly with some indication that something is happening while you wait: | |||
http://people.mozilla.com/~madhava/files/mobile/gr1/gr1_menu_waiting.png | http://people.mozilla.com/~madhava/files/mobile/gr1/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''' | |||
http://people.mozilla.com/~madhava/files/mobile/gr1/gr1_menu_out.png | http://people.mozilla.com/~madhava/files/mobile/gr1/gr1_menu_out.png | ||
http://people.mozilla.com/~madhava/files/mobile/gr1/ | '''Tap to choose''' | ||
http://people.mozilla.com/~madhava/files/mobile/gr1/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== | |||
http://people.mozilla.com/~madhava/files/mobile/gr1/touch_go.png | |||
http://people.mozilla.com/~madhava/files/mobile/gr1/go_screen.png | |||
http://people.mozilla.com/~madhava/files/mobile/gr1/go_screen_awesomebar.png | |||
http://people.mozilla.com/~madhava/files/mobile/gr1/go_bookmarks.png | |||
==Follow-up actions?== | |||
possible route for follow-up options (actually use second tap rather than drag): | |||
http://people.mozilla.com/~madhava/files/mobile/gr1/g1_menu_extension.png | |||
Latest revision as of 21:58, 14 April 2008
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
possibly with some indication that something is happening while you wait:
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
Tap to choose
- "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
Follow-up actions?
possible route for follow-up options (actually use second tap rather than drag):
