W3C Beta Website
beta.w3.org
beta.w3.org
I really wish websites would opt for more distinctive looks rather than the massive homogenization we see across the web. Everything looks the same when it doesn't have to. Things can be stylized while accounting for accessibility and usability.
I don't know what to call this "feeling" but man is it depressing. We went from replicating magazines to making unique (and often clashing) home pages to trying to appeal to the most average of sensibilities where it all becomes counter intuitive.
Probably not fair to pin this on w3c because this can easily apply to several hundred other sites.
It really does make you question why bother having a time of designers, frontend developers, project managers, etc, etc to just come up with the exact same thing as everyone else.
[2] https://www.gov.uk/government/consultations/project-gigabit-...
Bootstrap invited sites to use huge full-bleed stock photos, carousels, colorful buttons, large icons, slide out menus, etc when none of that fancy design language actually resonated with the function of the site.
The desire wasn't to mock boring sites into hiring rockstar designers to make their designs even more unique and fashionable. It was for boring sites to lay off on the cheap whoopy doo design (because design-forward content is tiring when too familiar) and just present themselves clearly and without all the shitty pizazz.
This site does have that problem, but its remedy is basically the opposite of what you seem to be suggesting.
"W3C develops these technical specifications and guidelines through a process designed to maximize consensus about the content of a technical report, to ensure high technical and editorial quality, and to earn endorsement by W3C and the broader community."
I'm not addressing if I like the W3C or if I think we'd be better off if W3C was more diverse/progressive. I'm just saying that if you judge them based on their own stated goals, their website's design fits the mission.
Honestly though consistency is probably preferred here. I see top nav, a hamburger icon, a breadcrumb title bar and a search button, I have confidence in my expectations for how those will behave. With a documentation site, the ability to navigate and find what you need takes precedence over being 'delighted' by some landing page.
Actually in this case they broke my expectation by having the search just redirect to duckduckgo with a site parameter.
The Memphis seems like a decently modern take as well with the gradients thrown in.
> The look became derisively known as “globohomo” (global homogenization), “corporate Memphis,” or—even more archly—”corporate tech style.”
Most modern UI kits look and feel the same because we have figured out what works and what doesn't.
"why bother having a time of designers" -- on an individual basic application level, definitely. Just get a reasonable UI kit and save the money.
i agree it can get boring to see bootstrap everywhere, i also agree with "why bother having designers". but at the end of the day, i want my users productive and not thinking.
It reminded me of how good is the performance and design of the UK design system https://design-system.service.gov.uk/
Hope that at some point they can hire an illustrator to make some custom illustrations with more personality.
Hardly inspires confidence in this site as a shining example of simplicity and design…
If I tried to scroll and they followed me, and it was all laggy, then yes it would be pretty bad.
Edit: after trying the page again in a private tab, you’re right, you can scroll past it. But I had no idea that was the case when I first saw the site. Because the banners occupy the exact size of the viewport (I assume this is intentional) there is no indication that scrolling is even possible. You just have a huge set of banners taking up your whole screen. I stand by my statement that this is a terrible example of good design.
Obviously beauty is subjective, but to me this style has strong connotations of cynical corporations, eerie feelings of minimalist facelessness, toxic positivity and an anxious alignment with current political winds, clear enough to minimize scrutiny but vague enough to be entirely unactionable. The mood words are growth hacking and user engagement.
In particular, huge bodies and tiny heads; it's the exact opposite of tiny bodies and huge heads, which also exists as a style, one that is rarer outside of Japan but definitely has an opposite connotation for me: https://en.wikipedia.org/wiki/Chibi_(style)
One thing I really dislike over the last 10+ years the web has brought is a huge reduction in information density.
W3C old site was great at being dense on content/info. This site is not.
It should be to learn who they are and what else the website provides. You're not there to read it's entire homepage. You're there to navigate.
The pages that need to be dense, like the standards document, are.
The very header copy says the W3C strives to help people build web based on several principles, and accessibility is listed first. And this design resembles that - a strong focus on accessibility and feeling familiar and usable for most people. I don't think doing a "less overused" design in there would keep that goal in focus.
That said, I think over-applying the "accessibility" viewpoint to bleed into things that really don't have to do with accessibility is an anti-pattern. I do not feel like KDE is less "accessible" due to the artwork and character mascots of Tyson Tan, even though it may not appeal to everyone's sensibilities. At the end of the day, I'd argue in favor of unique and memorable designs that feel like they have some personality rather than like something a committee carefully constructed to be as inoffensive as they could imagine.
Maybe in attracting developers who criticize it, some will end up finding something educational. The homepage could be more useful, especially around the ways to contribute. But the main categories are right there in the first sentence of the first section, and the data structures makes sense.
Good job!
Similarly, before the site navigation, there is a language navigation. However, since it hides the currently selected language (that is, "where I'm at"), I did not actually know for sure that that would be the same page, just in another language, for those links.
I'm also a little disappointed at how bloody nested all of the markup is. Though, I suppose that is my not being current on modern standards? The "nav", in particular, feels excessive at 500 lines of code. I get not wanting CSS wizardry, but I feel like a lot of the items that are in that code should be done with CSS. (Or, have we moved so far that it is accepted to have presentation in the main document nowadays?)
Also liked this newly updated page: https://www.raspberrypi.com/documentation/ and it's using jquery1.x still.
now I start to wonder all those new SSG|SSR trend along with SPA, maybe bootstrap + jquery combination is good enough?
I guess W3C is so broad in concept that it is very hard to be specific without turning users off at first visit.
Blizzard please give us Warcraft 4.
I think Debian should do the same, its much better now, but its no fedora website.
All the html and text really are in the page and not just requested later by some javascript application being executed. It's refreshing and looks a hell of a lot better than any JS sites do in my browser.
It’s ironic this landing page doesn’t pass W3C’s own HTML validator.
https://validator.w3.org/nu/?doc=https%3A%2F%2Fbeta.w3.org%2...
Edit: corrected to stated “warnings”, not errors.
> Error: An img element which has an alt attribute whose value is the empty string must not have a role attribute.
The rest are info or warnings.