Ce diaporama a bien été signalé.
Le téléchargement de votre SlideShare est en cours.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
Designing
Social Interfaces
5 principles
5 practices
5 anti-patterns

erin malone
People are unpredictable
Enter text here
new social media : always awkward
5 Principles
Pave text here
Enterthe cowpaths
Dogster started as a photosharing service.
  Shifted focus to pets once company saw
people were primarily uploading pics a...
Talk like a here
Enter text person
Do you want to talk to your
customers like this?




Or like this?
How to talk like a person




   Conversational Voice
   Self-Deprecating Error Messages
   Ask Questions
   Your vs. My
 ...
Be open. Play well with others.
Enter text here
Embrace open standards
Share data outside of the bounds of your application
Accept external data within the sphere of your...
Learn from games
Enter text here
How to learn from games


                          Game Mechanics
                          Collecting
                  ...
Respect the ethical dimension
Enter text here
How NOT to respect the ethical dimension
5brief tour of 96 patterns
or a
     Practices
The Ecosystem
The Ecosystem
Give text here
Enterpeople a way to be identi ed
Enterpeople a way to be identi ed & to identify themselves
Give text here
Self
Attribution and Avatars




                      Identity doesn’t alway have to manifest itself
                      in ...
User Cards




             Identity doesn’t alway have to manifest itself
             in a complicated or robust pro le.
Make sure there is a “there” there. What’s your social object?
Give text here
Enterpeople something to do
Activities involving objects
It’s a continuum
It’s a continuum
Activities involving objects




Books: ratings, reviews, search




                                  Public conversation
Activities involving objects




                               Photos: collecting, sharing,
                             ...
Activities involving objects


                               Labels, ratings, reviews, levels

Collecting, Ratings, Revie...
Enable a bridge
Enter text here to real life events
Bridging Real Life
Taking it offline




            Geo-Mobile




                         Face-to-face meeting
And then back online




                       After the Party
                       Face-to-face meeting
Let the community elevate people & content they value
Enter text here




                                        Gently m...
Connections and Community
Enabling people to make connections




                                         Circles of
                              ...
Enter text here


          Norms




                  Report Abuse




Model Citizen
5 Anti-Patterns
Cargo Cult
Enter text here
Cargo Cult
Cargo Cult
Don’t break email
Enter text here
Don’t break email




Facebook breaks email since you can’t reply to
messages that arrive in the inbox.
Basecamp allows pe...
The Password Anti-Pattern
Enter text here
The Password Anti-Pattern




                            Plaxo


iLike
The Password Anti-Pattern




                            yelp
Ex-Boyfriend Bug
Enter text here
Potemkin here
Enter text Village
Instead of building a Potemkin
Village, the architects of the
relaunched dead.net site started
with a judicious few groups...
The Ecosystem - it’s balance with tradeoffs
Thanks
            Erin
         @emalone
    erin@tangible-ux.com




             buy the book
http://www.designingsocia...
Prochain SlideShare
Chargement dans…5
×

15

Partager

Télécharger maintenant Télécharger

Télécharger pour lire hors ligne

IxDASF - Designing Social Interfaces: 5 principles, 5 practices, 5 antipatterns

Télécharger maintenant Télécharger

Télécharger pour lire hors ligne

Slides from the talk I gave at the IxDA San Francisco October event. Expanded slides and info from the IDEA talk. Main content is the same though. Includes the social ecosystem diagram

  • Soyez le premier à commenter

