Yahoo! redesigns

Ben Moss.
February 22, 2013
Yahoo! redesigns.

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

Ben Moss

Ben Moss is Senior Editor at WebdesignerDepot. He’s designed and coded work for award-winning startups, and global names including IBM, UBS, and the FBI. One of these days he’ll run a sub-4hr marathon. Say hi on Twitter.

Read Next

Are Simple Websites Better For Business?

As web design technologies raise the bar on what it is possible to achieve on a realistic budget, there’s a rising deba…

Apple Opts for AR over VR at WWDC

An Apple VR headset has been one of the most widely-rumored devices of the last few years, and it was finally settled a…

Exciting New Tools for Designers, June 2023

We’re halfway through 2023 already, and the number of incredible apps, tools, and resources for designers is mounting.

3 Essential Design Trends, June 2023

This month we are focusing on three trends within a bigger website design trend – different navigation menu styles and …

15 Best New Fonts, May 2023

The choices you make when selecting a typeface have more impact on your design than almost any other decision, so it’s …

10+ Best Tools & Resources for Web Designers and Agencies (2023 updated)

Having the ability to envision a tastefully designed website (i.e., the role creativity plays) is important. But being …

20 Best New Websites, May 2023

This month, there are tons of great new agency websites to get excited about. 3D animated prisms are a popular theme, a…

How to Find the Right White Label Website Builder for Your Agency

Web design agencies face a lot of obstacles in closing the deal with new clients. One of the most common ones is the ar…

Exciting New Tools For Designers, May 2023

There are hundreds of new tools for designers and developers released each month. We sift through them all to bring you…

3 Essential Design Trends, May 2023

All three of the website design trends here mimic something bigger going on in the tech space, from a desire to have mo…

10 Best AI Tools for Web Designers (2023)

It’s time to stop worrying if AI is going to take your job and instead start using AI to expand the services you can of…

10 Best Marketing Agency Websites (Examples, Inspo, and Templates!)

Marketers are skilled in developing strategies, producing visual assets, writing text with high impact, and optimizing …