<?xml version="1.0" encoding="utf-8"?>
Navigation system
Exercise

Navigation system

Matrix structure
Exercise

Matrix structure

Site Map
Exercise

Site Map

Menu button
Exercise

Menu button

Menu
Exercise

Menu

Menus
Exercise

Menus

Inline menu
Exercise

Inline menu

Multiselect menu
Exercise

Multiselect menu

Breadcrumbs
Exercise

Breadcrumbs

Contextual menu
Exercise

Contextual menu

Navigation components
Exercise

Navigation components

Cascading menu
Exercise

Cascading menu

Truncate longer labels
Exercise

Truncate longer labels

Keyboard shortcuts
Exercise

Keyboard shortcuts

Lists
Exercise

Lists

Place icons before labels
Exercise

Place icons before labels

Search menu
Exercise

Search menu

Labels
Exercise

Labels

Single-select menu
Exercise

Single-select menu

Add elevation to guide users' attention to a menu
Exercise

Add elevation to guide users' attention to a menu

Add enough space within a menu
Exercise

Add enough space within a menu

Use dividers to group similar actions
Exercise

Use dividers to group similar actions

Make sure all critical menu options are fully visible
Exercise

Make sure all critical menu options are fully visible

Exercise

Ensure menus behave predictably

Use familiar icons to indicate menu selections
Exercise

Use familiar icons to indicate menu selections

Hamburger menus
Exercise

Hamburger menus

Make it easy to deselect items
Exercise

Make it easy to deselect items

Flat structure
Exercise

Flat structure

Indicate menu states
Exercise

Indicate menu states

Keep menu labels short and helpful
Exercise

Keep menu labels short and helpful

Consider cascading menu position
Exercise

Consider cascading menu position

Menu scrolling
Exercise

Menu scrolling

Prioritize menu items
Exercise

Prioritize menu items

Exercise

Expandable floating action menu

Basic dropdown menu
Exercise

Basic dropdown menu

Hamburger menus
Exercise

Hamburger menus

Menus
Exercise

Menus

Action menus
Exercise

Action menus

Exercise

Action menus

Exercise

Consider timing for mega menus on hover

The principle of growth
Exercise

The principle of growth

Main menu
Exercise

Main menu

Ensure menu links are easy to click
Exercise

Ensure menu links are easy to click

Let users activate menus on click
Exercise

Let users activate menus on click

Consider sticky menus for long pages
Exercise

Consider sticky menus for long pages

Provide enough visual weight for menu links
Exercise

Provide enough visual weight for menu links

Place frequently used commands within easy reach
Exercise

Place frequently used commands within easy reach

Mega menus
Exercise

Mega menus

Dropdown menus
Exercise

Dropdown menus

Ensure the right size for dropdown menus
Exercise

Ensure the right size for dropdown menus