# 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:** 4

<div class="post-metadata">

**Author:** ![johnmuhl](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johnmuhl/32/43413_2.png) [@johnmuhl](https://meta.discourse.org/u/johnmuhl)\
**Post date:** [2015年八月26日 20:54 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/61 "2015-08-26T20:54:07Z")

</div>

On OS X 10.9.5 and Chrome stable the right portion of the menu goes off screen when zoomed in.

---

<div class="post-metadata">

**Author:** ![fefrei](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fefrei/32/119538_2.png) [@fefrei](https://meta.discourse.org/u/fefrei)\
**Post date:** [2015年八月26日 21:03 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/62 "2015-08-26T21:03:39Z")

</div>

> [@eviltrout](#):
>
> It is now, but perhaps you looked before our deploy finished (our deploys were snagged for a bit this afternoon.)

It is – and it looks way better. Thanks!

---

<div class="post-metadata">

**Author:** ![nickpfisterer](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nickpfisterer/32/45292_2.png) [@nickpfisterer](https://meta.discourse.org/u/nickpfisterer)\
**Post date:** [2015年八月26日 21:20 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/63 "2015-08-26T21:20:21Z")

</div>

The latest commit definitely looks and feels much nicer… but `position: fixed;` makes for a rough experience. I imagine that’s temporary and in the process of getting addressed?

 ![](https://global.discourse-cdn.com/meta/original/3X/f/d/fdf4449f3b89a1e05e5e1aa2675666f39ac80afe.gif)

---

<div class="post-metadata">

**Author:** ![eviltrout](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/eviltrout/32/5275_2.png) [@eviltrout](https://meta.discourse.org/u/eviltrout)\
**Post date:** [2015年八月26日 21:22 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/64 "2015-08-26T21:22:23Z")

</div>

> [@nickpfisterer](#):
>
> I imagine that’s temporary and in the process of getting addressed?

Yup the latest build, deploying shortly has it changed to `absolute` following a suggestion from @Sam.

---

<div class="post-metadata">

**Author:** ![nickpfisterer](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nickpfisterer/32/45292_2.png) [@nickpfisterer](https://meta.discourse.org/u/nickpfisterer)\
**Post date:** [2015年八月26日 21:54 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/66 "2015-08-26T21:54:13Z")

</div>

> [@eviltrout](#):
>
> Yup the latest build, deploying shortly has it changed to absolute following a suggestion from @Sam.

Just grabbed the latest commit on my instance. Feels much better! I also like how the hamburger menu no longer has a transition. I wanted to remove the transition from the other glyphs to match, but I couldn’t find the styles. Are you doing them in JS instead of CSS?

---

<div class="post-metadata">

**Author:** ![Kuro](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/kuro/32/38491_2.png) [@Kuro](https://meta.discourse.org/u/Kuro)\
**Post date:** [2015年八月26日 22:10 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/67 "2015-08-26T22:10:41Z")

</div>

So, since all the screenshots seem to focus on the upper edge of the new menu, let me be the one to tell you that this is quite silly

 ![](https://global.discourse-cdn.com/meta/original/3X/f/3/f3cc055ab102162b52b6db900ad9adfecc837eaf.png)  
It’s not full height for me and I even get a scrollbar. This is not me messing with the window, either (resizing, etc).

Windows 10  
Opera 30.0  
1366x768 laptop-resolution.

Filed Under: Not sure if all fixes are deployed. I refreshed before taking the screenshot

**Addendum:** If this is the way it is supposed to look, I apologize. I just have the feeling this is not how it’s supposed to look like.

---

<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年八月26日 22:14 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/68 "2015-08-26T22:14:05Z")

</div>

Yeah @eviltrout I think there is a tiny bit too much margin from the bottom.

Similarly we need to adjust to content size here, otherwise you get this which looks real odd

 ![](https://global.discourse-cdn.com/meta/original/3X/5/5/55356658b992310af106c94329ac4dbd0ad6d9f4.png)

---

<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年八月27日 07:14 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/69 "2015-08-27T07:14:47Z")

</div>

It’s an improvement either way. Thanks for listening to our feedback 🙂

---

<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年八月27日 11:15 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/70 "2015-08-27T11:15:11Z")

</div>

Not sure if this should be a separate 🐛 report, but the = shortcut to open the hamburger no longer functions.

(Firefox 40 & Chromium Version 44.0.2403.89 on Ubuntu Gnome 15.04.)

---

<div class="post-metadata">

**Author:** ![cpradio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cpradio/32/4970_2.png) [@cpradio](https://meta.discourse.org/u/cpradio)\
**Post date:** [2015年八月27日 11:41 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/71 "2015-08-27T11:41:53Z")

</div>

> [@TechnoBear](#):
>
> Not sure if this should be a separate report, but the = shortcut to open the hamburger no longer functions.
> 
> (Firefox 40 & Chromium Version 44.0.2403.89 on Ubuntu Gnome 15.04.)

This must have happened recently, as I tested that when it was the slide out menu and it worked then. 🙂 Good catch!

---

<div class="post-metadata">

**Author:** ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)\
**Post date:** [2015年八月28日 01:45 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/72 "2015-08-28T01:45:13Z")

</div>

Didn’t have much time to comment the other day, but the changes made so far are pretty much exactly what I would suggest — the structure disconnect with the slideout on desktop was real weird!

> [@downey](#):
>
> As I mentioned somewhere back earlier, most of the stuff between the buns is either redundant or doesn’t warrant being at the top of every single page.

I’m not going to jump to necessarily _removing_ things… some of this stuff is “better to have it and not need it than to need it and not have it”… but let’s take a look at organization.

Housekeeping stuff: About, FAQs, Keyboard Shortcuts

Taxonomy: users, badges, tags, categories

‘Latest’ is a bit odd on its own… are people using that? I generally click on the logo to go back to the latest page (though this behavior differs depending on preferences, and maybe that’s ok?)

* * *

Menus could be

- Search (keep as is - expanding it inline along the buttons is a cool idea… but I think the “search this topic” and “options” are nice and warrant the extra click)
- Hamburger
  - About
  - FAQs
  - Keyboard Shortcuts
  - 
  - Badges
  - Users
  - Tags
  - Categories

- User (combining these is interesting… I like the mockup… but does it downplay notifications too much?)
  - Profile
  - Preferences
  - Log Out
  - Messages
  - Notifications

- Admin (may be worth setting apart and/or expanding?)
- Dashboard
- Site Settings
- Flags
- Needs Approval
- Akismet

---

<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年八月28日 01:48 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/73 "2015-08-28T01:48:46Z")

</div>

Great feedback

> [@awesomerobot](#):
>
> Log Out

This is one thing that we decided to keep just on the user page, inviting people to “Log Out” every time they open notifications is super weird.

I think its really interesting as an experiment to tease out admin from the hamburger. It would allow us a more comprehensive admin menu right from the header. A direct link to “site settings” for example would be mighty useful to me.

---

<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年八月28日 02:07 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/74 "2015-08-28T02:07:25Z")

</div>

There is also a strong need to jump to Top, New, Unread directly which is not listed here.

---

<div class="post-metadata">

**Author:** ![Mittineague](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mittineague/32/114259_2.png) [@Mittineague](https://meta.discourse.org/u/Mittineague)\
**Post date:** [2015年八月28日 02:35 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/75 "2015-08-28T02:35:10Z")

</div>

> [@sam](#):
>
> A direct link to “site settings” for example would be mighty useful to me.

For me as well. So much so that I have a plugin that adds it to the hamburger menu.  
It’s localhost development so I use it extremely often.

I can’t see it being as useful for an established production site, but maybe.

---

<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年八月28日 03:38 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/76 "2015-08-28T03:38:45Z")

</div>

New (3) Unread (4) in the user drop down may fit better than in the hamburger

---

<div class="post-metadata">

**Author:** ![chapel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapel/32/122414_2.png) [@chapel](https://meta.discourse.org/u/chapel)\
**Post date:** [2015年八月28日 07:34 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/77 "2015-08-28T07:34:23Z")

</div>

I honestly feel About, FAQs and Keyboard Shortcuts should be at the bottom of the dropdown/slide out menu all on the bottom line. For the most part those are things that would live in the footer but aren’t possible with infinite scroll. Having them at the bottom of the menu makes it easy to find them contextually and also leaves space for more important and more used links/actions.

I think joining them might be valuable as well, or at least user and current hamburger. Having notifications be it’s own thing is good since I feel there is more that can be done as Discourse is polished and made more active.

As far as the search icon, maybe it isn’t a choice of icon that you have to click over input already available. How about an input that is smaller (not much larger than the icon itself, that when you click into it expands to take up more space and gives you the full search input. I’ve seen other sites do that and it was really intuitive and easy to use.

---

<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年八月28日 08:00 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/78 "2015-08-28T08:00:35Z")

</div>

Yeah we did the search thing back at stack overflow. I really like it. (but you would lose the ability to pick context prior to searching that sucks a bit, unless we do a big revamp.)

---

<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年八月28日 12:22 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/79 "2015-08-28T12:22:17Z")

</div>

> [@chapel](#):
>
> those are things that would live in the footer but aren’t possible with infinite scroll

Several people have said this and I hate saying “impossible”. It would just require some design changes, such as an always-visible footer (like the current header). I’m not saying I like that idea, but I can’t stand starting with the presumption of impossibility. 😄

---

<div class="post-metadata">

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

</div>

> [@downey](#):
>
> I can’t stand starting with the presumption of impossibilit

Same here. I like to think that “With code, _anything_ is possible”

In a way, the composer is like an on-demand footer.  
I don’t know if that precludes there being a “nav footer”

---

<div class="post-metadata">

**Author:** ![phi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/phi/32/116086_2.png) [@phi](https://meta.discourse.org/u/phi)\
**Post date:** [2015年八月28日 20:39 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/81 "2015-08-28T20:39:21Z")

</div>

Jumping in late to the feedback party here.

Our discourse instance is used a lot on mobile and a full height menu with adequately sized menu items is very important. Currently I often find myself second guessing touching any menu item in the hamburger menu.

One example of good and scalable top menu design I came across is the one on [99designs.com](http://www.99designs.com).

 ![](https://global.discourse-cdn.com/meta/original/3X/6/4/641093d6d093a45639ad654714433e4f51143a0e.png) 

The hamburger menu is on the left hand side and is expanded based on the available width (scales perfectly between mobile and desktop).

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

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

User notification and profile management is on the right hand side and also offers a popup or slide out based on the canvas width

 ![](https://global.discourse-cdn.com/meta/original/3X/6/d/6d77aff37340c49fe777cab3d694a8c2b2dfef91.png) 

 ![](https://global.discourse-cdn.com/meta/original/3X/a/2/a211b6bad062c45a1143c1ebb39744255f17ca1f.png)

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

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