Jump to content

Human Interface Guidelines/The Sugar Interface/Controls/Indicators: Difference between revisions

From Sugar Labs
← Older edit
Eben (talk | contribs)
87 edits
No edit summary
 
(10 intermediate revisions by 4 users not shown)
Line 1: Line 1:
<noinclude>{{Translations}}</noinclude>
<noinclude>{{Translations}}{{GoogleTrans-en}}</noinclude>
<noinclude>{{hig-subnav|p_link=The Sugar Interface/Controls/Adjustment Controls|p_label=Adjustment Controls|c_link=The Sugar Interface/Controls/Indicators|c_label=Indicators|n_link=The Sugar Interface/Controls/Text Controls|n_label=Text Controls}}</noinclude>
<noinclude>{{hig-subnav|p_link=The Sugar Interface/Controls/Adjustment Controls|p_label=Adjustment Controls|c_link=The Sugar Interface/Controls/Indicators|c_label=Indicators|n_link=The Sugar Interface/Controls/Text Controls|n_label=Text Controls}}</noinclude>
<div style="position: relative; padding-right: 15px;">
<div style="position: absolute; right: 0px; width: 300px; height: 100%; background: #4b4b4b;"></div>


====[[OLPC Human Interface Guidelines/The Sugar Interface/Controls/Indicators|Indicators]]====
=====Determinate Progress Bars=====
=====Determinate Progress Bars=====
[[Image:example_progress_bar_determinate.png|right]]
<div style="margin-right: 310px;">
'''Usage:'''


<noinclude>'''Determinate Progress Bar States'''<br>[[Image:progress_determinate.png]]</noinclude>
'''Behavior:'''
 
'''Guidelines:'''
 
<br clear='all'>
</div><noinclude>'''States:'''
<br clear='all'>[[Image:progress_bar_determinate.png|thumb|400px|left|Click to view detailed control specifications]]
<br clear='all'>
</noinclude>


=====Indeterminate Progress Bars=====
=====Indeterminate Progress Bars=====
[[Image:example_progress_bar_indeterminate.png|right]]
<div style="margin-right: 310px;">
'''Usage:'''
'''Behavior:'''
'''Guidelines:'''
<br clear='all'>
</div><noinclude>'''States:'''
<br clear='all'>[[Image:progress_bar_indeterminate.png|thumb|400px|left|Click to view detailed control specifications]]
<br clear='all'>
</noinclude>
=====Activity Spinners=====
[[Image:example_activity_spinner.png|right]]
<div style="margin-right: 310px;">
'''Usage:'''
'''Behavior:'''


<noinclude>'''Indeterminate Progress Bar States'''<br>[[Image:progress_indeterminate.png]]</noinclude>
'''Guidelines:'''
 
<br clear='all'>
</div><noinclude>'''States:'''
<br clear='all'>[[Image:activity_spinner.png|thumb|300px|left|Click to view detailed control specifications]]
<br clear='all'>
</noinclude>


=====Level Indicators=====
=====Level Indicators=====
[[Image:example_indicator_level.png|right]]
<div style="margin-right: 310px;">
'''Usage:'''


'''Behavior:'''
'''Guidelines:'''
<br clear='all'>
</div><noinclude>'''States:'''
<br clear='all'>[[Image:indicator_level.png|thumb|300px|left|Click to view detailed control specifications]]
<br clear='all'>
</noinclude>


=====Rating Indicators=====
=====Rating Indicators=====
[[Image:example_indicator_rating.png|right]]
<div style="margin-right: 310px;">
'''Usage:'''
'''Behavior:'''


'''Guidelines:'''
<br clear='all'>
</div><noinclude>'''States:'''
<br clear='all'>[[Image:indicator_rating.png|thumb|300px|left|Click to view detailed control specifications]]
<br clear='all'>
</noinclude>


=====Relevance Indicators=====
=====Relevance Indicators=====
[[Image:example_indicator_relevance.png|right]]
<div style="margin-right: 310px;">
'''Usage:'''
'''Behavior:'''
'''Guidelines:'''
<br clear='all'>
</div><noinclude>'''States:'''
<br clear='all'>[[Image:indicator_relevance.png|thumb|300px|left|Click to view detailed control specifications]]
<br clear='all'>
</noinclude>


</div>
<noinclude>{{hig-subnav|p_link=The Sugar Interface/Controls/Adjustment Controls|p_label=Adjustment Controls|c_link=The Sugar Interface/Controls/Indicators|c_label=Indicators|n_link=The Sugar Interface/Controls/Text Controls|n_label=Text Controls}}</noinclude>
<noinclude>{{hig-subnav|p_link=The Sugar Interface/Controls/Adjustment Controls|p_label=Adjustment Controls|c_link=The Sugar Interface/Controls/Indicators|c_label=Indicators|n_link=The Sugar Interface/Controls/Text Controls|n_label=Text Controls}}</noinclude>

Latest revision as of 09:16, 7 July 2009

english | español | 한국어 HowTo [ID# 32504]  +/-  
Determinate Progress Bars

Usage:

Behavior:

Guidelines:


States:
Click to view detailed control specifications



Indeterminate Progress Bars

Usage:

Behavior:

Guidelines:


States:
Click to view detailed control specifications



Activity Spinners

Usage:

Behavior:

Guidelines:


States:
Click to view detailed control specifications



Level Indicators

Usage:

Behavior:

Guidelines:


States:
Click to view detailed control specifications



Rating Indicators

Usage:

Behavior:

Guidelines:


States:
Click to view detailed control specifications



Relevance Indicators

Usage:

Behavior:

Guidelines:


States:
Click to view detailed control specifications



Retrieved from "https://wiki.sugarlabs.org/index.php?title=Human_Interface_Guidelines/The_Sugar_Interface/Controls/Indicators&oldid=32504"