Toolbars

Problem

Users require constant access to useful functions that need to be quickly accessible without scrolling. T

Solution

Consolidate these functions into a toolbar that persists across screens, and is easily accessible.

Why

Fixed toolbars contain functions which are:

• commonly used
• useful
• promotional
• branding fixed elements

Toolbar functions that need to be accessed at any time, with direct or indirect relation to the context on the page. The functions are accessible from a fixed position on the screen that holds its fixed position if the page is scrolled.

HTML code here
	

CSS code here
	

How

The toolbar can be composed of many elements: icons (if conventional and understood by users), pulldown menus, links, textfields, etc.

• The toolbar could be present on almost all pages on your site, or only on pages where it makes sense.
• Caution should be used when considering including toolbars; they take up space, especially on mobile devices. More scrolling is needed to uncover the part of the page that it obscures.
• The toolbar should be as small as possible. If a horizontal toolbar is being considered, minimize its height. If the toolbar is vertical, minimize its width.
• Provide a "close" option so that users can choose to collapse the toolbar if they find it more annoying than useful. Consider how and when to show the toolbar again.
• Add tooltips or contextual help to facilitate learning to encourage

Examples