Site Design: WIRED (wired.com)
over 8 years ago from Updula Lee, Front-end Web Developer & Visual Designer
over 8 years ago from Updula Lee, Front-end Web Developer & Visual Designer
10 pixel font size for navigation... get out of here.
If only I could upvote this more than once...
I do think it is way too small, but calling it 10px is a bit unfair. Yes, it technically is, but the letters are all in caps, which makes it seem to the eye at least 12 pixels. Though, I think at a minimum it should be 14px in all caps.
Going that small for navigation just messes with your entire type scale. If they had started at 14px and scaled up things would just be easier to read. That said, things do look very finessed so maybe there is a good reason for it ( ie. had to fit in the 932 grid or something )
i prefer the old site.
I think this still holds true.
List Beats Grid: Linear Feeds Perform Two to Three Times Better Than Grids
Great article
Depends on what you're optimizing for, yes?
I would be incredibly annoyed if a non personalized frontpage reduced its data density/refused to indicate content priority by insisting on sticking to a linear layout. For a feed that might make more sense.
What's up with the 932px wide main content area?
Yeah, missed opportunity to go big on the homepage... feels pretty small on my desktop.
I'm very unimpressed. It looks dated. Sorry wired
Quite disappointed about the space of the article cluttered between ads and related articles. At least it's way better than before :)
Another reason to use and ad blocker :)
Adblock blocks ads but not related articles.
Can I just say? We could all do a lot better than fixed navigation bars. No one needs some logo blocking a good chunk of the content, most especially on smaller screens. I love you, Wired, but that navbar really sucks for reading.
Sick menu. I wish they designed for large screens too.
agreed. perfect example of "mobile-first" executed as "mobile-only."
Our thoughts on the design are just that -- our thoughts and perceptions. If it works for them & their readers then so be it.
However, the amount of assets downloaded is absurd: ~7MB for an article.......
What about the difference between wired.co.uk articles and wired.com articles everyone? ;-)
behind the scenes post from Engineering - http://www.wired.com/2015/03/wired-dot-com-from-the-devs/
Look like Paravel had a hand in the design https://twitter.com/sdadich/status/572283905228722179
Am I the only one that misses the old 90s Wired design. Not the website, but the look and feel of their old print aesthetics. I feel the web technologies we have today can translate their old design aesthetics for web.
Going to play devil's advocate and say that I'm not seeing that "personality" that y'all are talking about. The whole thing feels pretty bland and I'm not crazy about the 4 unique typefaces; it just seems odd. That said, I do think they did create a decent reading experience, which is the main thing.
Flexbox!
and:
Our new and improved Curator is now a custom WordPress plugin—and it’s artificially intelligent
beware of AI Wordpress plugins, this is how the Skynet thing started.
What's "the Skynet thing", and where can I read about it? Sounds interesting, but I couldn't find anything good on Google.
Skynet is a thing from the Terminator movie, it's not real (yet)
That's because our saviour T-800 came from the future and uninstalled all Wordpress plugins with artificial intelligence, so the Skynet really never happened.
I'm dumb :(
Just watch Terminator series :)
I mostly agree with all the above, but specifically I'm getting tired of the over use of all caps. Especially in media, the use of all caps in headings reduces readability and is the equivalent of shouting. In Wired's case it looks like they went for a narrow typeface to shorten the headings, another problem with all caps, but I find this Modern serif with high stroke contrast even more difficult to read for long article titles.
Problems aside, I like seeing progress and prefer flawed steps forward as opposed to static complacency.
As Jeff Doan said above, these are just our thoughts and opinions; what matters is the site works for Wired and their readers.
I count six different typefaces in the design:
Too many? Probably, but for a type geek there is a lot to love. I kind of like it.
I think it would be fine if everything was just 20% bigger.
The design is alright, but there are a bunch of little things that make this feel rushed. This screenshot is a good example and happens to show multiple problems at once:
The main nav is slightly skinnier than the main content by six pixels. Not only that, but it's 2 pixels off on the left side and 4 pixels on the right.
This might be personal preference but I wish there was spacing between the nav and the main content right off the bat. That, along with the fact that the sizes are off, makes it look awkward.
And this isn't quite as visible in the screenshot, but there is something to me that looks off with how they are dealing with each "card's" top border combined with the drop shadow. It's like a weird optical illusion where it looks like there is a 1px white line to the left and right of the black border.
Also, the "Get Wired" cards don't have a transition on hover, but I guess that's me just being picky.
With all of that said, I do think the letters for each section are well done, and the layout is clean if not a bit boring... actually, the more I look at the site, the more I find things to nitpick, but I'm going to stop myself here.
Way to be boring and safe, Wired. Nice work.
Also—WAY too many fonts going on.
It will definitely take some time to get use to. I'm all about change, especially 8 years since the last redesign; which I was growing tired of with the lack of a lot of modern features. I like the endless scrolling but I'm not quite sure they have it on the navigational items just yet. Both the main navigation and sub-navigation via the bricks are very hard on the eyes, just my two cents.
The menu goes away after scrolling part way down the page? It is what 35 pixels? I would prefer that it stay.
Anyone else bothered by the drop shadow on the nav? It's like "We are a tech pub, but we want to be like NYT, but with tech, and cooler, but like NYT"
I like it. As someone else said, it still provides a good deal of personality for being a card-based design.
I don't know if the huge category arrows are necessary at a top level; they make a bit more sense at an article level. Also, and it may just be me, but when I see those I instantly try to use my arrow keys to navigate.
I like it. Unlike a lot of card-based UIs it still has a lot of personality. The reading experience is good and so is the differentiation between the different sections.
On the one hand it seems look nice, but on the other there is a feeling like this is kind of mockups, though articles looks cool
How many fonts can everyone count? I got 6
Designer News
Where the design community meets.
Designer News is a large, global community of people working or interested in design and technology.
Have feedback?
Login to Comment
You'll need to log in before you can leave a comment.
LoginRegister Today
New accounts can leave comments immediately, and gain full permissions after one week.
Register now