SlideShare a Scribd company logo
Designing Social
Interfaces
IxDA LA July 10, 2013
Christian Crumlish
Director of Product, CloudOn
Five principles
Pave the cowpaths
Dogster started as a photosharing service.
Shifted focus to pets once company saw people
were primarily uploading pics and talking about
their dogs.
Talk like a person
Do you want to talk to
your customers like thi
Or like this?
How to talk like a person
Conversational Voice
Self-Deprecating Error Messages
Ask Questions
Your vs. My
No Joking Around
Be open: Play well with others
Embrace open standards
Share data outside of the bounds of your application
Accept external data within the sphere of your application
Support two-way interoperability
Learn from games
Learn from games
What are Game
Mechanics?
The systems and
features that make
games fun,
compelling and
addictive.
~Amy Jo Kim
Respect the ethical dimension
Respect the ethical dimension
Some of the forces that must be
balanced, to apply many of
these patterns, involve ethical
dilemmas
Five Principles
Pave the Cowpaths
Talk Like a Person
Leverage Openness Where Possible
Learn from Games
Respect the Ethical Dimension
Social patterns
The Ecosystem
Give people a way to be identified
Aspects of the Self
Pattern example: User Cards
Identity doesn’t alway have to manifest itself
in a complicated or robust profile.
Make sure there is a “there” there.
s your social object?
Give people something to do
Activities involving objects
Activities involving objects
Collecting, Ratings,
Reviews
Tagging
Sharing
Labels, ratings, reviews,
levels
Activities lead to Relationships
...not the other way
around!
Connections & Community
Enable a bridge to real life
Bridging Real Life
Taking it offline
Geo-Mobile
Face-to-face
meeting
Let the community elevate people & content they value
Gently moderate
Five Practices
Enable People to Control Their Own Identity
Social Networks Need Social Objects
Give People Something to Do
Bridge to Real Life (and Back)
Community Self-Governance, Gentle Moderation
Anti-patterns
Cargo Cult
Cargo Cult
Cargo Cult
Don’t break email
Don’t break email
Facebook breaks email since you can’t reply to
messages that arrive in the inbox.
Basecamp allows people to reply as they are
accustomed to and the message goes back into the
stream on the site.
The Password Anti-Pattern
iLike
Plaxo
The Password Anti-Pattern
yelp
The Ex-boyfriend bug
Potemkin Village
Five Anti-Patterns
Cargo Cult Design
Breaking the Email Tubes
The Password Anti-Pattern
Ex-Boyfriend Bug
Potemkin Village Anti-Pattern
Questions?
43|
Thanks!
christian crumlish
director of product, cloudon
xian@cloudon.com
@mediajunkie mediajunkie.com
designingsocialinterfaces.com

More Related Content

PDF
Designing for Play at WebVisions 2010
PDF
Designing for Play (at Web Directions @media)
PDF
Designing Social Interfaces at Web Directions South 2009
PPTX
Designing with Personas
PPT
Designing Social Iasummit
PPT
Designingsocialiasummit 100408180215 Phpapp01
PPTX
Thinking Like an Optimizer, by Jennifer Ruffner
PDF
53 Ways to Engage via Social Media
Designing for Play at WebVisions 2010
Designing for Play (at Web Directions @media)
Designing Social Interfaces at Web Directions South 2009
Designing with Personas
Designing Social Iasummit
Designingsocialiasummit 100408180215 Phpapp01
Thinking Like an Optimizer, by Jennifer Ruffner
53 Ways to Engage via Social Media

What's hot (20)

PPTX
Designing Structure Part II: Information Archtecture
PPTX
DFA Social Media Class at AgConnect 2013
PPTX
Designing Social
PPT
Bootstrap University
PPTX
Little Known Google+ Features
PDF
Adventures in Service Design
PDF
Communicating with Web 2.0
PDF
What I learned at Cooper U about Design Research
KEY
Google+ features for business and users
PPT
Architecting Social Experiences - UXCampDC 2011
PDF
Meet the Social Media Leaders - Rocky Harbour, NL
PPT
How to develop and deliver your content strategy
PPTX
Emerging Platforms (Feb 2011)
PPTX
Social Recruiting Content Tips for Monster Social Attendees
PPTX
Best channels
PDF
Google Plus Sharespot
PPTX
What's All the Fuss About Pinterest & Why Should I Care? #SMM12
PPTX
Victoria Miller SMART-OUR
PDF
e-Health and the Social Web ("Web 2.0")/the 3-D Web: Looking to the future wi...
PDF
Meet the Social Leaders - Moncton
Designing Structure Part II: Information Archtecture
DFA Social Media Class at AgConnect 2013
Designing Social
Bootstrap University
Little Known Google+ Features
Adventures in Service Design
Communicating with Web 2.0
What I learned at Cooper U about Design Research
Google+ features for business and users
Architecting Social Experiences - UXCampDC 2011
Meet the Social Media Leaders - Rocky Harbour, NL
How to develop and deliver your content strategy
Emerging Platforms (Feb 2011)
Social Recruiting Content Tips for Monster Social Attendees
Best channels
Google Plus Sharespot
What's All the Fuss About Pinterest & Why Should I Care? #SMM12
Victoria Miller SMART-OUR
e-Health and the Social Web ("Web 2.0")/the 3-D Web: Looking to the future wi...
Meet the Social Leaders - Moncton
Ad

