Feedback on new 🍔 and user menus

(TechnoBear) #108

I really dislike the combined Notifications/Avatar tab. First problem - I can’t access my profile without simultaneously clearing the notifications bubble, which I often don’t want to do.

Larger problem is that I use the Profile menu frequently on our own site to access my messages. Now, I have to go to my Profile page and tab through to Messages. On our site, where I’m a moderator, that would involve Enter, 27 x Tab and Enter again, instead of simply Tab, Enter as it stands at the moment.

I also use the Logout from the Profile menu whenever I leave the site (or Meta). The Logout button on the Profile page is not accessible by keyboard.

All in all, no win but a big loss, as far as I’m concerned.

(Sam Saffron) #109

Keyboard wise this is very simple to solve, add a shortcut to get to profile, make logout and messages easily accessible

(Jeff Atwood) #110

We can probably add direct keyboard shortcuts to go to messages. And certainly you should be able to go to your profile via keyboard shortcuts.


  • g, p to go to your profile

  • g, m to go to your messages

Also @eviltrout there is duplication in the keyboard shortcuts now since a top level glyph was eliminated.

(Sam Saffron) #111

Its also totally a bug you cannot tab to “Logout” on profile, so weird… it just skips it.

(Sam Saffron) #112

LOL, then we can make GPL … log you out :slight_smile:

(Wes Osborn) #113

I’m noticing on the examples from other sites around the web, that are posted on this thread, the use of:

Or a similar down arrow glyph to indicate there is a menu available under the avatar. Now that I think about it, I have noticed that some of our users never clicked on the previous notification bubble. I didn’t think to ask them, but I wonder if they never clicked because they didn’t realize it was a menu.

(Robin Ward) #114

Ugh this is Mobile Safari’s buggy behavior again. Will likely require some crazy hack.

(Jonathan Pautsch) #116

The latest changes with glyphs + labels are nice, definitely more effective than either on their own.

Seems like there’s room for one more though. Any reason why the shortcut to messages was removed? I feel like it was already pretty hard to find, now it’s even more buried.

(Sam Saffron) #117

I guess we could fit messages there but there are 2 concerns

  1. Localization
  2. If anon mode is enabled at the moment we use a slot there

2 is easily solvable by shifting it to below notifications

(Markus) #118

What about an envelop icon?

(Sam Saffron) #119

I will try out @codinghorror’s mock tomorrow

Did not have much time today

Also… Why did no-one notice the spectacular notification caching

(Erlend Sogge Heggen) #120

I like @codinghorror’s mockup, with the addition of an icon on Profile and a subtle Log out button.

Quick mockup:

Only profile needs text spelled out. The remaining glyphs can be quickly learned by going to your profile and see them all spelled out there. That should be a satisfactory amount of this “information scent” that everyone’s been getting a whiff of lately.

[quote=“sam, post:119, topic:32519”]
Also… Why did no-one notice the spectacular notification caching
[/quote]You mean the fact that you no longer have to wait half a second while it loads? Yes, I noticed, it’s super neat! (although the addition of new notifications is a tad jarring. Perhaps a subtle animation is in order?)

p.s. for a while now we’ve been discussing the aftershock of the Hamburger menu.

(Jakob Borg) #121

However now the two menus feel like they come from different websites…

(Joe Seyfried) #122

I 100% agree on the icon part. The vertical layout seems minor to me. For the icons, I propose something like this (note that on an admin account, the first two entries do have an icon):

…should become:

Not sure about the categories link, though - this is a dual use item: it is a header for the list below, but also a link to the categories page.

If the above would be of interest, I would be glad to send a community PR for it. Just let me know.

(Jeff Atwood) #123

Possibly, I think we need row and column layout for these menus as well. And grouping a bit, too, for example Admin functions should be grouped.

(Joe Seyfried) #124

True, a little more structure might look more attractive there.

Plus, we waste quite a bit of screen real estate with all the white space right of the hamburger links…

(Gerhard Schlager) #125

The click target for Bookmarks and Profile should match the yellow highlight.
Currently clicking in the yellow, empty space does nothing.


For the record, I just want to say I really don’t like putting the notifications under the profile picture, partly because it just doesn’t sit right (the norm is profile stuff under the profile picture), but mostly because it removes the easy access to PMs, and I much prefer having quick access to messages.

I get the feeling I’m outnumbered here though :blush:

(Sam Saffron) #127

I think that is easily solvable with the glyphs at the top, will be just as easy to reach.

(Sam Saffron) #128

I think a very natural fit is 1 row with

Latest      Unread(1)       New(2)

That would match the general nav and easily draw attention to it while compressing the nav