Gaia/Design/BuildingBlocks: Difference between revisions

Jump to navigation Jump to search

Gaia/Design/BuildingBlocks (view source)

Revision as of 03:12, 21 July 2012

326 bytes added ,  21 July 2012
→‎Dialogue: Object Menu
mNo edit summary
Line 67: Line 67:
'''Used for:'''
'''Used for:'''


* Enabling optional shortcuts to contextual actions that might otherwise require stepping one level deeper into the hierarchy. For example, deleting a photo via it's thumbnail, instead of having to open the full image.
* Directly manipulating objects without having to open them and navigate deeper into the hierarchy. eg:
** Deleting a photo by selecting it's thumbnail, instead of having to open the full image.
** Flag an email by selecting it's preview, instead of having to open the full email.
** Call a Contact by selecting their name, instead of having to open their detailed information.  


'''Characteristics:'''
'''Characteristics:'''


* User presses-and-holds a selectable item (can be a list row, a phone number, a browser link, etc)
* Accessed by user press-and-hold on selectable object (eg: list row, phone number, URL, etc)
* Menu displaying one of more options pops up after X seconds.
* Menu appears after X seconds.
* Priority 1:
* Contain 1 or more items
** Reused the Menu pattern interface to present the options.
* Expand in height to accomodate contents, to a maximum of the screen height, at which point contents scroll. Best practice is to include maximum of 5 items + Title.
* Priority 2:
* Title strings are not included (unlike Action Menus)
** Menu positions itself immediately above or below the parent object (depending on the amount of available screen space)
* Are closed by pressing "Cancel" button.
** The parent object element is visually highlighted (e.g.: darken surrounding content, or draw border, etc)
* Reuse the Action Menu interface.
** User can press anywhere else on screen to change the focus and close the popup.
* Future (v2):
 
** Menu will explicitly tie itself to selected element by opening immediately above or below, shifting to fit into the available screen real estate.
[[Image:Gaia_BB_DialoguePopup_1.png|Dialogue: Popup 1]]
** Selected object element will be highlighted (e.g.: darken surrounding content?)
[[Image:Gaia_BB_DialoguePopup_2.png|Dialogue: Popup 2]]
** Explicit "Cancel" input may be removed in favor of pressing on empty screen real estate to close.
[[Image:Gaia_BB_DialoguePopup_3.png|Dialogue: Popup 3]]
 


[[Image:BB_ObjectMenu_1.jpg|Dialogue: Object Menu]]
[[Image:BB_ObjectMenu_2.jpg|Dialogue: Object Menu]]


==Dialogue: Value Selector==
==Dialogue: Value Selector==
Joshcarpenter
816

edits

Retrieved from "https://wiki.allizom.org/Special:MobileDiff/453042"

Navigation menu