Live data from Hacker News

MDN Redesign

hacks.mozilla.org

111–120 of 159 posts

Re: MDN Redesign

#113
post #53

> In mid-2021 we started to think about modernizing MDN’s design [..] with an emphasis on improved navigability and a universal look and feel across all our pages. > > A new logo, chosen by our community [..] We worked closely with branding specialist Luc Doucedame Wait, this sounds like redesign for redesign's sake? > Coming soon: MDN Plus [..] In the coming months, we’ll be expanding MDN to include a premium subscr…

Improved navigability sounds useful. I've often gotten lost at MDN when trying to learn some topic that is new to me. I see on the sidebar of the pages covering aspects of that topic more on the same topic, and within the page links to other related things. I'll have followed some sequence of links through the directed graphs that the pages and links form, and then remember that somewhere on an earlier page there was…

> Improved navigability sounds useful.

It does, indeed. It does also remind me of GitLab and their quest for finding the best navigation [1]. It was every few versions that the nav kept changing... from horizontal to vertical to fly out to top/side, etc. Looked like bikeshedding on the outside as it seemed to be easier to iterate over the design of the product rather than the actual product. Ultimately what their UX team settled on has been pretty stable for a while.

[1] https://about.gitlab.com/blog/2019/07/31/navigation-state-of...

Re: MDN Redesign

#114
I use MDN heavily every day and this is really depressing. When I first landed on a fresh page today I thought I'd clicked on the wrong link and got some low-rent MDN knockoff by accident. It instantly looked cheap and jarring on a squint test.

Also, why is everything error-toned? Red is a danger color and invokes negative emotion almost universally. Red MDN!? Really?

I'm a browser extension developer and I'm strongly considering burning a week to write an extension to fix this.

Re: MDN Redesign

#117

Comparing the old version: https://web.archive.org/web/20210302090607/https://developer... to the new version: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/di... I notice that they: - Reduced horizontal space allocated to content - Reduced contrast (eg. code blocks have lighter gray background, compatibility table is no longer color coded) - Increased the amount of things that don't render if you disable…

Thank you, I wasn't certain if they added the right-hand sidebar with this redesign. I remember consciously thinking that MDN was better than other sites because it lacked said sidebar.

Re: MDN Redesign

#118
post #114

I use MDN heavily every day and this is really depressing. When I first landed on a fresh page today I thought I'd clicked on the wrong link and got some low-rent MDN knockoff by accident. It instantly looked cheap and jarring on a squint test. Also, why is everything error-toned? Red is a danger color and invokes negative emotion almost universally. Red MDN!? Really? I'm a browser extension developer and I'm strongl…

> Also, why is everything error-toned? Red is a danger color and invokes negative emotion almost universally. Red MDN!? Really?

It's not all red. They've color-coded each page by whether it's about HTML (red), CSS (blue), Javascript (orange), HTTP (green), or Web APIs (purple). The Web Technology section is also blue for some reason.

Re: MDN Redesign

#119
post #114

I use MDN heavily every day and this is really depressing. When I first landed on a fresh page today I thought I'd clicked on the wrong link and got some low-rent MDN knockoff by accident. It instantly looked cheap and jarring on a squint test. Also, why is everything error-toned? Red is a danger color and invokes negative emotion almost universally. Red MDN!? Really? I'm a browser extension developer and I'm strongl…

> Also, why is everything error-toned? Red is a danger color and invokes negative emotion almost universally. Red MDN!? Really? It's not all red. They've color-coded each page by whether it's about HTML (red), CSS (blue), Javascript (orange), HTTP (green), or Web APIs (purple). The Web Technology section is also blue for some reason.

Why would they do that, what's the point beyond confusion? The whole thing is bad
Post reply on HN