Human Interface Guidelines/The Sugar Interface/Controls/Indicators: Difference between revisions
No edit summary |
No edit summary |
||
| Line 3: | Line 3: | ||
=====Determinate Progress Bars===== | =====Determinate Progress Bars===== | ||
[[Image:example_progress_bar_determinate.png|right]] | |||
'''Usage:''' | |||
<noinclude>'''States:'''<br>[[Image:progress_bar_determinate.png]]</noinclude> | '''Behavior:''' | ||
'''Guidelines:''' | |||
<br clear='all'> | |||
<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]] | |||
'''Usage:''' | |||
'''Behavior:''' | |||
'''Guidelines:''' | |||
<noinclude>'''States:'''<br>[[Image:progress_bar_indeterminate.png]]</noinclude> | <br clear='all'> | ||
<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 | =====Activity Spinners | ||
[[Image:example_activity_spinner.png|right]] | |||
'''Usage:''' | |||
'''Behavior:''' | |||
'''Guidelines:''' | |||
<noinclude>'''States:'''<br>[[Image:activity_spinner.png]]</noinclude> | <br clear='all'> | ||
<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]] | |||
'''Usage:''' | |||
'''Behavior:''' | |||
<noinclude>'''States:'''<br>[[Image:indicator_level.png]]<br> | '''Guidelines:''' | ||
<br clear='all'> | |||
<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]] | |||
'''Usage:''' | |||
'''Behavior:''' | |||
'''Guidelines:''' | |||
<noinclude>'''States:'''<br>[[Image:indicator_rating.png]]</noinclude> | <br clear='all'> | ||
<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]] | |||
'''Usage:''' | |||
'''Behavior:''' | |||
'''Guidelines:''' | |||
<noinclude>'''States:'''<br>[[Image:indicator_relevance.png]]</noinclude> | <br clear='all'> | ||
<noinclude>'''States:''' | |||
<br clear='all'>[[Image:indicator_relevance.png|thumb|300px|left|Click to view detailed control specifications]] | |||
<br clear='all'> | |||
</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> | ||
Revision as of 16:08, 6 April 2007
Determinate Progress Bars
Usage:
Behavior:
Guidelines:
States:
Indeterminate Progress Bars
Usage:
Behavior:
Guidelines:
States:
=====Activity Spinners
Usage:
Behavior:
Guidelines:
States:
Level Indicators
Usage:
Behavior:
Guidelines:
States:
Rating Indicators
Usage:
Behavior:
Guidelines:
States:
Relevance Indicators
Usage:
Behavior:
Guidelines:
States:
