Gaia/Design/Patterns: Difference between revisions

m
Fixed minor formatting issues
m (Fixed minor formatting issues)
 
(4 intermediate revisions by the same user not shown)
Line 18: Line 18:
* Width: variable, but must always leave sufficient room for the "Drawer" button on the primary interface to remain fully visible.
* Width: variable, but must always leave sufficient room for the "Drawer" button on the primary interface to remain fully visible.


[[Image:Gaia_BB_Drawer.png|Drawer 1]]
{|
 
|[[Image:Gaia_BB_Drawer.png|thumb|left|650px|Drawer 1]]
 
|}


== Entry Sheet ==
== Entry Sheet ==
Line 41: Line 41:
** “Cancel”
** “Cancel”
** Varies: “Done”, “Join”, “Send”, etc.
** Varies: “Done”, “Join”, “Send”, etc.
{|
|[[Image:Gaia_BB_DialogueEntrySheets.png|thumb|left|650px|Dialogue: Entry Sheet 1]]
|}
{|
|[[Image:Gaia_BB_ContactsBrowser_1.png|thumb|left|650px|Contacts Browser 1]]
|}


[[Image:Gaia_BB_DialogueEntrySheets.png|Dialogue: Entry Sheet 1]]
[[Image:Gaia_BB_ContactsBrowser_1.png|Contacts Browser 1]]


== Input Areas ==
== Input Areas ==


'''Used for:'''
{|
 
|[[Image:gaia_bb-inputareas-10.png|thumb|left|650px|Input Areas]]
* ...
|}
 
'''Characteristics:'''
 
* ...
 
[[Image:Gaia_BB_InputAreas_1.png|Input Areas 1]]
[[Image:Gaia_BB_InputAreas_2.png|Input Areas 2]]
[[Image:Gaia_BB_InputAreas_3.png|Input Areas 3]]
[[Image:Gaia_BB_InputAreas_4.png|Input Areas 4]]
[[Image:Gaia_BB_InputAreas_5.png|Input Areas 5]]
[[Image:Gaia_BB_InputAreas_6.png|Input Areas 6]]
 
 


==Multi-Select==
==Multi-Select==
Line 89: Line 81:
* Disabled
* Disabled


[[Image:Gaia_BB_MultiSelect_1.png|MultiSelect 1]]
{|
 
|[[Image:Gaia_BB_MultiSelect_1.png|thumb|left|650px|MultiSelect 1]]
|}




== Search ==
== Search ==
* ...
==Settings==


'''Used for:'''
'''Used for:'''


* ...
* An app can determine which content types are shown in the search results, whether they be within the app itself or online. Search can also be used to filter long lists, such as contacts (shown below).


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


* ...
* The virtual keyboard is activated when the user taps on the search input box.
* Tapping on the (x) icon to the right of the search term clears the input box but retains the virtual keyboard
* When using search to filter lists, the search input box is typically at the top of the list and scrolls with the list items.
 
{|
|[[Image:Gaia_search1.png|thumb|left|650px|Search in Contacts app]]
|}


==Settings==


(in progress)


==System Overlays==
==System Overlays==


'''Used for:'''
(in progress)
 
* ...
 
'''Characteristics:'''
 
* ...
Confirmed users
34

edits