Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Paper
GA Work 2 UXdi
September 2013
Alan Nudman, Ethan Cline and Chris Stair
PRODUCT OR PROJECT DESCRIPTION
Product description
Facebook Paper is a convenient and socially optimized news reader for R...
Process
Feature list
Design specifications
Personas / Scenarios
Research
Chris interviewing Jason
1. Two different content consumption habits
2. Importance of simple interfaces was unive...
“I subscribe to all these sources
because they all have good writing
and I enjoy the quality of the
writing.”
•Prefers hig...
Personas / Scenarios
“I like to read really fast...”
“I like tech and culture, social
media for the breaking... I get on
Twitter and Facebook a...
Personas / Scenarios
Usability Testing
1. Users wanted a more simplified Dashboard1. Users wanted a more simplified Dashboard
2. Users needed c...
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 through
tutorial
Login - First case
Exit to home
+Add categories
Selects
categories...
Share Select destination
Share
Submit
Share
Comment
Select comment Write comment
Submit
comment
User Flows
Select feed
Select comment
Folder?
Add folder
Create folder
User Flows
This is a welcome
screen to acquaint
first 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 ...
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
us...
5. Contents (Add a Feed)
You will be missed
Paper
GA Work 2 UXdi
September 2013
http://goo.gl/qU8l2K
Facebook paper slide deck
Facebook paper slide deck
Facebook paper slide deck
Upcoming SlideShare
Loading in …5
×

Facebook paper slide deck

1,268 views

Published on

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Facebook paper slide deck

  1. 1. Paper GA Work 2 UXdi September 2013 Alan Nudman, Ethan Cline and Chris Stair
  2. 2. PRODUCT OR PROJECT DESCRIPTION Product 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.
  3. 3. Process Feature list Design specifications
  4. 4. Personas / Scenarios
  5. 5. 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
  6. 6. “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.
  7. 7. Personas / Scenarios
  8. 8. “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.
  9. 9. Personas / Scenarios
  10. 10. 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 Facebook3. Users couldn’t recognize the wireframe as Facebook 4. Users didn’t like the confirmation page from the ‘add4. Users didn’t like the confirmation page from the ‘add feed’ functionfeed’ function 4. “Add feed” function’s confirmation page didn’t make4. “Add feed” function’s confirmation page didn’t make sense to userssense to users Evan doing a usability test
  11. 11. Conceptual Ideation
  12. 12. Design iterations and design hypothesis
  13. 13. Key features •Trending & Popular feeds •Saving articles to mobile •Share & commenting •Add & organize feeds
  14. 14. User Flows Enter Facebook Paper Passes through tutorial Login - First case Exit to home +Add categories Selects categories View feed list Exit to home Selects categories
  15. 15. Share Select destination Share Submit Share Comment Select comment Write comment Submit comment User Flows
  16. 16. Select feed Select comment Folder? Add folder Create folder User Flows
  17. 17. This is a welcome screen to acquaint first time users with the new service. 1. Contents (Tutorial - First Slide)
  18. 18. 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)
  19. 19. These feed explanations highlight the most important features in Facebook Paper 3. Contents (Tutorial - Third Slide)
  20. 20. 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.
  21. 21. 5. Contents (Add a Feed)
  22. 22. You will be missed
  23. 23. Paper GA Work 2 UXdi September 2013 http://goo.gl/qU8l2K

×