# Header bar: improvements?

**URL:** https://meta.discourse.org/t/header-bar-improvements/60930
**Category:** UX
**Created:** [April 13, 2017, 2:59pm UTC](https://meta.discourse.org/t/header-bar-improvements/60930 "2017-04-13T14:59:48Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![designbygio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/designbygio/32/122415_2.png) [@designbygio](https://meta.discourse.org/u/designbygio)
#### Post date: [April 13, 2017, 2:59pm UTC](https://meta.discourse.org/t/header-bar-improvements/60930/1 "2017-04-13T14:59:49Z")

</div>

While thinking what can be the best way to [make badges more discoverable] ([Making badges more discoverable](https://meta.discourse.org/t/making-badges-more-discoverable/60929)) i realize that a lot of information are hidden because of the “mobile menu”.  
Is there any reason why hamburger menu is shown also on larger screen?

I would definetely see a lot of improvement in this area of the app.  
We could show on top some more important information like:

- badges icons
- notifications (why notifications are together with perosnal setting?)
- admin (if you are an admin)

And i would definetly re-organize some of the dropdown menu.  
I don’t see much of relation between single pages like FAQ, About and Categories, Last, New, Badges (here they are!!), Tags, ..

And the serach bar could be displayed next to the icon. Any particular reason why is displayed below and is not 100% width (or at leats longer)?

---

<div class="post-metadata">

### Author: ![erlend\_sh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/erlend_sh/32/119475_2.png) [@erlend\_sh](https://meta.discourse.org/u/erlend_sh)
#### Post date: [April 13, 2017, 4:14pm UTC](https://meta.discourse.org/t/header-bar-improvements/60930/2 "2017-04-13T16:14:34Z")

</div>

There’s a lot of thoughts expressed here which would be much better communicated with some simple UX mockups 😉

> [@designbygio](#):
>
> - notifications (why notifications are together with perosnal setting?)

We did it to reduce the number of glyphs; it’s a huge space saver on mobile. We’ve had no complaints about this after the change, and I find it to be quite intuitive:

- Search
- Navigation
- “All about me”

I do agree that the personal menu could be structured better:

> [@Structured notifications tab](https://meta.discourse.org/t/structured-notifications-tab/60497):
>
> I find my notifications tab to be a bit messy. I wish it would list my notifications in order of importance. Something along the lines of: Messages Group messages Private messages Post interactions Replies Mentions Topic invite Incoming link Post edits Misc. activities Earned badge Received like It would look like this: (accidentally used an old screenshot where we hadn’t yet merged the notifications & profile tabs!) The “push it off-screen” logic would have to be something li…

The same goes for the hamburger menu. I’ll need to see some mockups before I’m perfectly clear on what you’re suggesting here, but I might have pitched some similar ideas in my proposal for a left-aligned hamburger menu:

> [@Proposing a left-aligned slide out hamburger menu](https://meta.discourse.org/t/proposing-a-left-aligned-slide-out-hamburger-menu/30287/6):
>
> I’ve done a fresh take on this. Forget about the more radical idea of having a toggle-able, fixed-by-default sidebar on desktop. I’m refocusing my proposal on two simple things: Moving the hamburger menu to the left Cleaning up the hamburger menu This is what I’ve come up with: Instead of the current hamburger’s overwhelming list of categories, we just re-use the standard category selector. A new “Most popular” section, simply based on the most active categories on the site. This …

---

<div class="post-metadata">

### Author: ![erlend\_sh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/erlend_sh/32/119475_2.png) [@erlend\_sh](https://meta.discourse.org/u/erlend_sh)
#### Post date: [April 26, 2017, 7:57pm UTC](https://meta.discourse.org/t/header-bar-improvements/60930/3 "2017-04-26T19:57:55Z")

</div>

> [@designbygio](#):
>
> We could show on top some more important information like:
> 
> - **badges icons**
> - (…)

I think some type of callout for “new badge!” might be useful. I wouldn’t want a permanent button there, but I could see some equivalent of a “What’s new” type notification that appears only when you’ve earned a new, noteworthy badge:

![](https://global.discourse-cdn.com/meta/optimized/3X/e/f/ef74d36a6b944aafa442ce0b8277369a8d841928_2_690x52.png)

---

<div class="post-metadata">

### Author: ![designbygio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/designbygio/32/122415_2.png) [@designbygio](https://meta.discourse.org/u/designbygio)
#### Post date: [April 27, 2017, 3:13pm UTC](https://meta.discourse.org/t/header-bar-improvements/60930/4 "2017-04-27T15:13:33Z")

</div>

I like the idea of having something not permanent!

---

<div class="post-metadata">

### Author: ![designbygio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/designbygio/32/122415_2.png) [@designbygio](https://meta.discourse.org/u/designbygio)
#### Post date: [May 5, 2017, 5:11pm UTC](https://meta.discourse.org/t/header-bar-improvements/60930/5 "2017-05-05T17:11:22Z")

</div>

Here you could see the mock-ups for the menu section.

[https://meta.discourse.org/t/cleaner-hamburger-menu/61742/16](https://meta.discourse.org/t/cleaner-hamburger-menu/61742/16)
