Fortune.com asked several User Experience designers how they would redesign Facebook's privacy settings. These are my recommendations.
Read the full Fortune.com article here:
http://money.cnn.com/galleries/2010/fortune/1005/gallery.facebook_privacy_redesign.fortune/index.html
Read my blog posts on www.inspireUX.com for details on how this redesign came together
1. Facebook Privacy Settings
Proposed Redesign
Prepared for JP Mangalindan of Fortune.com – May 2010
Catriona Cornett
User Experience Strategist at The Archer Group
Blogger for inspireUX.com
catriona@inspireUX.com
www.inspireUX.com
www.catrionacornett.com
2. Summary
There are two primary types of privacy issues prevalent on Facebook today:
Unwanted public disclosure of information Difficult management of social networks
Outside of friend interactions, there is a layer of third party Users have a hard time managing who sees what within their
and public visibility to your profile information and activity. social network. In our real lives, we disclose different things
There is a level of fear, mistrust, and confusion over what to different groups of people. On Facebook, by default,
information is shared publically. By default, this information is everyone is grouped together. It requires a significant
difficult to find and users must often opt-out to public amount of work to manage your friends list and monitor your
disclosure of information. activity to make sure that information is exposed to the right
people. Because of this difficulty, personal information is
Changes that need to be made frequently exposed to unintended audiences.
· Default to opt-in to any personal information disclosure that Changes that need to be made
will be seen outside of your friends
· Provide a prominent visual indicator of the level of public · Make it easier to see who can see what within your network
information currently being disclosed · Reduce the amount of work needed to manage friend
· Visually indicate changes to public information disclosure groupings, or lists, in order to control information access
and one-click settings to turn it on/off · Provide visual feedback while posting information that
· Encourage and contextually incorporate reasons why a indicates who can see your activity
user should opt-in to disclosing more information and · Provide contextual assistance to guide users to make smart
clearly communicate its benefits as opposed to making this choices in restricting information to part of their network
decision on the user's behalf
Proposed design solutions
Proposed design solutions · Privacy toolbar that provides immediate feedback upon user
activity, allowing you to quickly see who can and can’t see
· Visible privacy gauge your information
· Ability to switch public privacy settings on/off in a · Contextual help within the privacy toolbar to prevent
centralized location accidental information disclosure
· Privacy toolbar with contextual messages explaining · Improved friend list that allows filtering based on information
privacy settings and encouraging users to disclose more access
information when appropriate · Smart lists that create automatic friend lists based on friend
profile information – reducing work to create custom lists
Catriona Cornett // catriona@inspireUX.com // www.inspireUX.com // May 2010
3. “Privacy Toolbar”
§ Keeps privacy visible, yet unobtrusive, no matter where you are on the site. Removes the sense that
privacy controls are “hidden.”
§ Provides quick access to all privacy controls.
§ Gives users piece of mind by making it clear who can and can’t see their information.
§ Becomes “active” upon user activity that impacts privacy.
§ Provides instant feedback upon user activity (status updates, comments, photo uploads, etc. that
submit information to the site) that tell the user how many people will be able to see their activity.
§ Upon clicking the privacy bar, the user has the ability to get visual feedback as to who can see their
latest activity and immediately correct any unexpected or forgotten privacy controls.
§ Contextual feedback can be flexible, perhaps giving messages such as “You seem to be writing about
your job. Check privacy settings for coworkers” that would be useful to the end user.
§ Contextual feedback could also help elevate Facebook’s goals to open up information as much as
possible, with messages such as “By making your photos visible to more people, you will be able to
interact with more of your friends.”
§ Privacy toolbar messaging can also represent recent activity outside of Facebook in order to better
educate users about what happens when they disclose profile information to the public.
Catriona Cornett // catriona@inspireUX.com // www.inspireUX.com // May 2010
7. “Manage Friends”
§ Combine friend privacy settings with the “all friends” view to increase visibility and allow better friend
management.
§ Allow easy filtering and sorting of friends based on various criteria:
- Find people who currently have access to specific profile information.
- Institute “smart lists” that create automatic friend groupings based on friend profile information to
reduce the work needed to group together friends for privacy settings.
- Continue the ability to create custom lists for when smart lists don’t provide sufficient customization.
§ Provide immediate feedback as to who can see specific profile information as opposed to focusing more
on those who can’t. This makes it easier to see if anyone is currently viewing information that the user
is uncomfortable having access.
§ Provide the ability to quickly select friends and alter privacy permissions in one centralized location.
Catriona Cornett // catriona@inspireUX.com // www.inspireUX.com // May 2010
12. Facebook Logo Search Home Profile Account
Privacy Toolbar Privacy Tools
My Friends My Friends
Filter friends
Find Friends
All 350 Friends: Advertisement
Invite Friends Name Name Name
Profile List 1, List 2, Profile List 1, List 2, Profile List 1, List 2,
Phonebook Picture List 3 Picture List 3 Picture List 3
Lorem ipsum dolor sit
Recently Added amet, consectetaur
Name Name Name adipisicing
Profile List 1, List 2, Profile List 1, List 2, Profile List 1, List 2,
Recently Updated Picture List 3 Picture List 3 Picture List 3
Advertisement
Name Name Name
Profile List 1, List 2, Profile List 1, List 2, Profile List 1, List 2,
Picture List 3 Picture List 3 Picture List 3
Lorem ipsum dolor sit
amet, consectetaur
Name Name Name adipisicing
Profile List 1, List 2, Profile List 1, List 2, Profile List 1, List 2,
Picture List 3 Picture List 3 Picture List 3
Select All Select None Send Invite to Edit access to Edit Remove Advertisement
With selected: message event my information List(s) as friend
Lorem ipsum dolor sit
amet, consectetaur
adipisicing
Catriona Cornett // catriona@inspireUX.com // www.inspireUX.com // May 2010
13. Facebook Logo Search Home Profile Account
Privacy Toolbar Privacy Tools
My Friends My Friends
Show: Everyone About Me Select All Select None
Find Friends Sex Looking For
Show: Contact Info
Access to My Profile Advertisement
Information Interests/Likes Birthday Current City
Invite Friends
Posts Parents Hometown
Smart Lists Photos/Video Siblings Political Views
Phonebook
Friends Children Religious Views
Relationship Status Lorem ipsum dolor sit
Biography
Recently Added Custom Lists amet, consectetaur
Interested In Quotations adipisicing
Recently Updated
120 people can see my:
x Religious views x Political views Advertisement
Name Name Name
Profile List 1, List 2, Profile List 1, List 2, Profile List 1, List 2, Lorem ipsum dolor sit
Picture List 3 Picture List 3 Picture List 3 amet, consectetaur
adipisicing
Name Name Name
Profile List 1, List 2, Profile List 1, List 2, Profile List 1, List 2,
Picture List 3 Picture List 3 Picture List 3
Advertisement
Name Name Name
Profile List 1, List 2, Profile List 1, List 2, Profile List 1, List 2,
Picture List 3 Picture List 3 Picture List 3
Lorem ipsum dolor sit
amet, consectetaur
Name Name Name adipisicing
Profile List 1, List 2, Profile List 1, List 2, Profile List 1, List 2,
Picture List 3 Picture List 3 Picture List 3
Select All Select None Send Invite to Edit access to Edit Remove
With selected: message event my information List(s) as friend
Catriona Cornett // catriona@inspireUX.com // www.inspireUX.com // May 2010
14. Facebook Logo Search Home Profile Account
Privacy Toolbar Privacy Tools
My Friends My Friends
Show: Everyone About Me Select All Select None
Find Friends Sex Looking For
Show: Contact Info
Access to My Profile Advertisement
Information Interests/Likes Birthday Current City
Invite Friends
Posts Parents Hometown
Smart Lists Photos/Video Siblings Political Views
Phonebook
Friends Children Religious Views
Relationship Status Lorem ipsum dolor sit
Biography
Recently Added Custom Lists amet, consectetaur
Interested In Quotations adipisicing
Recently Updated
120 people can see my:
x Religious views x Political views Advertisement
Name Name Name
Profile List 1, List 2, Profile List 1, List 2, Profile List 1, List 2, Lorem ipsum dolor sit
Picture List 3 Picture List 3 Picture List 3 amet, consectetaur
adipisicing
Name Name Name
Profile List 1, List 2, Profile List 1, List 2, Profile List 1, List 2,
Picture List 3 Picture List 3 Picture List 3
Advertisement
Name Name Name
Profile List 1, List 2, Profile List 1, List 2, Profile List 1, List 2,
Picture List 3 Picture List 3 Picture List 3
Lorem ipsum dolor sit
amet, consectetaur
Name Name Name adipisicing
Profile List 1, List 2, Profile List 1, List 2, Profile List 1, List 2,
Picture List 3 Picture List 3 Picture List 3
Select All Select None Send Invite to Edit access to Edit Remove
With selected: message event my information List(s) as friend
Catriona Cornett // catriona@inspireUX.com // www.inspireUX.com // May 2010
15. Facebook Logo Search Home Profile Account
Privacy Toolbar Privacy Tools
My Friends My Friends
Show: Everyone About Me Select All Select None
Find Friends Sex Looking For
Show: Contact Info
Access to My Profile Advertisement
Information Interests/Likes Birthday Current City
Invite Friends
Posts Parents Hometown
Smart Lists Photos/Video Siblings Political Views
Phonebook
Friends Children Religious Views
Edit Access to My Profile for: Lorem ipsum dolor sit
Relationship Status Biography
Recently Added Custom Lists amet, consectetaur
Name Name Interested In Name Quotations adipisicing
Profile Profile Profile
Recently Updated Picture Picture Picture
can
120 people see my:
x Religious views x Political views x Status updates Advertisement
Checked: Visible to friends Unchecked: Not visible to friends
Name Name
Select All Select None Name
About Me
Profile List 1, List 2, Profile List 1, List 2, Profile List 1, List 2, Lorem ipsum dolor sit
PictureContact Info
List 3 Sex
Picture List 3 Looking For
Picture List 3 amet, consectetaur
Interests/Likes Birthday Current City adipisicing
PostsName Parents Name Hometown Name
ProfilePhotos/Video 2,
List 1, List Siblings
Profile List 1, List 2, Political ViewsList 1, List 2,
Profile
Picture List 3 Picture List 3 Picture List 3
Friends Children Religious Views
Relationship Status Biography Advertisement
Name Interested In Name Quotations Name
Profile List 1, List 2, Profile List 1, List 2, Profile List 1, List 2,
Picture List 3 Picture List 3 Picture List 3
Save
Cancel Lorem ipsum dolor sit
amet, consectetaur
Name Name Name adipisicing
Profile List 1, List 2, Profile List 1, List 2, Profile List 1, List 2,
Picture List 3 Picture List 3 Picture List 3
Select All Select None Send Invite to Edit access to Edit Remove
With selected: message event my information List(s) as friend
Catriona Cornett // catriona@inspireUX.com // www.inspireUX.com // May 2010
16. Facebook Logo Search Home Profile Account
Privacy Toolbar Privacy Tools
My Friends My Friends
Show: Everyone Friends are automatically added to smart lists based on their profile information
Find Friends
Show:
Access to My Profile Create New Select All Select None Advertisement
Invite Friends Information
x Current coworkers x Different religious views
Smart Lists x Past coworkers x Similar interests
Phonebook
x Family x Different interested in
x Highschool friends x Lorem ipsum dolor sit
Recently Added From my current city
Custom Lists amet, consectetaur
1 2 Next adipisicing
Recently Updated
7 people are in this smart list: Add Friends to This List
x Current coworkers Advertisement
Name Name Name
Profile List 1, List 2, Profile List 1, List 2, Profile List 1, List 2, Lorem ipsum dolor sit
Picture List 3 Picture List 3 Picture List 3 amet, consectetaur
adipisicing
Name Name Name
Profile List 1, List 2, Profile List 1, List 2, Profile List 1, List 2,
Picture List 3 Picture List 3 Picture List 3
Advertisement
Name
Profile List 1, List 2,
Picture List 3
Lorem ipsum dolor sit
amet, consectetaur
Select All Select None Send Invite to Edit access to Edit Remove adipisicing
With selected: message event my information List(s) as friend
Catriona Cornett // catriona@inspireUX.com // www.inspireUX.com // May 2010
17. 1
Before an activity,
the privacy bar is in
its neutral state
with quick access
to privacy tools
2
After recent
activity, the privacy
bar is activated and
a status message
provides feedback
about how many
people can see the
user’s submitted
information
3
Upon clicking the
privacy bar, a
drawer opens up to
specifically reveal
who can (and can’t)
see the user’s
submitted
information.
Changes can be
made immediately
to correct any
accidental privacy
settings
Catriona Cornett // catriona@inspireUX.com // www.inspireUX.com // May 2010
18. Facebook Logo Search Home Profile Account
Privacy Toolbar Privacy Tools
My Name News Feed Top News Most Recent Requests
Profile
Picture Edit my profile 10 friend requests
1 event invitation
News Feed
Attach: Privacy Share
Messages
Name Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor Advertisement
Events
Profile incididunt ut labore et dolore magna aliqua.
Picture
Photos
Lorem ipsum dolor sit
Name Lorem ipsum dolor sit amet, consectetaur adipisicing eli amet, consectetaur
Friends Profile
Picture adipisicing
Applications
Name Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor Events
Profile incididunt ut labore et dolore magna aliqua.
Games Picture What are you planning?
Name’s birthday today
Groups Name’s birthday Sunday
Name
Profile Name’s birthday Sunday
Picture
Get Connected
Who’s on Facebook?
Who’s not on Facebook?
Who’s here because of you?
Lorem ipsum dolor sit amet, consectetaur adipisicing elit, Connect on the go
sed do eiusmod tempor
Name Lorem ipsum dolor sit amet, consectetaur adipisicing eli
Profile
Picture
Name Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor
Profile incididunt ut labore et dolore magna aliqua.
Picture
Catriona Cornett // catriona@inspireUX.com // www.inspireUX.com // May 2010
19. Facebook Logo Search Home Profile Account
Privacy Toolbar Your status update is now viewable to 325 friends Privacy Tools
My Name News Feed Top News Most Recent Requests
Profile
Picture Edit my profile 10 friend requests
What’s on your mind?
1 event invitation
News Feed Attach: Privacy Share
Messages Your name lorem ipsum dolor sit amet, consectetaur adipisicing eli
Profile
Picture Advertisement
Events
Photos Name Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor
Profile incididunt ut labore et dolore magna aliqua.
Picture Lorem ipsum dolor sit
Friends amet, consectetaur
adipisicing
Name Lorem ipsum dolor sit amet, consectetaur adipisicing eli
Applications Profile
Picture Events
Games What are you planning?
Name Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor
Profile incididunt ut labore et dolore magna aliqua. Name’s birthday today
Groups Picture
Name’s birthday Sunday
Name’s birthday Sunday
Name
Profile
Picture Get Connected
Who’s on Facebook?
Who’s not on Facebook?
Who’s here because of you?
Connect on the go
Lorem ipsum dolor sit amet, consectetaur adipisicing elit,
sed do eiusmod tempor
Name Lorem ipsum dolor sit amet, consectetaur adipisicing eli
Profile
Picture
Catriona Cornett // catriona@inspireUX.com // www.inspireUX.com // May 2010
20. Facebook Logo Search Home Profile Account
Privacy Toolbar Your status update is now viewable to 325 friends Privacy Tools
Who can see this update? Change
My Name News Feed Top News Most Recent Requests
Profile
Quick find
Picture Edit my profile 10 friend requests
All Friends (325) What’s on your mind?
Name Profile
Name Name Name Name 1 event invitation
Name
Profile Profile Profile Profile Profile
Smart Lists (3 of 12) Picture Picture Picture Picture Picture Picture
News Feed
Current coworkers Attach: Privacy Share
Past coworkers
Messages
Family Name Profile
Name Name Name Name Name
Profile Profile Profile Profile Profile
Picture
Profile Picture
Your name lorem ipsum dolor sit amet, consectetaur adipisicing eli
Picture Picture Picture Picture
Custom Lists (1 of 3) Advertisement
Events Picture
Photos Name Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor
Profile incididunt ut labore et dolore magna aliqua.
Picture Lorem ipsum dolor sit
Friends amet, consectetaur
adipisicing
Name Lorem ipsum dolor sit amet, consectetaur adipisicing eli
Applications Profile
Picture Events
Games What are you planning?
Name Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor
Profile incididunt ut labore et dolore magna aliqua. Name’s birthday today
Groups Picture
Name’s birthday Sunday
Name’s birthday Sunday
Name
Profile
Picture Get Connected
Who’s on Facebook?
Who’s not on Facebook?
Who’s here because of you?
Connect on the go
Lorem ipsum dolor sit amet, consectetaur adipisicing elit,
sed do eiusmod tempor
Name Lorem ipsum dolor sit amet, consectetaur adipisicing eli
Profile
Picture
Catriona Cornett // catriona@inspireUX.com // www.inspireUX.com // May 2010