facebook paper slide deck
DESCRIPTION
TRANSCRIPT
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