Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

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


Published on

As we use social tools on the web, design patterns are emerging. Social design must be organic, not static, emotional, not data-driven. A social experience builds on relationships, not transactions.

Published in: Technology
  • Login to see the comments

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

  1. 1. Designing Social Interfaces IxDA LA July 10, 2013 Christian Crumlish Director of Product, CloudOn
  2. 2. Five principles
  3. 3. Pave the cowpaths
  4. 4. Dogster started as a photosharing service. Shifted focus to pets once company saw people were primarily uploading pics and talking about their dogs.
  5. 5. Talk like a person
  6. 6. Do you want to talk to your customers like thi Or like this?
  7. 7. How to talk like a person Conversational Voice Self-Deprecating Error Messages Ask Questions Your vs. My No Joking Around
  8. 8. Be open: Play well with others
  9. 9. 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
  10. 10. Learn from games
  11. 11. Learn from games What are Game Mechanics? The systems and features that make games fun, compelling and addictive. ~Amy Jo Kim
  12. 12. Respect the ethical dimension
  13. 13. Respect the ethical dimension Some of the forces that must be balanced, to apply many of these patterns, involve ethical dilemmas
  14. 14. Five Principles Pave the Cowpaths Talk Like a Person Leverage Openness Where Possible Learn from Games Respect the Ethical Dimension
  15. 15. Social patterns
  16. 16. The Ecosystem
  17. 17. Give people a way to be identified
  18. 18. Aspects of the Self
  19. 19. Pattern example: User Cards Identity doesn’t alway have to manifest itself in a complicated or robust profile.
  20. 20. Make sure there is a “there” there. s your social object?
  21. 21. Give people something to do
  22. 22. Activities involving objects
  23. 23. Activities involving objects Collecting, Ratings, Reviews Tagging Sharing Labels, ratings, reviews, levels
  24. 24. Activities lead to Relationships ...not the other way around!
  25. 25. Connections & Community
  26. 26. Enable a bridge to real life
  27. 27. Bridging Real Life
  28. 28. Taking it offline Geo-Mobile Face-to-face meeting
  29. 29. Let the community elevate people & content they value Gently moderate
  30. 30. 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
  31. 31. Anti-patterns
  32. 32. Cargo Cult
  33. 33. Cargo Cult
  34. 34. Cargo Cult
  35. 35. Don’t break email
  36. 36. 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.
  37. 37. The Password Anti-Pattern iLike Plaxo
  38. 38. The Password Anti-Pattern yelp
  39. 39. The Ex-boyfriend bug
  40. 40. Potemkin Village
  41. 41. Five Anti-Patterns Cargo Cult Design Breaking the Email Tubes The Password Anti-Pattern Ex-Boyfriend Bug Potemkin Village Anti-Pattern
  42. 42. Questions?
  43. 43. 43| Thanks! christian crumlish director of product, cloudon @mediajunkie