Site Design: WIRED (wired.com)

over 8 years ago from , Front-end Web Developer & Visual Designer


  • Clinton HalpinClinton Halpin, over 8 years ago

    10 pixel font size for navigation... get out of here.

    26 points
    • Nick SloggettNick Sloggett, over 8 years ago

      If only I could upvote this more than once...

      5 points
    • Floyd WilliamsonFloyd Williamson, over 8 years ago (edited over 8 years ago )

      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.

      3 points
      • Clinton HalpinClinton Halpin, over 8 years ago

        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 )

        0 points
  • Jim SilvermanJim Silverman, over 8 years ago

    i prefer the old site.


    9 points
  • Athyuttam Reddy, over 8 years ago

    I think this still holds true.

    List Beats Grid: Linear Feeds Perform Two to Three Times Better Than Grids

    8 points
    • Pedro PintoPedro Pinto, over 8 years ago

      Great article

      0 points
    • Chen YeChen Ye, 8 years ago (edited 8 years ago )

      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.

      0 points
  • Chris ColemanChris Coleman, over 8 years ago

    What's up with the 932px wide main content area?

    5 points
  • TJ MapesTJ Mapes, over 8 years ago

    I'm very unimpressed. It looks dated. Sorry wired

    4 points
  • Giulio MichelonGiulio Michelon, over 8 years ago

    Quite disappointed about the space of the article cluttered between ads and related articles. At least it's way better than before :)

    3 points
  • Account deleted over 8 years ago (edited over 8 years ago )

    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.

    2 points
  • Naim SheriffNaim Sheriff, over 8 years ago

    Sick menu. I wish they designed for large screens too.

    2 points
  • Jeff DoanJeff Doan, over 8 years ago

    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.......

    Don't do this folks.

    1 point
  • Pete MillerPete Miller, over 8 years ago

    What about the difference between wired.co.uk articles and wired.com articles everyone? ;-)

    1 point
  • ChrisArchitec t, over 8 years ago

    behind the scenes post from Engineering - http://www.wired.com/2015/03/wired-dot-com-from-the-devs/

    1 point
  • Aaron CalzadoAaron Calzado, over 8 years ago

    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.

    1 point
  • Brian A.Brian A., over 8 years ago

    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.

    1 point
  • Grzegorz CiwoniukGrzegorz Ciwoniuk, over 8 years ago (edited over 8 years ago )



    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.

    1 point
  • Chris LoweChris Lowe, over 8 years ago

    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.

    0 points
  • Jeremiah ShoafJeremiah Shoaf, over 8 years ago (edited over 8 years ago )

    I count six different typefaces in the design:

    1. Ambroise
    2. FF Oxide
    3. Brandon Grotesque
    4. Exchange
    5. Tungsten Rounded
    6. Proxima Nova

    Too many? Probably, but for a type geek there is a lot to love. I kind of like it.

    0 points
  • Matthew R. MillerMatthew R. Miller, over 8 years ago

    I think it would be fine if everything was just 20% bigger.

    0 points
  • Ryan BrennerRyan Brenner, over 8 years ago

    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:

    Image alt

    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.

    0 points
  • Mike MulveyMike Mulvey, over 8 years ago

    Way to be boring and safe, Wired. Nice work.

    Also—WAY too many fonts going on.

    0 points
  • Jaeson BrownJaeson Brown, over 8 years ago

    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.

    0 points
  • Greg BowenGreg Bowen, over 8 years ago

    The menu goes away after scrolling part way down the page? It is what 35 pixels? I would prefer that it stay.

    0 points
  • Nick SloggettNick Sloggett, over 8 years ago (edited over 8 years ago )

    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"

    0 points
  • Simon DuncanSimon Duncan, over 8 years ago

    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.

    0 points
  • Ian GoodeIan Goode, over 8 years ago

    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.

    0 points
  • Wojciech Zalot, over 8 years ago

    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

    0 points
  • Henry Doe, over 8 years ago

    How many fonts can everyone count? I got 6

    0 points