Hacker News new | ask | show | jobs
by dwringer 1235 days ago
This immediately made me think of Wikipedia's latest change that moves their main menu behind just such a hamburger button on desktop, and replaces it with a table of contents down the left side.

Now instead of lazily clicking from one random article to the next (or to a different language, or to "current events", or the "main page" of headline articles), one has to move the mouse twice and make two clicks to get to it through the hamburger menu, or use the URL bar. I can't even remember the last time I went back to the ToC when reading a Wikipedia article and this change is utterly incomprehensible to me.

6 comments

My experience with this is literally the opposite, I almost never clicked the buttons on the left side (except for the language switcher but that isn't in the hamburger menu now) but I always found long tables of contents very annoying on bigger articles, I find the new design generally more comfortable to read with. The only complaint I have is that it doesn't remember the state of the fullscreen button.
Yeah on desktop it's particularly bizarre design choice. Hamburger buttons are designed to conserve pixels on cramped horizontal screens. They make zero sense on a 4k ultrawide monitor.
likely a case of wanting "one design to fit all devices".
Unfortunately for power users, "one design to fit all devices" is done by designing for mobile first. Desktop is treated as a giant tablet. Hence the large buttons and huge distance between elements.
It’s greatly complicated by how widely variable modern monitors are. Web designers can no longer target px or vw for width and space between elements unless the set a maximum width for the content.
I don’t share OP’s gripes with the changes to Wikipedia’s UI, but there are approaches to responsive design (which one might phrase “one design to fit all devices”) that don’t arbitrarily hide useful stuff in a menu where there’s space to accommodate it. And those approaches have only gotten more capable in recent years.

The problem, if there is one, is information hierarchy and deciding whether/how/where to disclose a given information at a given level in that hierarchy and how it’s disclosed. It’s very situationally dependent and probably impossible to please everyone. Optimizing it for the best outcomes for most users is what most good designs do, and they very seldom do the things a lot of vocal HN complaints want (shove everything on screen close together with small text, ie optimize for desktop power users; or make everything infinitely configurable, ie optimize for… idk even what the optimization serves, the same users complain about the web being overly complicated).

That's a pipe dream if I ever saw one. Desktop and mobile inputs have entirely different properties and constraints.
And "one design to fit not maximized windows on not high-dpi screens."

The new design vs the old design.

https://imgur.com/a/rV1UXc4

Thanks for that great perspective, I can absolutely see the benefit of the new design in a cramped display or at lower resolutions. OTOH, the comparison at 4k is strikingly different.
The old wikipedia design predates consumer access to 4K monitors though.

The reason the text wasn't wider is because long lines of text are hard to read. It's why newspapers typically arrange their text into columns, rather than having one article being 2-3 lines long stretching across the entire page.

And yet it feels like all designers are doing this. Some Rust docs, rendered by mdBook, was annoying me just yesterday with this.

(It's perhaps worse in that way, since it's the tooling generating the HTML, of course, so this is just going to propagate…)

Wikipedia has support for different skins, including the old one: https://news.ycombinator.com/item?id=34431533
> I can't even remember the last time I went back to the ToC when reading a Wikipedia article

I can't remember going purposely back to the ToC myself, however I often enough scroll over pages to find a section again and there it helps to have the structure visible.

However the nice thing: In your preferences you can pick the style you like. So if you want the old one pick it.

You can also leave feedback with them that "random page" is important (I like that one too!) so they find a better place ...

Another thing I dislike about the new design is the visual distraction of the current section being highlighted in the TOC. When you scroll through an article, you have like a blinking light moving through the TOC.
I'm fine with it on articles, where as you say there's a table of contents.

But the front page just has empty space there?!!??