From the course: Interaction Design: Software and Web Design Patterns

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Tool bars

Tool bars - Sketch Tutorial

From the course: Interaction Design: Software and Web Design Patterns

Start my 1-month free trial

Tool bars

- [Instructor] Toolbars are icon-based buttons of commonly used actions and commands. They can be a combination of text and images. But to conserve space, they're usually limited to icons. Toolbars are supplementary to menu bars and contextual menus. This is a good pattern for experiences that have quick, one-step actions. They're a common utility for document editing in image-based programs but can be used anytime there's a need to apply actions quickly. Toolbars rely on clear iconography to communication the action the buttons represent. To supplement the lack of text, tooltips are used to show the name of the tool or what it does when hovering over the icon. Toolbars can speed up workflow. Because when the button in the toolbar is pressed, the action is immediately applied, rather than spending time navigating through a menu to find the same action. For this reason, the toolbar is best for common actions. The…

Contents