Navigation

Yahoo! redesigns

By Benjie Moss | News, Usability, Web Design | Feb 22, 2013

When Marissa Mayer jumped ship at Google to take over the reigns at the web’s second biggest name in search, no one doubted she had a job on her hands.

Interest was sparked worldwide by the fact that not only had Yahoo! appointed a woman (gasp!) as CEO, but that she was also pregnant (gasp!!). Little was made of Mayer’s distinguished career, or her evident suitability for the role that has seen her carry herself with a self-assuredness fostered by a real understanding of the industry.

With possible rebrands floated, hints about major revisions to its search operation, and even reports that the famous ‘!’ was about to be dropped; it was inevitable that the first major revision of Mayer’s era was going to be closely scrutinized. Launched this week to the majority of the U.S. and rolling out across all territories in the coming days, the new Yahoo! homepage has not received the praise Mayer’s board will have been hoping for.

There are two ways to look at the new design: either Mayer’s leadership has lead to Yahoo! moving towards the more focussed approach of Google; or a lack of faith in Yahoo!’s core principles has resulted in a half-hearted attempt to win over fans of the rival search giant.

Whichever way you look at it, one can’t help but wish Yahoo! had been a little braver.

New Yahoo!

The new Yahoo! homepage

 

The right-hand column of the new site is its biggest problem. Alongside links to topics that are ‘Trending Now’, you’ll find a large advert; weather, stock and sports reports; even a horoscope (and there’s an 8.333% chance that it’s yours). Unfortunately this information, designed to engage users, does quite the opposite: sports scores are presented with the excitement of a tax return; the stock market is covered with such brevity that not even a general trend can be discerned.

Yahoo! say that the content on the homepage is customizable and will adapt to user’s preferences. That applies not just to social media engagement with birthday reminders and Flickr feeds, but also for the main news items.

The central column of Yahoo!’s redesign is topped by an image slider featuring top news stories, beneath which is what is being described as an ‘infinite scroll’ news feed — although in reality you don’t have to scroll far to reach the bottom. It presents what Yahoo! sees as the ‘latest’ internet. And this part of the site feels like a success. It captures the feeling of a Twitter-like stream of information whilst staying true to the idea of a portal. The one question over the central column is the search box, which is slipped in at the top of the page, and feels almost like an afterthought.

Infinite scroll

The bottom of the ‘infinite’ scroll.

 

The left hand column has the traditional portal links for Mail, News, Shopping and so on. What’s interesting from a usability perspective is that not only is the menu vertical, but it has 12 links, far more than is generally recommended for top-level navigation.

The real bone of contention is that Yahoo! is trumpeting the site as device friendly. Reports all agree that it runs faster on devices than the previous site. However, try resizing the browser window and you’ll see the images and news column shrink by around 10% — hardly what one might call responsive. Why did they bother? Could it be that Yahoo!’s in-house design team are simply testing the water for a much more radical, responsive approach? With revisions promised by Mayer for the coming months we’ll have to wait and see.

Spot the difference

Spot the difference: on the left, the scaled down layout; on the right, the full size.

 

The new Yahoo! won’t flop, the fact that they’re still here after all these years demonstrates that they have a loyal user base, but the current site does feel like a missed opportunity, and they haven’t yet found a formula to contend with Google’s ‘white page with search box’ approach.

 

What do you think of the new Yahoo! homepage? Will you be using it? Let us know in the comments.

Share this post
Comments (no login required)
  • http://twitter.com/JackNycz Jack Nycz

    “Whichever way you look at it, one can’t help but wish Yahoo! had been a little braver.” Spot on. I could hardly tell it was a redesign. And as a web designer/developer the first thing I did was grab the corner of the browser, drag it in, and go “really? Why waste your time with that little flex content?” Yahoo completely missed a big opportunity on this one.

  • http://www.facebook.com/tswyter Taylor Swyter

    Am I the only one who thinks this is still WAY too cluttered and not very nice to look at?

    When you have all the vertical space in the world, why do you need to cram it all up at the top?

    • http://www.testshoot.com/ TestShoot

      above the fold???

  • http://www.facebook.com/clayton.vandenberg.3 Clayton VandenBerg

    The new design is awful – I wish I could get the old one back. It is way too busy!

  • http://www.facebook.com/pavelmikuta Pavel Mikuta

    I wish they wouldn’t touch the slider on the homepage. It’s just horrible

  • http://twitter.com/csskarma Tim Wright
  • http://www.facebook.com/alice.coleman.31 Alice Coleman

    this is just sad. the purple bar, the unnecessary pause button, the semi-transparent to transparent titles… yuck

  • Sven Quandt

    that’s the new Look?
    I’m not so often on the yahoo page but I remember it looks like before!
    …so many small boxes in a not so modern style ;(

  • http://www.jianart.com Jian Adornado

    Great article and I agree with your comment about bravery. They could’ve redesigned it better as in layout and module positioning to be more engaging. On a side note, the icons looks like something from microsoft metro UI family.

  • MiracleworX Webmaster

    Truly great decision from Yahoo. Looks more attractive easy to surf around and most importantly personalized search result. I am waiting to experience on Indian (in.yahoo.com) website version.

  • http://www.hdpixels.net/ HDpixels

    I really like Yahoo this redesign layout template, this is more quick, responsive and easy.