facebook paper slide deck

Paper

GA Work 2 UXdiSeptember 2013

Alan Nudman, Ethan Cline and Chris Stair

PRODUCT OR PROJECT DESCRIPTIONProduct description

Facebook Paper is a convenient and socially optimized news reader for RSS users who have not found a replacement for Google Reader. It allows all 1.1 billion Facebook users to find news from a single source they already use. The reader has an advantage over competition because Facebook has more data on their users and the users already read, share and comment on news in Facebook.

Process

Feature list

Design specifications

Personas / Scenarios

Research

Chris interviewing Jason

1. Two different content consumption habits

2. Importance of simple interfaces was universal

3. Value of “push to mobile” feature

4. Former Google Reader had not been replaced yet

5. Difference between “pleasure reading” and “work reading” was voiced across the board

“I subscribe to all these sources because they all have good writing and I enjoy the quality of the writing.”

•Prefers high resolution images and longer articles. •Distinguishes between browsing for pleasure and browsing for work.•Generally reads news online at home on the desktop.•Places a high value on shares from friends.

Personas / Scenarios

“I like to read really fast...”

“I like tech and culture, social media for the breaking... I get on Twitter and Facebook and they’ll say Syria is really bad. Then I´ll look at the Atlantic to get opinions”.

•Prefers to read shorter articles with no images.•Reads at home on the desktop, but then bookmarks longer articles for mobile consumption during the commute.•Places a high value on staying informed.•Dislikes when news ‘backs up’ and they have several thousand unread articles in his feed.

Personas / Scenarios

Usability Testing

1. Users wanted a more simplified Dashboard1. Users wanted a more simplified Dashboard

2. Users needed clarification for the ‘Add’ button2. Users needed clarification for the ‘Add’ button

3. Users couldn’t recognize the wireframe as 3. Users couldn’t recognize the wireframe as FacebookFacebook

4. Users didn’t like the confirmation page from the 4. Users didn’t like the confirmation page from the ‘add feed’ function‘add feed’ function

4. “Add feed” function’s confirmation page didn’t 4. “Add feed” function’s confirmation page didn’t make sense to usersmake sense to users

Evan doing a usability test

Conceptual Ideation

Design iterations and design hypothesis

Key features

•Trending & Popular feeds

•Saving articles to mobile

•Share & commenting

•Add & organize feeds

User Flows

Enter Facebook Paper

Passes throughtutorial

Login - First case

Exit to home

+Add categories

Selects categories View feed list Exit to home

Selects categories

Share Select destination

Share

SubmitShare

Comment

Select comment Write comment Submit comment

User Flows

Select feed

Select commentFolder?

Add folder

Create folder

User Flows

This is a welcome screen to acquaintfirst time users with the new service.

1. Contents (Tutorial - First Slide)

This section starts the users with subscriptions to feeds. This prevents them from encountering a blank screen at the end of the tutorial while also getting them to subscribe to feeds in order to increase conversion rates.

The suggested feeds would be drawn from the user’s Facebook data.

2. Contents (Tutorial - Second Slide)

These feed explanations highlight the most important features in Facebook Paper

3. Contents (Tutorial - Third Slide)

4. Contents (Home)

We decided to keep Facebook’s formatting when displaying articles.We found that the majority of our users like saving articles to their mobile devices for later reading.

Facebook’s main competitive advantage lies in the information they possess, showcased in trending.We found that having one button to control feed subscriptions keeps the interface streamlined and manageable.

5. Contents (Add a Feed)

You will be missed

Paper

GA Work 2 UXdiSeptember 2013

http://goo.gl/qU8l2K