Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam
-
Upload
amber-case -
Category
Design
-
view
2.432 -
download
0
description
Transcript of Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam
![Page 2: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/2.jpg)
caseorganic.com
Part I: Present Day
![Page 3: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/3.jpg)
caseorganic.com
What is Privacy?
![Page 4: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/4.jpg)
caseorganic.com
The ability to have control over where your content goes and who it is accessed by.
![Page 5: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/5.jpg)
caseorganic.com
The ability to choose what content you share, view and access without being tracked.
![Page 6: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/6.jpg)
caseorganic.com
Privacy is the ability not to be surprised.
![Page 7: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/7.jpg)
caseorganic.com
![Page 8: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/8.jpg)
caseorganic.com
Privacy can also be a feeling or perception of security.
This perception of security can be designed.
![Page 9: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/9.jpg)
caseorganic.com
![Page 10: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/10.jpg)
caseorganic.com
Privacy on the WebOld Web:
Social silos don't exist. Where you go on the web is not tracked New Web:Logged into FB, Google: everything you look at is tracked
![Page 11: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/11.jpg)
caseorganic.com
“We invest much of our lives into virtual ‘condos’ that anyone can walk into and do what they like.”
-@rahulsen79
![Page 12: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/12.jpg)
caseorganic.com
We're all sharecropping
indiewebcamp.com/sharecropping
![Page 13: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/13.jpg)
caseorganic.com
Changing user interfaces
twitter.com
![Page 14: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/14.jpg)
caseorganic.com
How can we design for privacy?
1. Temporary Solution (Privacy by Design) 2. Longer term Solution (Data Ownership)
Privacy by Design: Ann Cavoukian, Ph.D. Information & Privacy Commissioner, Ontario, Canada. http://www.privacybydesign.ca/
![Page 15: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/15.jpg)
caseorganic.com
Part II: Privacy by Design
![Page 16: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/16.jpg)
caseorganic.com
Smartphone Cameras
![Page 17: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/17.jpg)
caseorganic.com
Google Glass
![Page 18: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/18.jpg)
caseorganic.com
What was different?• Design and product launch
• Developer on-boarding fail • Secrecy/Mystery/Exclusivity
• Closed system
• Too many features
• Price
![Page 19: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/19.jpg)
caseorganic.com
Results•Reduced play•Confusion•Pseudo-elite status•Fear•Speculation
![Page 20: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/20.jpg)
Questions people ask me when I’m wearing Google Glass
caseorganic.com
![Page 21: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/21.jpg)
caseorganic.com
Compare to iPhone Developer Launch
Development tools available before new hardware/OS released
• $99 fee • Launch: many apps • People had phones already
![Page 22: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/22.jpg)
Trying to "Calm" the device
Headbanding: “moving one's Glass before entering an establishment"
caseorganic.com
![Page 23: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/23.jpg)
caseorganic.com
Half of privacy is perceived The idea of privacy is socially created and attached to behavioral norms.
Behavior can change when norms change.
![Page 24: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/24.jpg)
caseorganic.com
SuccessNarrative (formerly Memoto)
http://getnarrative.com/
![Page 25: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/25.jpg)
caseorganic.com
Why? •Designed to be "calm"•Built upon previous products (iteration)
•Clearly defined. (Lifelogging device).
•Not at eye level. Small friendly rounded corners
•Not immediate (download later)
![Page 26: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/26.jpg)
caseorganic.com
Part III: Building privacy into mobile and web apps
#dataprivacy
![Page 27: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/27.jpg)
caseorganic.com
1. Get a privacy policy
Privacy policies are regret management tools.
Only 30% of mobile app developers have one.
![Page 28: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/28.jpg)
caseorganic.com
Minimum Viable Privacy Policy:
Who you are (identity and contact details),
Categories of personal data the app wants to collect/process,
Why the data processing is necessary (for what precise purposes),
Whether data will be disclosed to which third parties
Data withdrawal rights and account deletion policy
https://www.iubenda.com/blog/2013/06/10/the-need-for-privacy-policies-in-mobile-apps-an-overview/
![Page 29: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/29.jpg)
caseorganic.com
2. Simplify and ConsolidatePrivacy policies should be easy to understand
Create two sections – Plain Text and Legalese
![Page 30: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/30.jpg)
caseorganic.com
Terms of Service; Didn't ReadMEDIUMReserves the right to use your name and content for any purpose forever, even if they get acquired in the future.
WikiaCommunities don't own their content and can't transfer it off their site.
tosdr.org (thanks bret.io!)
![Page 31: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/31.jpg)
caseorganic.com
How many of you have read the entire iTunes privacy policy?
![Page 32: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/32.jpg)
caseorganic.com
What about Creative Commons?
![Page 33: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/33.jpg)
caseorganic.com
3. Allow people to access /export their data
![Page 34: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/34.jpg)
caseorganic.com
4. Privacy by design vs. privacy by disaster
Privacy consideration should be incorporated into every aspect of your app.
Web, legal, user experience, messaging, marketing and development.
Act now or be forced to act later.
![Page 35: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/35.jpg)
caseorganic.com
5. Consolidate and simplify settings and permissions
Make controls easy to access.
On/off switches, simple settings.
![Page 36: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/36.jpg)
caseorganic.com
6. Contextual Privacy
Instagram, Facebook, Foursquare do this well.
Expose privacy controls with every piece of content that can be created or shared
![Page 37: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/37.jpg)
caseorganic.com
7. No one is perfect
Hosting user data is a privilege, not a right
Apologize immediately if you make a mistake. Fix the problem immediately
![Page 38: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/38.jpg)
caseorganic.com
8. Authentication and Permissions
• Allow for temporary
authentication
Show data options and
time
![Page 39: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/39.jpg)
caseorganic.com
When in doubt give control
8. Authentication and Permissions
![Page 40: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/40.jpg)
caseorganic.com
9. Community Involvement
![Page 41: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/41.jpg)
caseorganic.com
10. Be Clever: Accomplish your goals in the least amount of moves*
*even/especially if it takes more time to think about the solution.
![Page 42: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/42.jpg)
caseorganic.com
Part IV: The Future of Privacy and Data Ownership
![Page 43: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/43.jpg)
caseorganic.com
Easier to Consumevs. Create
![Page 44: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/44.jpg)
caseorganic.com
![Page 45: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/45.jpg)
caseorganic.com
Own your own data
Build your own website
Use social networks for distribution
Web frameworks will emerge that will make this easier
![Page 46: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/46.jpg)
caseorganic.com
What happened?
![Page 47: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/47.jpg)
caseorganic.com
Blogs | RSS Readers
![Page 48: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/48.jpg)
caseorganic.com
2003: RSS/ATOM WARS
![Page 49: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/49.jpg)
caseorganic.com
Pingbacks/Trackbacks:a way to tell if someone linked to your site
![Page 50: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/50.jpg)
caseorganic.com
Pingback Spam
![Page 51: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/51.jpg)
caseorganic.com
Picking up from where 2003 left off
. Need a way to own our data1. Learn and improve on what we're doing!
2. Just implement something
![Page 52: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/52.jpg)
caseorganic.com
POSSEPublish (on your) Own Site, Syndicate Elsewhere
Tweet is published to your own site and sent by your domain to Twitter
indiewebcamp.com/POSSE
![Page 53: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/53.jpg)
caseorganic.com
PESOSPublish Elsewhere, Syndicate (to your) Own Site
indiewebcamp.com/PESOS
![Page 54: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/54.jpg)
caseorganic.com
Webmentions
indiewebcamp.com/PESOS
![Page 55: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/55.jpg)
caseorganic.com
Webmentions
![Page 56: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/56.jpg)
caseorganic.com
Indiewebcamp.com
![Page 57: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/57.jpg)
caseorganic.com
Why do we need an IndieWeb?
Afraid of losing your photos and files1 Frozen account due to violated TOS2 Lost content due to acquisition3 Silos profiting off your data 4 The ability to create again
indiewebcamp.com/why
![Page 58: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/58.jpg)
caseorganic.com
![Page 59: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/59.jpg)
caseorganic.com
Freedom!The freedom to decide what content and what types of content to publish, and to store over time
Control your UI/UX – you decide
Own your content forever
indiewebcamp.com/why
![Page 60: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/60.jpg)
caseorganic.com
Homestead, don't Sharecrop!A home for your data
• Your blog becomes a creative outlet for you + learning place for new stuff
• Hyperlinks on the open web, giving web back its richness
www.onebigfluke.com/2012/07/focusing-on-positives-why-i-have-my-own.html
![Page 61: Designing for Privacy in Mobile and Web Apps - Interaction '14, Amsterdam](https://reader033.fdocuments.net/reader033/viewer/2022051513/546c5ecbaf795967298b4fba/html5/thumbnails/61.jpg)
caseorganic.com
Thank you! caseorganic.com
Interaction '14Amber Case@caseorganic