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

Unlock this course with a free trial

Join today to access over 25,300 courses taught by industry experts.

Tool bars

Tool bars - Sketch Tutorial

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

Start my 1-month free trial Buy for my team

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