As many of you know, there are many options in the mobile toolbar. And there will be more, as we port more functionalities to mobile, it will become more and more crowded.
From our observation of other editor type apps and from our own needs, we have came up with four categories of designs:
Scrollable. As the name suggests, all options are horizontally listed, and the toolbar can be scrolled. The options can be loosely grouped, indicated by larger space between groups. Example: Bear.
Two-level. Most options on the toolbar will trigger a secondary menu. For example, after you choose “block-level items”, you can choose between “paragraph”, “heading”, or “ordered list”. Example: Google Docs.
Hidden options. Most frequently used options are directly accessible, whereas less used options a hidden in a “…” menu. Example: Dynalist before the toolbar revamp.
Customizable. You can rearrange, add, or remove options on the toolbar. There might be a fixed number of option slots on the toolbar, or you can do whatever and the toolbar will scroll.
Which one do you like best?
- Two levels
- Hidden options