Ubuntu Wiki

Piece by Piece

Todo:

• Develop specifications for each part of a theme, from background over windows down to a per widget level.
• List what each widget needs to get across about itself. Continue with the how.
• Describe relationships between widgets (example: a group of radio buttons and a combo-box both stand for a selection of one item out of a list)

Desktop Background

• List common aspects and sizes here ...
• The background is the single best chance to be emotive. Use it to shape how the user feels and thinks about Ubuntu.
• It needs to help the windows to stand out, but not look out of place.

Panels

• Panels need to be clearly separated from the background and windows. However, they are related to menu and tool bars and this can be shown.
• For a top panel, it must be clearly distinct from a window titlebar.

Windows

• Clearly separate the window area from the surrounding and other windows
• Show the availability or unavailability of means of manipulation, for closing, minimizing, maximizing, moving and resizing.
• Indicate which window has focus
• Indicate if a window can be resized or not

Non-Interactive Widgets

• Labels
• Frames
• Separators
• Progress bars

Interactive Widgets

• Offer a target area.
• Give a hint at possible interaction. Can the widget be clicked on and/or dragged? This possibilities should always be shown in the same or similar fashion.
• Ideally indicate if the pointer is in the target area before an action is taken (prelight).
• Visually respond to an action like clicking or dragging.

Command Buttons

Toggle Buttons

Check Boxes

Radio Buttons

Menubars

Toolbars

Notebook

A notebook needs to communicate that it allows to make one of several areas visible, while all of these areas and the options offered on them persist.

Expanders

Scrollbars

Comboboxes

A combobox allows to select always one item from a list and is therein like a group of radio buttons.

Combobox Entries

Text Entries

Spin Buttons

Sliders

List Views

Icon Views

Tree Views