Viewers also liked (6)

PPT
Social Media Design Patterns (BarCampBlock)
PDF
COMMERCE LUMAscape
PDF
SEARCH LUMAscape
PDF
SOCIAL LUMAscape
PDF
CONTENT MARKETING / NATIVE LUMAscape
PDF
MOBILE LUMAscape
Social Media Design Patterns (BarCampBlock)
COMMERCE LUMAscape
SEARCH LUMAscape
SOCIAL LUMAscape
CONTENT MARKETING / NATIVE LUMAscape
MOBILE LUMAscape
Ad

Similar to Designing Social Interfaces - IxDA LA meetup, July 10, 2013 (20)

PDF
Designing Social Interfaces: 5 Principles, 5 Practices, 5 Anti-Patterns
ZIP
Space & Narrative: Designing for Social Software
PDF
Yahoo! Pattern Library & Social Design Patterns
PPTX
Email and Social Media Marketing Synergies - Responsys Leadersihp Forum
PDF
Social Media for Collaboration & Information Management
 
PDF
Curating your connections
KEY
Demystifying Social Media: Navigating All that Noise
PDF
Design social interface
PPTX
#JTSMAsocial - a social media workshop
PDF
Social Media for Non Profits and Special Causes 2012 Edition
PDF
Ctrlaltshift
PDF
Technology and Human Communication, Social Interaction
PPT
Designing Sociability: With Notes
PDF
Chesapeake Bay Forum - Using Social Media
PDF
Requirements Engineering for the Humanities
PPT
Nashville 2009 E Technology On A Shoestring
PDF
Success in Interactive Marketing
PPTX
Social Analytics In The Enterprise
PPTX
Social Media, Marketing and Fundraising
PDF
Five Social Media Tips for Higher Education
Designing Social Interfaces: 5 Principles, 5 Practices, 5 Anti-Patterns
Space & Narrative: Designing for Social Software
Yahoo! Pattern Library & Social Design Patterns
Email and Social Media Marketing Synergies - Responsys Leadersihp Forum
Social Media for Collaboration & Information Management
 
Curating your connections
Demystifying Social Media: Navigating All that Noise
Design social interface
#JTSMAsocial - a social media workshop
Social Media for Non Profits and Special Causes 2012 Edition
Ctrlaltshift
Technology and Human Communication, Social Interaction
Designing Sociability: With Notes
Chesapeake Bay Forum - Using Social Media
Requirements Engineering for the Humanities
Nashville 2009 E Technology On A Shoestring
Success in Interactive Marketing
Social Analytics In The Enterprise
Social Media, Marketing and Fundraising
Five Social Media Tips for Higher Education

More from Christian Crumlish (18)

PDF
Product is Big IA
PDF
Playful design-uxlx-2011
PDF
We are all Leonardo now
KEY
Designing for Play at Web 2.0. Expo SF 2010
PDF
Ukulele For Geeks: Secrets of the Pentatonic Scales (sxsw 2010)
PDF
Ukulele For Geeks: Secrets of the Pentatonic Scales
PDF
Social Design For Patternistas
PPT
Design Hacks with Stencils & Patterns
PDF
Designing with patterns in the real world
PDF
Presence, identity, and attention in social web architecture
PPT
Grasping Social Patterns
PDF
Social Design and the Yahoo! Pattern Library
PDF
State of the Patterns 2008
PPT
Heads In Space
PPT
Failure *Is* an Option
PPT
Mobile Information Architecture
PPT
Every Breath You Take: Presence
PPT
Please Forget You Knew My Name: Secretly Influenced by the Dead
Product is Big IA
Playful design-uxlx-2011
We are all Leonardo now
Designing for Play at Web 2.0. Expo SF 2010
Ukulele For Geeks: Secrets of the Pentatonic Scales (sxsw 2010)
Ukulele For Geeks: Secrets of the Pentatonic Scales
Social Design For Patternistas
Design Hacks with Stencils & Patterns
Designing with patterns in the real world
Presence, identity, and attention in social web architecture
Grasping Social Patterns
Social Design and the Yahoo! Pattern Library
State of the Patterns 2008
Heads In Space
Failure *Is* an Option
Mobile Information Architecture
Every Breath You Take: Presence
Please Forget You Knew My Name: Secretly Influenced by the Dead

Recently uploaded (20)

PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
PPTX
20250228 LYD VKU AI Blended-Learning.pptx
PPTX
Tartificialntelligence_presentation.pptx
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PDF
Getting Started with Data Integration: FME Form 101
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
PPTX
A Presentation on Artificial Intelligence
PPTX
SOPHOS-XG Firewall Administrator PPT.pptx
PPTX
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
PPTX
Big Data Technologies - Introduction.pptx
PDF
Spectral efficient network and resource selection model in 5G networks
PDF
A comparative analysis of optical character recognition models for extracting...
PDF
Machine learning based COVID-19 study performance prediction
PDF
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
Agricultural_Statistics_at_a_Glance_2022_0.pdf
Per capita expenditure prediction using model stacking based on satellite ima...
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Building Integrated photovoltaic BIPV_UPV.pdf
20250228 LYD VKU AI Blended-Learning.pptx
Tartificialntelligence_presentation.pptx
Diabetes mellitus diagnosis method based random forest with bat algorithm
Getting Started with Data Integration: FME Form 101
Digital-Transformation-Roadmap-for-Companies.pptx
A Presentation on Artificial Intelligence
SOPHOS-XG Firewall Administrator PPT.pptx
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
Advanced methodologies resolving dimensionality complications for autism neur...
Mobile App Security Testing_ A Comprehensive Guide.pdf
Big Data Technologies - Introduction.pptx
Spectral efficient network and resource selection model in 5G networks
A comparative analysis of optical character recognition models for extracting...
Machine learning based COVID-19 study performance prediction
Profit Center Accounting in SAP S/4HANA, S4F28 Col11

Designing Social Interfaces - IxDA LA meetup, July 10, 2013

Editor's Notes

  • #4: Pave the Cowpaths Dogster Started a photo sharing product, noticed customers putting pics of pets up - niche not being served, so ended up building SN for pets
  • #6: Talk Like a Person Conversational Voice - Self-Deprecating Error Messages - Ask Questions Your vs. My - No Joking Around
  • #7: We ’re actively looking for more, inviting feedback, skepticism, nuance
  • #9: Be Open Play Well With Others
  • #11: Learn from Games
  • #13: Respect the Ethical Dimension
  • #14: Tagged.com is a social networking site founded in 2004. Tagged is the subject of numerous customer complaints for sending deceptive bulk mail and is regarded as a phishing and spamming site and an 'E-mail scam' by consumer anti-fraud advocates.A TIME magazine article called Tagged 'The World's Most Annoying Website'. Tagged asks users for their email username and password, checks their email address books for contacts and repeatedly sends email invitations to people who are not yet on Tagged, stating that they have been 'added as a friend' or that the inviter had sent them photos on Tagged. These emails were discussed as possible spam by Black Web 2.0. The resemblance to a virus has often been mentioned, including by urban legend site Snopes.com. The New York Times referred to the practice as 'contact scraping'
  • #18: Give people a way to identify themselves and be identified. Personas - erin malone - sports star, writer, singer, IA/UX person
  • #21: Friendster and the fakesters Make sure there is a “there” there. Give users a reason to rally. Why would someone come to your site? What ’s your social object ?
  • #22: Give people something to do Activities - participation ladder building blocks
  • #27: Enable a bridge to real life Let ’s put on a show = spontaneous gatherings, broadcasting of gatherings - enable, embrace location and mobile tools - and the crossover Hey Kids - Let ’s put on a show. The classic Andy Rooney / Judy Garland movies from 1939 involved gathering their group of friends together for a spontaneous show to raise money for something or other and then they would announce the show to everyone in town. The social tools that create a bridge to real life allow you to gather friends together, broadcast to friends, broadcast to others (public forum), plan real life meetups, and then capture the event and archive it for later viewing back online.
  • #30: Gently Moderate Let the Community elevate people and content they value - of the people, by the people with some gentle oversight Reputation, recommendations gentle moderation Flickr - interestingness - views, comments, favorites plus some gentle algorythm to elevate the objects the community values * Views, internal and external to Flickr, of the photo * Number of comments on the photo, and also who comments on the photo * Tags applied to the photo * Flickr discussion groups in which the photo appears * Favorites, a.k.a Flickr bookmarking, of the photo * Time varying behavior of the above factors
  • #33: Cargo Cult Wikipedia definition: any group of people who imitate the superficial exterior of a process or system without having any understanding of the underlying substance. The error of logic made by the islanders consisted of mistaking a necessary condition (i.e., building airstrips, control towers, etc.) for cargo to come flying in, for a sufficient condition for cargo to come flying in, thereby reversing the causation. On a lower level, they repeated the same error by e.g. mistaking the necessary condition (i.e. build something that looks like a control tower) for building a control tower, for a sufficient condition for building a control tower. Zoomr, flickr e out of name, tagline, source code AOL homepage - copy Yahoo including source code iPhone - Pre, Etc - other phones Patterns - used blindly without understanding context and need Erin
  • #36: Don ’t Break Email Twitter DMs to email versus Basecamp replies to posts announced via email
  • #38: More about the password anti-pattern: http://www.designingsocialinterfaces.com/patterns.wiki/index.php?title=The_Password_Anti-Pattern
  • #40: Ex-Boyfriend Bug Dodgeball - group connections
  • #41: Potemkin Village