Mobile/UI/Designs/TouchScreen/Proposal8: Difference between revisions

Jump to navigation Jump to search
no edit summary
No edit summary
No edit summary
Line 26: Line 26:


http://people.mozilla.com/~madhava/files/mobile/radial2/r2_tap_titlebar.png
http://people.mozilla.com/~madhava/files/mobile/radial2/r2_tap_titlebar.png


The following UI comes up (grows downwards from the titlebar?):
The following UI comes up (grows downwards from the titlebar?):
Line 35: Line 36:


(We could, alternatively, try using a list of most visited sites rather than the frequency <i>and</i> recency set).
(We could, alternatively, try using a list of most visited sites rather than the frequency <i>and</i> recency set).


That said, once people have to start typing, we should offer awesomebar results:
That said, once people have to start typing, we should offer awesomebar results:
Line 71: Line 73:


==Tabs==
==Tabs==
The Tab creation and switching UI is opened by tapping on the "Tabs" button in the radial menu.  The tab icon should contain the number of currently open tabs.
What follows are three treatments of a tab list.


http://people.mozilla.com/~madhava/files/mobile/radial2/r2_opentabs.png
http://people.mozilla.com/~madhava/files/mobile/radial2/r2_opentabs.png


===Option 1 (horizontal scroll)===
===Option 1 (horizontal scroll)===
http://people.mozilla.com/~madhava/files/mobile/radial2/r2_tabs_option1.png
http://people.mozilla.com/~madhava/files/mobile/radial2/r2_tabs_option1.png


===Option 2 (all on screen)===
===Option 2 (all on screen)===
http://people.mozilla.com/~madhava/files/mobile/radial2/r2_tabs_option2.png
http://people.mozilla.com/~madhava/files/mobile/radial2/r2_tabs_option2.png
Additional tab thumbnails would just be made to fit:


http://people.mozilla.com/~madhava/files/mobile/radial2/r2_tabs_option2_diagram.png
http://people.mozilla.com/~madhava/files/mobile/radial2/r2_tabs_option2_diagram.png


===Option 3 (vertical scroll)===
===Option 3 (vertical scroll)===
Line 87: Line 98:


==Tools Menu==
==Tools Menu==
All UI that isn't often-enough used to be featured in the primary UI is accessed through the tools menu:


http://people.mozilla.com/~madhava/files/mobile/radial2/r2_opentoolsmenu.png
http://people.mozilla.com/~madhava/files/mobile/radial2/r2_opentoolsmenu.png


http://people.mozilla.com/~madhava/files/mobile/radial2/r2_toolsmenu.png
http://people.mozilla.com/~madhava/files/mobile/radial2/r2_toolsmenu.png
Details here are TDB.
Confirmed users
1,492

edits

Navigation menu