The world's most visited webpage, Yahoo.com, has just had a major re-design (available for now at yahoo.com/preview) and Read/WriteWeb has the inside story. As well as the first in-depth look at the new yahoo.com, I have for you an exclusive podcast interview with Yahoo! Chief Product Officer Ash Patel and Vice President of Front Doors Tapan Bhat (yes that's his real title - more informally he's known internally as VP of "Making Yahoo! the best place to start").
The Yahoo.com re-design is officially flagged as a "preview" (aka beta) and it isn't yet the default yahoo.com homepage. In the podcast I was told there is no firm date for go-live - in the grand traditions of Web 2.0 it will be a beta until the company decides otherwise :-) Here is a look at the new design:
New Homepage:
Old Homepage:
The new yahoo.com marks a significant new look for the most trafficked website in the world. There's plenty of Ajax magic to make the Yahoo homepage more interactive - and Yahoo has made a big effort to make the user the primary focus of the new homepage. It has a larger search box, in recognition of the big role that the search interface plays in today's Web. There is also more emphasis on personalization, news content and community - moving away from the 90's 'everything under the sun' portal to a more user-focused homepage for the user. Indeed upon visiting the preview page, you're greeted with a banner that shows just how important personalization is to this re-design: "Welcome to the all-new Yahoo! It's made for you."
In the podcast we also discussed how the yahoo.com homepage has added more multimedia links and content, in line with Yahoo's status nowadays as a media company. This trend for more video and audio content on the homepage will only increase over time.
From a design point of view, the most noticeable feature is an increased use of Ajax in the new layout. Also the page is wider, recognizing that the average PC monitor size has increased over the past few years (nb: there is an option to switch to a "narrow page"). The visual design employs the famous web 2.0 technique of faded colors - and there is more use of tabs too. In the podcast, VP of Front Doors Tapan Bhat explained some of the scaling challenges of implementing Ajax in a mass market website. He made it clear that the move to a more Ajax-heavy user interface required a lot of testing and optimization before it was ready for prime time. For an example of the Ajax touches, check out the "Personal Assistant" in the top-right corner. Here it is in a closed state:
...and here it is in an open state, using Ajax to make the transition fluid:
The new features of Yahoo.com (preview) are:
- Personal Assistant: A new "personal preview area" which displays recent messages from Yahoo! Mail, an online friends list from Yahoo! Messenger, radio and movies, weather, traffic and events from Yahoo! Local. See screenshots above.
- Yahoo! Pulse: This is a new section in the home page and enables people to discover "what's hot on the Web" - including the most popular and interesting Yahoo! searches; the latest trends; popular music, videos, photos, people and opinions. This is in essence Yahoo! aggregating all of their user-generated content and filtering to get the most popular items - e.g. Interesting Flickr Photos, or Most popular cars, or Top Music Videos. Very 2.0!
- News Content: This is where Yahoo! will highlight feature stories, entertainment news, sports and finance content, plus the latest national, world and video news. These news items are hand-picked and updated by Yahoo!'s home page editors, so this is really human-powered 'professional' content (as opposed to automated Google News-type content). This section of content occupies a prime top-left spot in the new yahoo.com webpage, which is an indication of how focused Yahoo is on media content these days - because in the old design, news and entertainment headlines were to the right of the page and/or below the fold.
- Enhanced Search Box: Yahoo! Search box has been re-designed (in particular made bigger) and positioned more prominently on the homepage. Also you'll note Yahoo! Answers just beneath the Yahoo! Search box - which is their version of 'collective intelligence' search.
- Re-designed Navigation: Yahoo has always had a lot of navigation elements on their homepage, reflecting its history and reputation as the most popular portal on the planet. But the new design is definitely an improvement to my mind, as the left navigation makes Yahoo's product options stand out more. The overall impression is of a less cluttered interface, with content occupying the center of the page and so attracting the user's attention. In the old design, the navigation dominated the whole of the page. Now that the product navigation has been given its own space in the left column, that frees up room for the media content.
- Customization options: Users can customize colors and layout using the 'Page Options' button.
A final note on how the new yahoo.com design complements My Yahoo!, which is Yahoo's "personalized start page". Yahoo.com is still very much a mainstream 'portal', but it now makes more use of web 2.0 functionality like the 'collective intelligence' evident in Y! Pulse. The new yahoo.com also has personalization in it, with features like Personal Assistant. However MyYahoo! is still the option for Yahoo users who want to fully personalize their web start page, with RSS feed content subscriptions and the like. In the podcast, I asked a question about whether MyYahoo! will get more widget/gadget functionality in the near future, as Microsoft's live.com and Google's Personalized Homepage have done recently (as beta products, it must be said). The reply was that because MyYahoo is an existing and stable 'start page' that pre-dated Microsoft's and Google's efforts by a long way, Yahoo has to be more conservative about how it rolls out widget/gadget integration. But they are looking into it.
All in all, I think the new Yahoo.com preview page is a big improvement on the old design - in terms of both 'look n' feel' and functionality. Considering that yahoo.com is the most trafficked webpage in the world - and so any changes they make to it affect many millions of users - I think the new design is a big step forward. It's much more contemporary-looking than the previous version and introduces a decent slab of 'web 2.0' functionality to the masses. What do you think?
Listed below are links to blogs that reference this entry: Exclusive: New Yahoo! homepage.
TrackBack URL for this entry: http://www.readwriteweb.com/cgi-bin/mt/mt-tb.cgi/2669
The new Yahoo home page, previously in private testing, is now available to anyone using IE or Firefox (up to version 1.5) at yahoo.com/preview. There are a number of cosmetic changes, including a wider page layout, a bigger search bar, and intelligent... Read More
This time the new Yahoo! home page that we showed is truly available for beta testings. You can test it out by going to http://www.yahoo.com/preview and following the steps. You can also read a full review of the new design... Read More
Yahoo new preview homepage on the left, old/existing on the right which currently does 180 million visits a month. As was the case when they updated the look and feel of their Groups pages, stylistically speaking it is an improvement. The tabs allow q... Read More
You may have heard Yahoo! has just beta launched their new homepage here. This page is a major redevelopment. The layout, services, and ads (I don’t see any but I am sure they will appear somewhere) are all getting a face, which is rare. There a... Read More
Lots of buzz around the new Yahoo homepage which was made available as a preview today. Most appreciated the interactive elements that let you check your email and local traffic conditions without leaving the page. The team packed in a... Read More
This morning, Yahoo launched his new homepage redesign. Now it works, finally, under Safari and Firefox (read on Plasticbag.org). More personalization on the Home page, a much bigger search bar and access to the main community tools in one area. Ah! I ... Read More
(large posters appeared overnight to promote the brand new yahoo.com home page) Lots of buzz around the new Yahoo homepage which was made available as a preview today. Most appreciated the interactive elements that let you check your email and loc... Read More
Google recently complained to the US Justice Department about Microsoft making MSN Search the default search engine in the Internet Explorer 7 browser (they were rebuffed). Today, I used Firefox to navigate over to Yahoo to check out that new Yahoo Hom... Read More
Yahoo Inc. (YHOO) has updated its Home Page. The History of Yahoo Inc.'s Home Page makeovers has been nicely presented by C|Net in 9 slides. Its worth a look. To view the history of home page changes for the world's most... Read More
I just took a test drive of the new Yahoo home page, (which up until now has been viewable by those with private testing priviledges) and I have to say i’m prettyimpressed. There’s quite a few of nice UI changes, including a larger more p... Read More
Portal giants Yahoo! & MSN are changing their homepages. Yahoo's rolling it out and MSN has made their change. Are they better? Judge for yourself… Yahoo! Looks like Yahoo! is about to release their new homepage. There has been cover... Read More
Yahoo! presented itself to their financial analysts. It is a great (and huge) read. I will try to comment on it later. In the meantime, I invite all of you to at least open it and look at the webcast and the slides. Yahoo! is not anymore the much tout... Read More
Comments
Subscribe to comments for this post OR Subscribe to comments for all Read/WriteWeb posts
Is it just me, or does this look like AOL?
Posted by: Mike Sansone | May 15, 2006 9:04 PMIt looks more like the CNN page rolled out recently. But the personal assisstant rocks.
Posted by: Giridhar | May 15, 2006 10:48 PMStrong UI improvement. And not a small technical accomplishment, for sure. Kudos to the team. If I had any requests for Brad G, Tapan, and the rest of the gang, they would be:
(a) Even more emphasis on the photos, and
(b) Some degree of customization of the personal assistant (no finance?!).
Congrats, Y!...
Posted by: danny k | May 15, 2006 10:57 PMhmm...since when is yahoo the most visited homepage ? Check out Alexa stats of Yahoo, 54% of users visit mail.yahoo.com and not yahoo or search.yahoo.
Posted by: Venkatesh | May 15, 2006 11:00 PMI wrote a bit about this on my blog. What I don't like is while Yahoo is trying to use slicker UI features in a competition with Google they are bulking up with images and video that leaves you feeling fat and bulky like an AOL user.
Sorry about the plug but my trackback doesn't seem to be showing up.
Posted by: Roger | May 16, 2006 2:11 AMI like previous icons better...
Posted by: Tim | May 16, 2006 7:02 AMThe whole thing is a bit too much for me, even though there's some nice features.
Go Y!
It doesn't support IE7. I think users should have the option to continue on to preview site, even if they have an unsupported browser after a gentle disclaimer :-)
Posted by: Philip | May 16, 2006 7:17 AMThey've been beta-testing this thing for months (http://son-of-a-pitch.blogspot.com/2006/02/yahoo-tests-new-homepage.html), and yes Mike, I think it looks a lot like AOL too.
Posted by: Robert J. Ricci | May 16, 2006 7:32 AMIs it me or does the new site look so uninterestingly generic? I masked the logo with my finger and I forgot it was the Yahoo site...
Posted by: Michaud | May 16, 2006 7:59 AMThis is a common (in my opinion) mis-labeling. Animation and UI effects are just plain old Javascript.
Ajax is the XmlHttpRequest object, which has no UI and is invisible, "behind the scenes." (See this humorous cheatsheet for reference.)
http://www.slash7.com/cheats/whats_ajax_cheatsheet.pdf
Posted by: Scott Schiller | May 16, 2006 8:39 AMI think they have done better than Microsoft LIVE, whose use of AJAX seems to be slow and confusing to many users. Overall I like the new site. It will take some getting used to, and I think all other Yahoo features will need to blend better such as giving Yahoo Mail a similar feel.
Posted by: Mark Barrera | May 16, 2006 9:16 AMFor better or worse, this probably signals the unofficial END of the Yahoo Directory.
Gone are the many directory links - wonder what those listing purchasers are feeling now - it will be highly unlikely that they will get any real directory traffic.
Posted by: Search Engines WEB | May 16, 2006 2:32 PMMore pictures, very colored and interactive themes but fast! Will take some time to frate.
Posted by: xenoar | May 16, 2006 3:03 PMVery nice - this is a huge improvement and further evidence that Yahoo! 'gets it' and is much more significant competition for Google than most realize.
Posted by: John Koetsier | May 16, 2006 9:55 PMvery nice look and feel. love the way you can toggle between the narrow and wide layouts.
Posted by: saurab | May 17, 2006 5:49 AMOn the old Yahoo page, the new features "Tech"
and "Travel" are prominently marked.
On the new Yahoo page, they're invisible.
I think the new Yahoo page should have some place
for new features and services to be highlighted.
Maybe if you click on "All Yahoo! Services" you
can see what's new, but, for new services, that's
probably one click too many. And there's nothing on
the page anywhere that indicates what might be new
or changed (other than the page itself).
So far, that's my only gripe with the new page.
I like that they've moved the most popular and
common links into their own space top right.
And I like the way the news has been subdivided into
US (In the News) / World / Video.
So far, the purpose of Pulse eludes me.
And I've never cared about what others were/are
searching for.
I like that they've kept the search window itself
up at the top of the page, which is why, 99.99
percent of the time I come to Yahoo in the first
place. That and a quick look at the news updates.
Now if they'd only add blog, pod and vlog/vod
Posted by: Mike | May 18, 2006 5:32 AMtabbed searches.