Looks like $('html').width() - $('#main-outlet').width() is a solid measurementā¦ Did some experiments, the slide-out seems to get annoying around a result of 400 or so.
I tolerate the hamburger menu on mobile as I donāt see any other, better way to fit a full menu on screen. However, on desktop it really feels out of place. At work I have a shitty 1080p 20" monitor and itās already an issue. At home, itās going to be real bad on my 1440p 27" monitor. I donāt understand how @codinghorror is OK with that on his mutli-4K setup.
To be frank, Iām OK with full height (makes sense for Search, and the new User/Notifications dropdown is a really great idea) although for some forums itāll look strange (ours only have 4 categories so we definitely do not have the issue Meta is having). However, the sliding from the right thing is really weirding me out, especially the (long) animation and the simple fact that the links I want to click are farther from my cursor than they have ever been.
Well, thatās because I run my browsers full-zoom (ala iPad). If you have browsers with giant exaggerated whitespace on each side, then yeah. But youāre wasting a ton of space on nothing.
A lot of people do use full-screen though, even if it is a waste of space. The hamburger sliding out to the extreme right is really quite jarring in those instances,
If what comes out of this is a strictly full height hamburger menu (with slideout on mobile only), accompanied by the merging of the profile & notification buttons, Iāll rejoice.
Iād happily wager that Notifications, Search and Profile each out-click the Hamburger button 10-to-1. It could be removed today and only a small minority of users would care ā of course, among them are Admins and Moderators, so itās a breaking change. But I still maintain that the contents of the hamburger menu is in dire need of a rethink at some point further down the road.
I see hamburger improvements as more of a holdover change, whereas the avatar+notifications merger is significant progress that excites me.
ādireā? LOL. My main beef with hamburger, and customers have complained, is that there is no way to jump to New, Unread, etc. Itās missing a bunch of stuff!
That is exactly what Iām saying. The content is lacklustre, and is really way more important than the UX of the menu itself.
As long as the content remains unchanged, the hamburger menu is a top-level button - serving up low priority options - vying for attention next to your most important utilities.
OK, since there there is a ton here for @eviltrout to digest. The action items are.
Bring back old hamburger expansion logic on desktop (responsive) on width > 400
Keep new hamburger behavior on mobile, it is great
Add similar slide out for search and avatar on mobile
Get rid of notification bubble .fa-comment and just merge it into User
(I think) On narrow devices (places where you slide out) fade out the left hand side
Expand height of hamburger drop down on desktop
I am not totally convinced we need 2 behaviours on desktop though. Cause effectively all we will be doing is switching an expansion animation based on width which is weird.
I think weāre ignoring the elephant in the room ā¦
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.
The UX is great for top menus but weāre trying to put a bandage on the bigger problem rather than treat the cause.
I use the hamburger menu only for administrative functions, which means almost entirely āAdminā, plus āNeeds Approvalā when there is something pending.
I personally particularly find the list of categories (which is what can potentially make the menu quite long) to be especially useless.
Note that I use Discourse only on the desktop so I have no experience with it on mobile devices, and always maximized.
Have you ever wondered why Facebook, Google, et al. donāt do this? I donāt know of any specific data on this but I would assume itās related to directionality (stuff Iām telling you vs. stuff youāre telling me).
It is now, but perhaps you looked before our deploy finished (our deploys were snagged for a bit this afternoon.) Thereās also a new one incoming with a few fixes, such as the menu not showing up sometimes.