Restructuring the Hamburger menu

UX
1

As part of the menu redesign, we need to restructure the hamburger menu.

image.jpg614×519 27.4 KB

Some initial ideas:

  • :star: group admin / mod menu items together (akismet, flags, site settings)

  • :star: move to two columns with glyphs

  • :star: replicate complete topnav (latest, new, unread, etc) including counts

  • :star: move very rare, low value items like Keyboard Shortcuts below categories

  • perhaps have essentials like FAQ show up at the top until read at least once

  • perhaps have headings for different hamburger menu sections (or even expansions?)

For now @eviltrout will work on the starred items as a starting point. We are open to other ideas, please post a visual mockup of your idea.

10 Likes
2

Here’s my proposal, as mentioned previously elsewhere:

redblank.png1024×768 57.1 KB

4 Likes
3

Super cool ideas as debated somewhere else, move everything in one point is super handy.

1 Like
4

Took a crack at this.

hamburger_mockup.png352×661 27.9 KB

3 Likes
5

While your mockup is interesting, I’m not convinced that menus in menus are a good thing. In fact, I have rarely seen one ever since Ribbon UIs or Touch screens were a thing. I’m also wondering how well it would work on mobile…

Could you also explain what those glyphs at the bottom are supposed to mean? The keyboard is somewhat logical for keyboard shortcuts and the question mark could stand for FAQ or Help, but the Phone glyph is puzzling.

3 Likes
6

That represents the Mobile View / Desktop View switcher. If it’s unclear, then it should probably be a text link instead.

My reasoning was, since the list of categories is very long and not frequently accessed, it’d be nice to make it expand as needed. This gets rid of the bulk of the menu when it’s not needed.

This was also mentioned in codinghorror’s suggestion:

There’s probably a better way to expand the categories instead of a dropdown, but this exact one is already being used and works fine on mobile.

2 Likes
7

Is “users” really so important that it should be in the top section? Do we know how often it gets used?

8

It is an important top level page, yes.