Dropdowns allow you to group similar controls under one roof. They're an effective way to de-clutter your page whilst offering users the actions they need.
The overflow button displays a temporary menu of actions that relate to one another.
Do | Don't |
---|---|
Use dropdowns to avoid overcomplicating your page | Avoid moving important, commonly used actions to dropdowns |
Use dropdowns to offer quick access to a subpage's actions | Don't overcomplicate your dropdowns, avoid using more than one level of submenus |
Use color to emphasise differences between actions |