IxDASF - Designing Social Interfaces: 5 principles, 5 practices, 5 antipatterns

  1. 1. Designing Social Interfaces 5 principles 5 practices 5 anti-patterns erin malone
  2. 2. People are unpredictable Enter text here
  3. 3. new social media : always awkward
  4. 4. 5 Principles
  5. 5. Pave text here Enterthe cowpaths
  6. 6. Dogster started as a photosharing service. Shifted focus to pets once company saw people were primarily uploading pics and talking about their dogs.
  7. 7. Talk like a here Enter text person
  8. 8. Do you want to talk to your customers like this? Or like this?
  9. 9. How to talk like a person Conversational Voice Self-Deprecating Error Messages Ask Questions Your vs. My No Joking Around
  10. 10. Be open. Play well with others. Enter text here
  11. 11. 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
  12. 12. Learn from games Enter text here
  13. 13. How to learn from games Game Mechanics Collecting gives bragging rights, encourages completion Points game points by systems, social points by others, drives loyalty, drives behavior unlock new powers or access Feedback social feedback drives engagement accelerates mastery and adds fun Exchanges structured social interactions explicit or implicit Customization character or interface
  14. 14. Respect the ethical dimension Enter text here
  15. 15. How NOT to respect the ethical dimension
  16. 16. 5brief tour of 96 patterns or a Practices
  17. 17. The Ecosystem
  18. 18. The Ecosystem
  19. 19. Give text here Enterpeople a way to be identi ed
  20. 20. Enterpeople a way to be identi ed & to identify themselves Give text here
  21. 21. Self
  22. 22. Attribution and Avatars Identity doesn’t alway have to manifest itself in a complicated or robust pro le.
  23. 23. User Cards Identity doesn’t alway have to manifest itself in a complicated or robust pro le.
  24. 24. Make sure there is a “there” there. What’s your social object?
  25. 25. Give text here Enterpeople something to do
  26. 26. Activities involving objects
  27. 27. It’s a continuum
  28. 28. It’s a continuum
  29. 29. Activities involving objects Books: ratings, reviews, search Public conversation
  30. 30. Activities involving objects Photos: collecting, sharing, comments, favoriting, groups, broadcasting
  31. 31. Activities involving objects Labels, ratings, reviews, levels Collecting, Ratings, Reviews Tagging Sharing
  32. 32. Enable a bridge Enter text here to real life events
  33. 33. Bridging Real Life
  34. 34. Taking it offline Geo-Mobile Face-to-face meeting
  35. 35. And then back online After the Party Face-to-face meeting
  36. 36. Let the community elevate people & content they value Enter text here Gently moderate
  37. 37. Connections and Community
  38. 38. Enabling people to make connections Circles of Connections Find People Adding Friends Fans & Fame
  39. 39. Enter text here Norms Report Abuse Model Citizen
  40. 40. 5 Anti-Patterns
  41. 41. Cargo Cult Enter text here
  42. 42. Cargo Cult
  43. 43. Cargo Cult
  44. 44. Don’t break email Enter text here
  45. 45. 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.
  46. 46. The Password Anti-Pattern Enter text here
  47. 47. The Password Anti-Pattern Plaxo iLike
  48. 48. The Password Anti-Pattern yelp
  49. 49. Ex-Boyfriend Bug Enter text here
  50. 50. Potemkin here Enter text Village
  51. 51. Instead of building a Potemkin Village, the architects of the relaunched dead.net site started with a judicious few groups and then let the community spawn the rest.
  52. 52. The Ecosystem - it’s balance with tradeoffs
  53. 53. Thanks Erin @emalone erin@tangible-ux.com buy the book http://www.designingsocialinterfaces.com

    Soyez le premier à commenter

    Identifiez-vous pour voir les commentaires

  • k4rl

    Oct. 31, 2009
  • ibox2000

    Nov. 1, 2009
  • mattiaswikman

    Nov. 1, 2009
  • wdohmen

    Nov. 6, 2009
  • korayem

    Nov. 7, 2009
  • luisvilla

    Nov. 8, 2009
  • xian

    Nov. 10, 2009
  • renatoalbano

    Nov. 16, 2009
  • eitanko

    Nov. 16, 2009
  • briascoi

    Nov. 16, 2009
  • minimalart

    Nov. 18, 2009
  • FlashbulbInteraction

    Dec. 6, 2009
  • sfchovanec

    Dec. 18, 2009
  • corck

    Apr. 9, 2010
  • garcon

    Mar. 15, 2013

Slides from the talk I gave at the IxDA San Francisco October event. Expanded slides and info from the IDEA talk. Main content is the same though. Includes the social ecosystem diagram

Vues

Nombre de vues

2 865

Sur Slideshare

0

À partir des intégrations

0

Nombre d'intégrations

53

Actions

Téléchargements

61

Partages

0

Commentaires

0

Mentions J'aime

15

×