Facebook news feed revamp learns lessons from mobile

Redesigned Facebook News feed The look of Facebook's news feeds are now more consistent across different platforms

Related Stories

Facebook has revamped its design, making its website look more like its Android and iOS mobile apps.

The refresh also introduces topic-specific alternatives to its news feed.

One consequence of the change is that adverts can take up more screen space, making them harder to ignore.

However, the project's lead engineer denied ads were the redesign's focus. He also played down suggestions that the move was intended to make people spend more time on the site.

Chris Struhar instead suggested his focus had been on stripping back the amount of information being shown on the news feed to make each post more "engaging".

Start Quote

Facebook is selling the new version of newsfeed under the catchline "Goodbye clutter", insisting that it is about making the user experience better rather than boosting its advertising revenue. But if it works for users, it will make the social network more valuable for advertisers too.”

End Quote

Rory's verdict on Facebook's 'tabloid' look

"One of the consistent themes we heard in feedback from people was that it felt cluttered and that there was lot happening on the page," he told the BBC ahead of the official announcement.

"We wanted to clean up the page, declutter it, make it simpler, more modern and easier for people to use.

"I often compare this to a 1960s television with wood panelling, knobs around it and a tiny postage stamp-sized screen - and what we're trying to do is take that same TV and translate it into a 40in HD experience."

The firm has begun rolling out the new format but it will be months before all users are affected. However, those wanting to be among the first to be switched over can sign up to offering a waiting list feature.

Facebook reported in January that 1.06 billion people were using its service at least once a month.

It also revealed that its profit for the last three months of 2012 was 79% down on the same period the previous year despite a rise in sales because of increased spending on research and development.

Pop-out bar

There are three key changes being made to the social network:

Facebook screenshots How a posted video link would look before (above) and after (below)
  • The website switches from a three-column format to two-columns letting the main news feed take up more space. This allows all posts - whether they are friends' updates or adverts - to take up a bigger proportion of the web browser with more prominence given to images and video rather than text describing a link.
  • A pop-out black bar is added to the left-hand side of the page. This contains app bookmarks, links to specific friends, the chat and calendar tools, and the live updates ticker.
  • In addition to the standard news feed, users can select other alternative feeds. These include one which shows all the updates posted by friends rather than just the ones selected by Facebook's algorithms; one dedicated to organisations and people the user "follows"; a page featuring only posted photos; and a music-themed feed containing updates from artists the user likes, concert announcements and details of songs their friends are listening to through services including Spotify and Rdio.

It is also noteworthy that the firm has now dropped its "facebook" logo which spelt out its full name, and replaced it with an "f" icon. This change had already been experienced by the selected group of users given early access to its Graph Search facility.

Another tweak involves auto-generating maps to accompany posts about specific locations. This may encourage more members to use the mobile app's GPS-powered check-in function which competes with Foursquare.

Facebook screenshot from 2007 Then and now: these images compare 2007's newsfeed to the revamped design
Screenshot of Facebook in 2013 Then and now: these images compare 2007's newsfeed to the revamped design

Investors and marketers will be keen to find out whether the alterations make users more likely to read and interact with paid content.

The social network already knows that engagement with ads in its main news feed is greater than with those that appear on the right-hand side of its web browser. This column of adverts is absent from its mobile apps altogether.

Enlarging the news feed now allows a sponsored post to become by far the biggest element on the screen, taking up roughly a third of the page when viewed on a 13in (33cm) laptop display.

Another business-friendly change is that if a user "likes" an organisation a horizontal banner photo is added to posts reporting the news in addition to the brand's logo, making the update more eye-catching.

Mr Struhar acknowledged that sponsored posts from "liked" brands had become bigger, but added that it was not his intention to make users more likely to click them.

"This redesign doesn't change anything about how people interact with ads on Facebook," he said.

Facebook Games feed Users can now select feeds dedicated to a single topic including games, music and photo updates

"We aren't changing where adverts show up or what ads you see. We're just trying to take all the content that you do see and make that bigger and more immersive and more engaging."

He added that further amendments might be made once users had had a chance to provide feedback.

Hin-Yan Wong, head of strategy at Connect Advertising & Marketing, said he expected users would eventually learn to get used the new look - and come to accept the bigger presence of advertisers.

"I think the design, which is a lot less cluttered, actually cleans up the whole thing quite a lot," he told the BBC.

"It's really a case of making sure you have high quality [advertising] content.

"Facebook will have to make that work because they have to make money. I suspect in the weeks to come they will unveil additional flexibility for advertisers.

"Hopefully that will bring a lot of new opportunities."

Facebook check-in screenshot The check-in facility now generates a map (below) missing before (above)

More on This Story

Related Stories

More Technology stories

RSS

Features & Analysis

BBC Future

(Thinkstock)

How to avoid movie flops

Tricks to predict true audience reactions Read more...

Programmes

  • Smart glassesClick Watch

    Smart spectacles go into battle – the prototypes looking to take on Google Glass

BBC © 2014 The BBC is not responsible for the content of external sites. Read more.

This page is best viewed in an up-to-date web browser with style sheets (CSS) enabled. While you will be able to view the content of this page in your current browser, you will not be able to get the full visual experience. Please consider upgrading your browser software or enabling style sheets (CSS) if you are able to do so.