Challenge : Creating a streamlined interface while still preserving the Facebook Brand. Solution : Organization through dropdown menus and folders as well as taking advantage of existing Facebook nomenclature.
Ethan TALK ABOUT GOING FROM INTERVIEWS TO PROTOTYPE Spent beginning stages trying to determine most important features and considering what was necessary to integrate a news reader into Facebook without being awkward or obtrusive Two important things: Share button - forgot to put it back on after we wrote it out but we didn’t realize it was so important Persona - “share” to mobile was an initial concept but we didn’t realize it was as important as it was until we were doing user interviews, etc and we learned that ppl wanted to share content with an app on their phone
Chris Top Five Insights from User Research 1. Interviewees consume content differently depending on whether they are primarily on the go or stationary readers. 2. All interviewees placed a high value a simple interface, and they preferred when articles kept source formatting. 3. Interviewees frequently saved articles to mobile for future reading. 4. Interviewees had previously used Google Reader, and had not yet replaced it with anything. 5. Interviewees tended to distinguish between reading for pleasure and reading for a purpose. Even if that purpose was as simple as ‘reading about UX’ or ‘staying informed.
Alan Julia has a few spare minutes, decides read some news Julia has just finished dinner on a Wednesday night. She’s at her apartment and has an hour or two to relax after a long day at Aflac. She decides she wants to see what things her friends have been reading online, so she logs onto Facebook Paper and clicks on her “popular” feed. She sees that her friend Marc has read and “liked” an article from a blog about DIY apartment furnishings. She feels compelled to read it, so she clicks the link and spends 10-20 minutes reading the lengthy article about all the great decorations you can make out of found objects. She “likes” the article. As both Julia and Marc read the article, the likelihood that their friends will see it at the top of their “popular” feeds increases. If they find it interesting, read the article, and “like” it as well, the article will spread to even more “popular” feeds of those she is friends with. Hopefully her friends will check out the awesome article!
Alan Craig Hamlin “ I want to stay informed on the go.” mid 20s, works in creative / tech field College-educated Mobile consumer / stays informed on the go Views news quickly and sets aside longer works to read later Places high value on staying informed Reads news while commuting to and from work every morning and afternoon Dislikes when they fall behind with current events and their news feed gets “backed up” / clogged. Feels obligated / pressured to read everything and know everything that is going on Dislikes the messiness of copying and pasting links
Ethan (( talk about user flows / personas ? )) Research: Competitive Analysis of AOL Reader and Digg reader Task Flows of competing AOL Reader and Digg Preliminary sketches and concept mapping User Research Sketching of screens
Ethan Trending Articles: Facebook Paper allows users to see what news and feeds are popular among his or her friends as well as seeing the most read articles among all Facebook users Saving Articles to mobile: Facebook Paper allows users to forward any article to one’s mobile device for immediate download. This is convenient for those who enjoy keeping up to date on the go Share & Commenting: Facebook Paper allows users to share and discuss articles with their friends in a familiar format on a familiar platform Add & Organize Feeds: A critical feature of any successful news reader, Facebook Paper allows users to organize their favorite news sources however they like
Facebook paper slide deck
GA Work 2 UXdi
Alan Nudman, Ethan Cline and Chris Stair
PRODUCT OR PROJECT 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.
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
•Prefers high resolution images and longer articles.
•Distinguishes between browsing for pleasure and
browsing for work.
•Generally reads news online at home on the
•Places a high value on shares from friends.
“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.
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
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 of the tutorial
while also getting them to
subscribe to feeds in order
to increase conversion
The suggested feeds
would be drawn
from the user’s Facebook
2. Contents (Tutorial - Second Slide)
These feed explanations
highlight the most important
3. Contents (Tutorial - Third Slide)
4. Contents (Home)
We decided to keep Facebook’s
formatting when displaying
We found that the majority of our
users like saving articles
to their mobile devices for later
Facebook’s main competitive
advantage lies in the information
they possess, showcased in
We found that having one
button to control feed
subscriptions keeps the
interface streamlined and