# Feedback on new 🍔 and user menus

**URL:** <https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519>\
**Category:** UX\
**Created:** [2015年八月25日 22:09 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519 "2015-08-25T22:09:49Z")\
**Posts on this page:** 20\
**Page:** 7

<div class="post-metadata">

**Author:** ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)\
**Post date:** [2015年八月31日 02:12 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/133 "2015-08-31T02:12:43Z")

</div>

I am trying this out:

 ![](https://global.discourse-cdn.com/meta/original/3X/f/c/fc33b0cc0534203fb4d7f16d84f9de7b2565b55b.png) 

I think it is a reasonable approach, on the left you have a link to “Profile”… on the right you have shortcuts to “stuff within Profile”

Bookmarks, messages and preferences are all visible in profile. One could make a strong argument that “messages” and “preferences” are probably more used than “bookmarks”.

UI wise being in the consistent gray coloring it does not seem to get in the way and cause too much distraction the strong blue on the other hand did.

---

<div class="post-metadata">

**Author:** ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)\
**Post date:** [2015年八月31日 02:21 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/134 "2015-08-31T02:21:22Z")

</div>

@eviltrout if you have a custom header the positioning for the slideout style (for example try)

 ![](https://global.discourse-cdn.com/meta/original/3X/e/8/e8f445a3281d5ec63052b5c52c6bb7e8b13afe29.png) 

Also, not really sure we should always render so much whitespace there.

---

<div class="post-metadata">

**Author:** ![downey](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/downey/32/166878_2.png) [@downey](https://meta.discourse.org/u/downey)\
**Post date:** [2015年八月31日 03:40 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/135 "2015-08-31T03:40:44Z")

</div>

I’ve been away a few days. Why is there now a giant heading named “Profile” over the notifications in the menu?

(This is a rhetorical question.)

And where in the heck is the Log Out link? 😄

---

<div class="post-metadata">

**Author:** ![Daniel\_M](https://avatars.discourse-cdn.com/v4/letter/d/eb9ed0/32.png) [@Daniel\_M](https://meta.discourse.org/u/Daniel_M)\
**Post date:** [2015年八月31日 03:49 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/136 "2015-08-31T03:49:02Z")

</div>

> [@codinghorror](#):
>
> logout, which is indefensible.

How so? If I am on a shared computer, for example, a logout button would be very useful. Maybe it could be a fourth one of these: ![](https://global.discourse-cdn.com/meta/original/3X/b/8/b8e361fe99135099b0458dbab00b24f8674c9892.jpg)

Going to the profile is not intuitive, and creates a lot of friction. As previously stated, [there shouldn’t really be any friction at all](https://meta.discourse.org/t/impersonation-and-reading-private-messages/8485/7), even [if the case is very uncommon](https://meta.discourse.org/t/impersonation-and-reading-private-messages/8485/13).

Maybe a poll?

---

<div class="post-metadata">

**Author:** ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)\
**Post date:** [2015年八月31日 04:16 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/137 "2015-08-31T04:16:45Z")

</div>

If you want that, you can install a plugin for it (or use the log out keyboard shortcut we plan to add). Further discussion on this particular issue is no longer productive, and will not be tolerated.

---

<div class="post-metadata">

**Author:** ![calmh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/calmh/32/115466_2.png) [@calmh](https://meta.discourse.org/u/calmh)\
**Post date:** [2015年八月31日 07:36 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/138 "2015-08-31T07:36:40Z")

</div>

> [@codinghorror](#):
>
> So we are forcing everyone to see it every time they visit notifications which is quite frequent

But isn’t that mostly because you’ve jammed notifications in the place otherwise used to access the profile, messages, and other personal things _normally_ associated with my avatar…? It sounds like you want to remove almost everything that was already in that menu and just have it be notifications, which is something the notification bubble menu did perfectly fine already.

---

<div class="post-metadata">

**Author:** ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)\
**Post date:** [2015年八月31日 08:00 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/139 "2015-08-31T08:00:20Z")

</div>

@eviltrout just to summarize some of the open issues:

1. Search is way too narrow can be twice as wide maybe even more

2. Positioning of slideout is broken on sites that have a custom header (like try.discourse) when you are on top. 

3. Huge amount of whitespace when in “slideout” mode (particularly bad in search)

4. Styling of “selected” header item is off when expanded in slide out mode. (looks odd as an “open” square)

5. The sequence = / renders search on top of hamburger

6. No way to tab to “logout” on user profile page

7. We need a keyboard shortcut to get to profile gp is proposed

8. On route transition we are no longer collapsing expanded hamburger/user, this should happen. 

9. We need to experiment with a “horizontal” layout for Latest/New/Unread, should use the post tracker to get counts.

10. Search on touch is terribad, @codinghorror and I discuss just taking you to full page search when you click the magnifying glass, tricky thing though is that you need to carry “context” checkboxes like “search within profile or topic”

11. Expanded hamburger is behind composer, should be in front

12. s we should look at a cleaner way of doing the localCache stuff for notifications[/s]

13. People said the way notifications refresh can be a bit jarring … maybe a “refreshing” thing should display somewhere (but be careful to do that in an absolute panel (or at bottom) so stuff does not jump around)

14. Flag red bubble should move to left side

---

<div class="post-metadata">

**Author:** ![jvzr](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jvzr/32/102885_2.png) [@jvzr](https://meta.discourse.org/u/jvzr)\
**Post date:** [2015年八月31日 08:21 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/140 "2015-08-31T08:21:25Z")

</div>

Just for the record, I really like every change that has been made recently. I’m waiting on the changes to come to the ‘official’ hamburger menu, but so far it’s perfect for my use of Discourse.

---

<div class="post-metadata">

**Author:** ![TechnoBear](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/technobear/32/40546_2.png) [@TechnoBear](https://meta.discourse.org/u/TechnoBear)\
**Post date:** [2015年八月31日 11:14 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/141 "2015-08-31T11:14:21Z")

</div>

> [@codinghorror](#):
>
> Not quite sure “arbitrary link to private (personal) messages, when you get urgently notified every time you have one anyway” is super defensible in that context. I actually do not want to encourage a bunch of private below the radar conversations, either.

We have a plugin which allows moderators to save PMs as usernotes. Every time I send a PM via the flag system, I then have to visit that PM in my messages to save it, so that’s multiple times a day. I know that’s not a typical set-up; just pointing out that there are different ways of working, and extensive use of PMs is not necessarily a Bad Thing.

---

<div class="post-metadata">

**Author:** ![jspautsch](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jspautsch/32/62603_2.png) [@jspautsch](https://meta.discourse.org/u/jspautsch)\
**Post date:** [2015年八月31日 11:58 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/142 "2015-08-31T11:58:26Z")

</div>

> [@codinghorror](#):
>
> Not quite sure “arbitrary link to private (personal) messages, when you get urgently notified every time you have one anyway” is super defensible in that context. I actually do not want to encourage a bunch of private below the radar conversations, either.

I can think of three reasons just off the top of my head why a shortcut to messages is useful outside the scope of recent notifications:

1. Returning to an already read private message to reference information it contains. e.g. “Oh hey what was that cool link that guy sent me that I didn’t have a chance to check out before.”
2. Returning to an already read private message to make an additional reply. e.g. Bob and I have been chatting about this new game, I just now saw a news item on it so I want to message him about it, except I want to use the long conversation we’ve already been having instead of starting a new one.
3. Sending a private message. Unless you happen to already be looking at their profile or a post they made so you can access their user card, the option to send a private message is fairly buried. First you have to go to your Profile, then scroll down, then click on Messages, then send a new message.

I think these are all legitimate use cases and don’t necessarily constitute “a bunch of private below the radar conversations,” i.e. they’re not automatically abuse of the system. There are real needs to use private messaging sometimes.

In any case, @sam 's latest changes using glyphs seem to solve the problem nicely.

---

<div class="post-metadata">

**Author:** ![RaceProUK](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/raceprouk/32/115844_2.png) [@RaceProUK](https://meta.discourse.org/u/RaceProUK)\
**Post date:** [2015年八月31日 12:25 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/143 "2015-08-31T12:25:40Z")

</div>

> [@sam](#):
>
> > [@RaceProUK](#):
> >
> > I much prefer having quick access to messages.
> 
> I think that is easily solvable with the glyphs at the top, will be just as easy to reach.

What glyphs?  
\*looks\*  
\*sees glyphs\*  
Ah, _those_ glyphs! Yes, that works 😄

---

<div class="post-metadata">

**Author:** ![yamikuronue](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/yamikuronue/32/114514_2.png) [@yamikuronue](https://meta.discourse.org/u/yamikuronue)\
**Post date:** [2015年八月31日 12:47 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/144 "2015-08-31T12:47:33Z")

</div>

A fourth case: Often, the lack of response to an older message is what prompts me to send another PM to remind someone I’m still waiting for them. I get a lot of notifications, so often I have to dig through my PM list to find a week-old message.

That said, I’ve installed a userscript that pulls out my PMs to a separate glyph anyway. I’d be happy to get rid of it if there was an easier way in core, hence why I’m posting at all, but if not, I’ve got a solution that works(-ish) for me.

---

<div class="post-metadata">

**Author:** ![tobiaseigen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tobiaseigen/32/539204_2.png) [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)\
**Post date:** [2015年八月31日 14:09 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/145 "2015-08-31T14:09:46Z")

</div>

I am feeling much happier about the changes as of Monday morning and am super appreciative of the work done over the weekend. I know this type of change takes some guts to make and it’s you showing these guts that makes me love you guys all the more.

Some smallish feedback:

- Ten notifications is too many for my laptop - the “view older notifications” link at bottom disappears off the bottom, esp if some are for posts with longer titles that wrap to more than 3-4 lines. If there is no way to simply display as many notifications as possible on the screen (10 is too few for my desktop!), maybe this issue could be allieviated by supplementing the “view older notifications” link below with a notifications glyph at the top alongside the bookmarks, messaging and preferences glyph?
- I also miss the logout link and am a bit confused about it being relegated to the profile page. It’s my not-so-tech-savvy members in cybercafes in Africa who need to find it easily or have their sessions expire, not the power users who might use keyboard shortcuts.

---

<div class="post-metadata">

**Author:** ![ntadej](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ntadej/32/116716_2.png) [@ntadej](https://meta.discourse.org/u/ntadej)\
**Post date:** [2015年八月31日 14:40 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/146 "2015-08-31T14:40:00Z")

</div>

One issue I have on my iPhone, maybe it was mentioned already:  
The hamburger menu is not fully scrollable here on meta on mobile. I can’t see the last 3 categories.

---

<div class="post-metadata">

**Author:** ![wesochuck](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/wesochuck/32/108706_2.png) [@wesochuck](https://meta.discourse.org/u/wesochuck)\
**Post date:** [2015年八月31日 14:54 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/147 "2015-08-31T14:54:41Z")

</div>

> [@tobiaseigen](#):
>
> I also miss the logout link and am a bit confused about it being relegated to the profile page

That discussion is here:

> [@Should "log out" be prominent in the UI?](https://meta.discourse.org/t/should-log-out-be-prominent-in-the-ui/32665/):
>
> Can one of those glyphs be for logout? As I miss seeing that option, and I think a glyph will make it less “in your face logout whilst you see your notifications” Edit: Updated the title to reflect the true idea being proposed, as I don’t care for it to be prominent.

There are ways to put it back:

[https://meta.discourse.org/t/logout-menu-item/32731/](https://meta.discourse.org/t/logout-menu-item/32731/)

* * *

Is anyone else seeing alignment issues here (under the actual hamburger menu, not the new notification / profile menu):

 ![](https://global.discourse-cdn.com/meta/original/3X/7/c/7c8b67b271641d0f14ecc5f71edce0b031265fd5.png) 

Also, since those numbers represent new topics in those categories, should the color be blue to match with the ![](https://global.discourse-cdn.com/meta/original/3X/e/a/ea5b15290f5136524cf7873771e05a502ff420f4.png) indicator you’d see in the topic list?

---

<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:** [2015年八月31日 16:06 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/149 "2015-08-31T16:06:17Z")

</div>

Does it sound like the same as this?

[https://meta.discourse.org/t/new-hamburger-menu-doesnt-scroll-properly-on-mobile/32680](https://meta.discourse.org/t/new-hamburger-menu-doesnt-scroll-properly-on-mobile/32680)

---

<div class="post-metadata">

**Author:** ![ntadej](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ntadej/32/116716_2.png) [@ntadej](https://meta.discourse.org/u/ntadej)\
**Post date:** [2015年八月31日 16:21 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/150 "2015-08-31T16:21:32Z")

</div>

Yes, just that on iOS, I can’t even scroll to the bottom.

---

<div class="post-metadata">

**Author:** ![tobiaseigen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tobiaseigen/32/539204_2.png) [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)\
**Post date:** [2015年八月31日 18:42 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/151 "2015-08-31T18:42:08Z")

</div>

I’m missing the ability to X out of menus, especially on mobile. On my discourse I have a custom menu above the discourse menu, which pushes the discourse menu down so it’s hidden behind the menus. If I scroll down it appears again and I am able to escape. _phew_

Even so, not sure if it’s intuitive enough that hitting ESC or selecting on the menu glyph or my avatar will close the menu again. Worth testing.

---

<div class="post-metadata">

**Author:** ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)\
**Post date:** [2015年九月1日 04:53 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/152 "2015-09-01T04:53:19Z")

</div>

Tapping any area that is not the panel will dismiss it, e.g. activate the panel then

Tap right here → × ←

---

<div class="post-metadata">

**Author:** ![geoff777](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/geoff777/32/202388_2.png) [@geoff777](https://meta.discourse.org/u/geoff777)\
**Post date:** [2015年九月1日 11:33 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/153 "2015-09-01T11:33:56Z")

</div>

Is it possible to make the blue notification number on the profile pic clickable?

Intuitively I always click on the number and not the pic …

[上一頁](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519.md?page=6)

[下一頁](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519.md?page=8)
