Proposed redesign for Facebook privacy settings

1,136 views
1,126 views

Published on

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

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,136
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Proposed redesign for Facebook privacy settings

  1. 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. 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. 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
  4. 4. Catriona Cornett // catriona@inspireUX.com // www.inspireUX.com // May 2010
  5. 5. Catriona Cornett // catriona@inspireUX.com // www.inspireUX.com // May 2010
  6. 6. Catriona Cornett // catriona@inspireUX.com // www.inspireUX.com // May 2010
  7. 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
  8. 8. Catriona Cornett // catriona@inspireUX.com // www.inspireUX.com // May 2010
  9. 9. Catriona Cornett // catriona@inspireUX.com // www.inspireUX.com // May 2010
  10. 10. Catriona Cornett // catriona@inspireUX.com // www.inspireUX.com // May 2010
  11. 11. Appendix: Wireframes Catriona Cornett // catriona@inspireUX.com // www.inspireUX.com // May 2010
  12. 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. 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. 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. 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. 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. 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. 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. 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. 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

×