Personal tools

Main Page

From Social Patterns

(Difference between revisions)
Jump to: navigation, search
m (What is this site?)
Current revision (19:10, 20 August 2015) (view source)
(Appendices & Misc.)
 
(128 intermediate revisions not shown.)
Line 1: Line 1:
-
==What is this site?==
+
'''[[#What is this site?]]'''  
-
''[http://www.designingsocialinterfaces.com/patterns.wiki/index.php?title=Main_Page#Social_Patterns_.26_Best_Practices skip to the patterns!]''
+
'''[[#What's a pattern?]]'''
-
 
+
-
<span class="intro">The '''Designing Social Interfaces''' patterns wiki is a companion site to the [http://www.designingsocialinterfaces.com/ book] that '''[http://xianlandia.com Christian Crumlish]''' and '''[http://www.emdezine.com/deziningInteractions Erin Malone]''' are currently writing for '''O'Reilly''' Media.</span>
+
-
 
+
-
<span class="intro">We decided to share the patterns as we write the patterns and the book to get community feedback. We think that hearing a variety of opinions about these topics will make the material stronger and more representative of what's happening in social interfaces. As we complete sections of the book, we will be adding the patterns.</span>
+
-
 
+
-
<span class="intro">If you choose to contribute, we ask that you don't delete sections out right, but rather add your information with attribution. We want to incorporate contributions into the final book material and would like to know who contributed what. Every page has a discussion tab for conversations about the topic.</span>
+
-
 
+
-
<span class="intro">We look forward to talking with you!
+
-
 
+
-
</span>
+
-
 
+
-
==What's a Pattern?==
+
-
<big><big>
+
-
 
+
-
<big>A '''pattern''' describes an optimal solution to a common problem within a specific context.</big>
+
-
 
+
-
A pattern is not a finished piece of code or design. Rather, it reflects the sum total of a community's knowledge and experience or expertise in a given domain.
+
-
 
+
-
When we talk about patterns, we often start by noticing [[social behavior patterns]]. These are patterns in what people do, with or without interfaces designed for those purposes. These patterns are interesting and fun to talk about and they help us understand what's likely to happen, but they are not the primary focus of this project.
+
-
 
+
-
<big>The patterns in this collection are '''[[social design patterns]]''' (a.k.a. ''social user experience design patterns''). They are interaction pattern for people designing social interfaces.
+
-
 
+
-
</big></big>
+
-
 
+
-
''Want to work on a pattern? Use this [[Pattern Template]].''
+
== Social Patterns & Best Practices ==
== Social Patterns & Best Practices ==
Line 31: Line 6:
|valign="top" width="33%"|
|valign="top" width="33%"|
=== Principles ===
=== Principles ===
-
''cute name: Social to the Core''
+
''section title: Social to the Core''
====[[Fundamental Principles]]====
====[[Fundamental Principles]]====
Line 45: Line 20:
** [[Your vs. My]]
** [[Your vs. My]]
** [[No Joking Around]]
** [[No Joking Around]]
 +
* [[Don't Break Email!]]
* [[Be Open]]
* [[Be Open]]
-
* [[Be a Game]]
+
* [[Learn from Games]]
* [[The Ethical Dimension]]
* [[The Ethical Dimension]]
-
* [[Cargo Cult]] (antipattern)
+
 
-
* [[Marketing]]
+
-
** [[Monetize]]
+
-
** [[Underpants Gnomes]]
+
* ''what other high-level principles are we missing?''
* ''what other high-level principles are we missing?''
Line 57: Line 30:
=== Self ===
=== Self ===
==== Engagement ====
==== Engagement ====
-
''cute name: You're Invited''
+
''chapter title: You're Invited''
* [[Sign Up or Registration]]
* [[Sign Up or Registration]]
Line 73: Line 46:
==== Identity  ====
==== Identity  ====
-
''cute name: Where's the Rest of Me?''
+
''chapter title: Where's the Rest of Me?''
* [[Identity]] (overview)
* [[Identity]] (overview)
Line 80: Line 53:
** [[Identity Cards]]
** [[Identity Cards]]
** [[Attribution]]
** [[Attribution]]
 +
** [[Interests]]
 +
** [[Testimonials (or Personal Recommendations)]]
* [[Avatar]]<br />(Default Avatar, Multiple Avatars, Mood Expressions, Gravatar)
* [[Avatar]]<br />(Default Avatar, Multiple Avatars, Mood Expressions, Gravatar)
* [[Personal Dashboard]]
* [[Personal Dashboard]]
==== Presence ====
==== Presence ====
-
''cute name: We Are Here! We Are Here! We Are Here!''
+
''chapter title: We Are Here! We Are Here! We Are Here!''
* [[Presence]]
* [[Presence]]
Line 90: Line 65:
** [[The Future of Presence]]
** [[The Future of Presence]]
* [[Presence Actions & Facets]]
* [[Presence Actions & Facets]]
-
** [[Availability]] (Online Presence Indicator pattern)
+
** [[Availability]]
** [[Mood]]
** [[Mood]]
** [[Environment]]
** [[Environment]]
-
* [[Personal Feed]]
+
** [[Buddy List]]
 +
* [[Activity Streams]]
** [[Statuscasting]]
** [[Statuscasting]]
-
** [[Vitality]]
+
** [[Microblogging]]
-
*** [[Updates]]
+
** [[Updates]]
*** [[Updates Opt-in Disclosure]]
*** [[Updates Opt-in Disclosure]]
*** [[Manage Incoming Updates]]
*** [[Manage Incoming Updates]]
** [[Lifestream]]
** [[Lifestream]]
-
** [[Statistics]] - left this out of first draft of chapter!
 
* [[Keep Company]]
* [[Keep Company]]
** [[Signs of Life]]
** [[Signs of Life]]
Line 108: Line 83:
==== Reputation ====
==== Reputation ====
-
'' Would You Buy a Used Car from This Person?''
+
''chapter title: Would You Buy a Used Car from This Person?''
* [[Reputation]]
* [[Reputation]]
Line 129: Line 104:
|valign="top" width="33%"|
|valign="top" width="33%"|
 +
=== Activities ===
=== Activities ===
-
''cute name: Where’s the Action?''
+
''section title: Where’s the Action?''
 +
 
 +
==== Collecting ====
 +
''chapter title: Hunters Gather''
-
==== Collecting & Communicating ====
 
* Collecting
* Collecting
** [[Saving]]
** [[Saving]]
** [[Favorites]]
** [[Favorites]]
-
** [[Add / Subscribe]]
 
** [[Displaying]]
** [[Displaying]]
 +
** [[Add / Subscribe]]
 +
* Tagging
 +
** [[Tag an Object]]
 +
** [[Find with Tags]]
 +
** [[Tag Cloud]]
 +
 +
====Broadcasting & Publishing====
 +
''chapter title: The Megalophone''
 +
* Broadcasting
* Broadcasting
** [[Blogs - Consume]]<br />(Individual Posts, Presentation of Aggregate Posts)
** [[Blogs - Consume]]<br />(Individual Posts, Presentation of Aggregate Posts)
** [[Blogs - Ownership]]<br />(Updating, Creating, Editing)
** [[Blogs - Ownership]]<br />(Updating, Creating, Editing)
** [[Microblogging]]
** [[Microblogging]]
-
* Communication
+
* Publishing
-
** [[Synchronous vs. Asynchronous]]
+
** [[Publishing]]
-
** [[Sign In to Participate]]
+
** [[Rights]]
-
** [[Forums]]<br />(Moderation)
+
*** [[Terms of Service]]
-
** Talk It Up
+
*** [[Licensing]]
-
*** [[Public Conversations]]
+
**** [[Public Domain]]
-
*** [[Private Conversation]]<br />(Nudging, Whisper, Backchannel)
+
**** [[Creative Commons]]
-
*** [[Group Conversation]]<br />(Public and Private)
+
**** [[Copyleft]]
-
*** Arguments
+
**** [[Copyright]]
-
**** [[Flamewars]]
+
-
**** [[Vendettas]]
+
-
**** [[Sock-Puppets]]
+
* [[Lifecycle]]<br />(Freshness, Vitality)
* [[Lifecycle]]<br />(Freshness, Vitality)
-
 
-
==== Feedback ====
 
-
''cute name: Long Time Listener, First Time Caller''
 
-
 
-
* [[Feedback]] (overview)
 
-
* [[Comments]]
 
-
* [[Reviews]]
 
-
* [[Ratings]]
 
-
* [[Favorites]]
 
-
* [[Vote to Promote]]
 
-
* [[Thumbs Up/Down Style Ratings]]<br />(Up and Down, Up only)
 
-
* [[Soliciting Feedback]]
 
-
* Tagging
 
-
** [[Tag an Object]]
 
-
** [[Find with Tags]]
 
-
** [[Tag Cloud]]
 
==== Sharing ====
==== Sharing ====
-
''cute name: Potlatch''
+
''chapter title: Share and Share Alike''
* [[Sharing]]
* [[Sharing]]
Line 192: Line 159:
*** [[Embedding]]
*** [[Embedding]]
** [[Ongoing Sharing]]
** [[Ongoing Sharing]]
 +
 +
==== Feedback ====
 +
''chapter title: Long Time Listener, First Time Caller''
 +
 +
* [[Feedback]] (overview)
 +
* [[Comments]]
 +
** [[Threaded Comments]]
 +
* [[Reviews]]
 +
* [[Ratings]]
 +
* [[Favorites]]
 +
* [[Vote to Promote]]
 +
* [[Thumbs Up/Down Style Ratings]]<br />(Up and Down, Up only)
 +
* [[Soliciting Feedback]]
 +
 +
====Communicating====
 +
''chapter title: Watson Come Quick!''
 +
 +
* [[Synchronous vs. Asynchronous]]
 +
* [[Sign In to Participate]]
 +
* [[Meta Conversation]]
 +
* [[Forums]]<br />(Moderation)
 +
* Talk It Up
 +
** [[Public Conversations]]
 +
** [[Private Conversation]]<br />(Nudging, Whisper, Backchannel)
 +
** [[Group Conversation]]<br />(Public and Private)
 +
** Arguments
 +
*** [[Flamewars]]
 +
*** [[Vendettas]]
 +
*** [[Sock-Puppets]]
==== Collaboration ====
==== Collaboration ====
-
''cute name: Barnraising''
+
''chapter title: Barnraising''
* [[Collaboration]]
* [[Collaboration]]
Line 202: Line 198:
** [[Edit This Page]]
** [[Edit This Page]]
** [[The Wiki Way]]
** [[The Wiki Way]]
 +
** [[Unbook]]
* [[Crowdsourcing]]
* [[Crowdsourcing]]
-
* [[Rights]]
 
-
** [[Terms of Service]]
 
-
** [[Licensing]]
 
-
*** [[Public Domain]]
 
-
*** [[Creative Commons]]
 
-
*** [[Copyleft]]
 
-
*** [[Copyright]]
 
==== Social Media ====
==== Social Media ====
-
''cute name: The Media is the Massage''
+
''chapter title: Social Media Junkies Unite!''
* [[Social Media]]
* [[Social Media]]
-
** [[Publishing]]
 
-
*** [[Unbook]]
 
-
** [[Rich Media]]
 
-
*** [[Video]]
 
-
*** [[Podcasting]]
 
* [[Social Objects]]
* [[Social Objects]]
-
* Finding Quality
+
* [[Tuning In]]
-
** [[Recommendations]]
+
** [[Following]]
** [[Following]]
-
*** [[Asymmetric Following]] (See also Defining Relationships)
+
** [[Filtering]]
-
* [[Pivoting]]
+
* [[Recommendations]]
* [[Social Search]]
* [[Social Search]]
-
* Managing Attention
+
** [[Realtime Search]]
-
** [[Continuous Partial Attention]]
+
** [[Conversational Search]]
-
** [[Filtering Content]]
+
** [[The Notificator]]
-
** Interests
+
* [[Pivoting]]
-
*** [[Explicitly Declared]]
+
* [[Marketing]]
-
*** [[Implicitly Inferred]]
+
** [[Monetize]]
-
** [[Subscribe to Updates]]
+
** [[Underpants Gnomes]]
|valign="top" width="33%"|
|valign="top" width="33%"|
 +
 +
=== 5+ Anti-Patterns ===
 +
* [[The Password Anti-Pattern]]
 +
* [[Potemkin Village]] (antipattern)
 +
* [[The Ex-Boyfriend Antipattern]]
 +
* [[Cargo Cult]] (antipattern)
 +
* [[Don't Break Email!]]
 +
* and sometimes [[Leaderboard]]
=== Community ===
=== Community ===
-
''cute name: One of Us, One of Us”
+
''section title: One of Us, One of Us''
====Personal Connections====
====Personal Connections====
-
''cute name: We Need to Talk”
+
''chapter title: We Need to Talk''
* Relationships
* Relationships
Line 271: Line 263:
==== Community Management ====
==== Community Management ====
-
''cute name: Good Cop, Bad Cop''
+
''chapter title: Good Cop, Bad Cop''
* [[Community Management]]
* [[Community Management]]
-
* [[Norms]]
+
** [[Admin Interface]]
-
* [[Rules]]
+
** [[Norms]]
-
* [[Jargon]]
+
** [[Manifesting]]
-
* Collective Choices
+
* [[Collective Choices]]
-
** [[Voting]]
+
* [[Potemkin Village]] (antipattern)
-
* Participating in Your Own Community (Manifesting)
+
* [[Group Moderation]]
-
** [[Model Citizen]]
+
** [[Collaborative Filtering]]
-
* [[Forking a Group]]
+
** [[Report Abuse]]
-
* Moderating a Group
+
* [[What's the Story?]]
-
** [[Facilitate Discussion]]
+
-
** [[Reward Participation]]
+
-
** [[Don’t Feed the Troll]]
+
-
** [[Hall of Mirrors]]
+
-
** See also reputation patterns
+
-
** [[This Isn't An Argument!]]
+
-
*** [[Flamewars]]
+
-
*** [[Vendettas]]
+
-
*** [[Sock-Puppets]]
+
==== Place, Geography, Location ====
==== Place, Geography, Location ====
-
''cute name Where in the World?''
+
''chapter title: Where in the World?''
Both geophysical place and virtual sense of place (relates to presence, identity, relationships, and community)
Both geophysical place and virtual sense of place (relates to presence, identity, relationships, and community)
 +
* [[Check In]]
* [[Being Local]]
* [[Being Local]]
** [[Face-to-Face Meeting]]
** [[Face-to-Face Meeting]]
Line 308: Line 292:
** [[Geo-Mashing]]
** [[Geo-Mashing]]
** [[Neighborhood]]
** [[Neighborhood]]
-
* Mobile
+
* [[Mobile]]
** [[Geo]]
** [[Geo]]
** [[Gatherings]]
** [[Gatherings]]
-
** [[Statuscasting]]
+
** [[MobileStatuscasting]]
|}
|}
Line 328: Line 312:
** [[Semantics and Microformats]]
** [[Semantics and Microformats]]
* [[Application Patterns]]
* [[Application Patterns]]
 +
** [[App Installation]]
 +
** [[App Ratings and Reviews]]
 +
** [[App Gallery]]
 +
** [[App Approval]]
 +
** [[App Authorization]]
 +
*** [[The Cake is a Lie]]
* [[Service Linking]]
* [[Service Linking]]
* [[Mashup / Remixing]] (was [[Mashup Modules]])
* [[Mashup / Remixing]] (was [[Mashup Modules]])
Line 335: Line 325:
* On the Edges
* On the Edges
-
** Mobile and Social
+
** [[Mobile and Social]]
-
** Social in the Enterprise
+
** [[Social in the Enterprise]]
* Demographic differences
* Demographic differences
** Youth
** Youth
Line 345: Line 335:
==Appendices & Misc.==
==Appendices & Misc.==
 +
 +
* [[Essays]]
 +
* [[Bibliography]]
* [[Glossary]]
* [[Glossary]]
-
* About the [[http://design.yahoo.com Yahoo! Design Pattern Library]]
+
* [http://design.yahoo.com Yahoo! Design Pattern Library]
-
* About the [[http://developer.yahoo.com/yui Yahoo! User Interface Library]]
+
* [http://developer.yahoo.com/yui Yahoo! User Interface Library]
-
* Poster-Sized Concept Map of Social Patterns Ecosystem
+
* [http://www.designingsocialinterfaces.com/images/SocialEcosystemDiagram-updated-outlines.pdf Poster-Sized Concept Map of Social Patterns Ecosystem] (pdf)
-
* Deck of Pattern Cards
+
* [https://www.thegamecrafter.com/games/social-mania:-designing-soci Deck of Pattern Cards]
-
* Possible: A Brief History of Social Networking
+
 
-
** BBS’s at 300 Baud
+
 
-
** The Well
+
-
** Imminent Death of Usenet Predicted, Film at 11
+
-
** AOL and the endless September of 1993
+
-
** Blogs, Social Networks, Social Media Filters, Walls and Feeds
+
-
* [[Index]]
+
-
|valign="top" width="33%"|
+
|}
|}
Line 365: Line 352:
|-
|-
|width="50%" valign="top"|
|width="50%" valign="top"|
 +
===Social Patterns Presentations and Workshops===
 +
* IA Summit 2012 - Designing Social Interfaces Workshop (http://www.designingsocialinterfaces.com/presos/2012DSI-SocialWorkshop-IASummit-fin.pdf  PDF of workshop slides 77mb)
 +
* IA Summit 2010 [http://www.emdezine.com/deziningInteractions/images/Poster-4x8-masterNoOutlines.pdf Social Diagrams Poster (2.3mb pdf)]
 +
* [http://www.emdezine.com/deziningInteractions/images/SocialEcosystemDiagram.pdf Social Ecosystem Diagram (pdf)]
 +
* [http://www.slideshare.net/emalone/designing-social-interfaces-5-steps-5-principles-5-antipatterns-2014474 IDEA 09 Slides]
 +
* [[Social Mania Game Info and Rules]] | [http://www.thegamecrafter.com/games/social-mania-designing-social-interfaces---beta-3 Order A Beta Copy] | [http://opendesignpatterns.com/GameMaterials/SocialManiaBoard-0401.pdf Social Mania Game Board] | [http://www.designingsocialinterfaces.com/patterns.wiki/index.php?title=Feedback_on_the_Game Leave Game Feedback]
 +
* [http://www.slideshare.net/emalone/social-patterns-talk-web-20-version Our Web 2.0 Expo Workshop - Designing Social Interfaces slides] (posted on Slideshare)
 +
* [http://www.opendesignpatterns.com/SocialPatterns/SocialPatternsTalk-ss.pdf Our IA Summit 2009 Social Patterns talk] (PDF)
 +
* [http://www.opendesignpatterns.com/SXSWHandout-alt.pdf Our SXSW 2009 Conversation handout] (PDF)
 +
===Talk about patterns===
===Talk about patterns===
[http://developer.yahoo.net/forum/index.php?s=3fb12a13d962e01429b9fe69f61382ca&showforum=14 Yahoo!'s Writing Patterns forum]
[http://developer.yahoo.net/forum/index.php?s=3fb12a13d962e01429b9fe69f61382ca&showforum=14 Yahoo!'s Writing Patterns forum]
Line 392: Line 389:
* [http://patterns.holehan.org/ Open Design Patterns]
* [http://patterns.holehan.org/ Open Design Patterns]
* [http://ajaxpatterns.org/ Ajax Patterns]
* [http://ajaxpatterns.org/ Ajax Patterns]
 +
* [http://www.cmi-patterns.org/ Computer-Mediated Interaction Patterns] (associated with Till Schuemmer &amp; Stephan Lukosch's Wiley book)
* [http://www.visiblearea.com/cgi-bin/twiki/view/Patterns/Patterns_repository Visible Area patterns repository]
* [http://www.visiblearea.com/cgi-bin/twiki/view/Patterns/Patterns_repository Visible Area patterns repository]
-
* [http://patterns.design4mobile.com Little Springs Mobile User Interface Design Patterns]
+
* [http://microformats.org/wiki/social-network-anti-patterns Social Network Anti-patterns] (at microformats.org)
* [http://www.findability.org/archives/000194.php Search Patterns]
* [http://www.findability.org/archives/000194.php Search Patterns]
* [http://uidesignpatterns.org/ Open Source Pattern Library] (Fluid Project)
* [http://uidesignpatterns.org/ Open Source Pattern Library] (Fluid Project)
-
* [http://interface.fh-potsdam.de/infodesignpatterns/news.php Information Design Patterns]
+
* [http://interface.fh-potsdam.de/infodesignpatterns/patterns.php Information Design Patterns]
 +
* [http://socialvizpatterns.info/ Social Visualization Patterns]
* [http://ui-patterns.com/ UI-Patterns.com]
* [http://ui-patterns.com/ UI-Patterns.com]
-
* [http://uipatternfactory.com/ UI Pattern Factory]
+
* [http://patternry.com/ Patternry] (former UI Pattern Factory)
* [http://designingwebinterfaces.com/ Designing Web Interfaces] (Bill Scott and Theresa Neil's book)
* [http://designingwebinterfaces.com/ Designing Web Interfaces] (Bill Scott and Theresa Neil's book)
* [http://quince.infragistics.com/ Quince UX Patterns Explorer] (requires Silverlight)
* [http://quince.infragistics.com/ Quince UX Patterns Explorer] (requires Silverlight)
 +
* [http://www.danlockton.com/dwi/Main_Page Design with Intent]
* ''[http://web.archive.org/web/20061229211355/social.itp.nyu.edu/shirky/wiki/?n=Main.PatternLanguage Moderation Strategies] (vandalized, from Wayback machine)''
* ''[http://web.archive.org/web/20061229211355/social.itp.nyu.edu/shirky/wiki/?n=Main.PatternLanguage Moderation Strategies] (vandalized, from Wayback machine)''
* ''[http://harbinger.sims.berkeley.edu/ui_designpatterns/webpatterns2/webpatterns/home.php Web Patterns: A UC Berkeley Resource for Building User Interfaces] (neglected)''
* ''[http://harbinger.sims.berkeley.edu/ui_designpatterns/webpatterns2/webpatterns/home.php Web Patterns: A UC Berkeley Resource for Building User Interfaces] (neglected)''
 +
* [a11yproject.com/patterns/] Accessible widget and Pattern Library
 +
 +
=====Mobile Pattern Collections=====
 +
* [http://www.androiduipatterns.com/ Android UI Design Patterns]
 +
* [http://www.androidpatterns.com/ Android Interaction Design Patterns]
 +
* [http://4ourth.com/wiki/ Mobile Interaction Design Patterns Wiki]
 +
* [http://wiki.forum.nokia.com/index.php/Category:Mobile_Design_Patterns Nokia Pattern Library]
 +
* [http://mobile-patterns.com/ Mobile UI Patterns]
 +
* [http://www.flickr.com/groups/iphonepatternlibrary/ iPhone Pattern Library] (Flickr screenshot collection)
 +
* [http://lovelyui.com/ lovely ui] (collection of mobile UI elements)
 +
* [http://www.pttrns.com/ pttrns - ipad, iphone and IOS7]
 +
* [http://www.google.com/design/spec/material-design/introduction.html Google's Material Design specs and patterns for Android Material]
 +
* [http://inspired-ui.com/ Inspired UI - iPhone Design Patterns]
 +
* [http://www.mobilepatterns.com/ Mobile Patterns]
 +
* [https://www.cocoacontrols.com/ Cocoa Controls - Open source components for iOS and OSX]
 +
* [http://androidux.com/ a ux - android UX]
====Other Related Sites====
====Other Related Sites====
Line 416: Line 432:
|}
|}
-
===The Site and The Book===
+
==What is this site?==
-
====Designing Social Interfaces: Principles, Patterns, and Practices for Improving the User Experience====
+
''[http://www.designingsocialinterfaces.com/patterns.wiki/index.php?title=Main_Page#Social_Patterns_.26_Best_Practices skip to the patterns!]'' ''[http://www.designingsocialinterfaces.com/patterns.wiki/index.php?title=Quick_Navigation skip to quicknav]'' (note page still being created)
 +
 
 +
<span class="emphasizeIntro">The '''Designing Social Interfaces''' patterns wiki is a companion site to the [http://www.designingsocialinterfaces.com/ book] that '''[http://xianlandia.com Christian Crumlish]''' and '''[http://www.emdezine.com/deziningInteractions Erin Malone]''' are currently writing for '''O'Reilly''' Media.</span>
 +
 
 +
<span class="intro">We decided to share the patterns as we write the patterns and the book to get community feedback. We think that hearing a variety of opinions about these topics will make the material stronger and more representative of what's happening in social interfaces. As we complete sections of the book, we will be adding the patterns.</span>
 +
 
 +
<span class="intro">If you choose to contribute, we ask that you don't delete sections out right, but rather add your information with attribution. We want to incorporate contributions into the final book material and would like to know who contributed what. Every page has a discussion tab for conversations about the topic.</span>
 +
 
 +
<span class="intro">We look forward to talking with you!
 +
 
 +
</span>
 +
 
 +
==What's a Pattern?==
 +
<span class="emphasizeIntro">A '''pattern''' describes an optimal solution to a common problem within a specific context.</span>
 +
 
 +
<span class="intro">A pattern is not a finished piece of code or design. Rather, it reflects the sum total of a community's knowledge and experience or expertise in a given domain.</span>
 +
 
 +
<span class="intro">When we talk about patterns, we often start by noticing [[social behavior patterns]]. These are patterns in what people do, with or without interfaces designed for those purposes. These patterns are interesting and fun to talk about and they help us understand what's likely to happen, but they are not the primary focus of this project.</span>
 +
 
 +
<span class="intro">The patterns in this collection are '''[[social design patterns]]''' (a.k.a. ''social user experience design patterns''). They are interaction pattern for people designing social interfaces.
 +
 
 +
</span>
 +
 
 +
''Want to work on a pattern? Use this [[Pattern Template]].''
 +
 
 +
==The Site and The Book==
 +
===Designing Social Interfaces: Principles, Patterns, and Practices for Improving the User Experience===
by Christian Crumlish and Erin Malone
by Christian Crumlish and Erin Malone
-
<br />Coming Soon! from O'Reilly Media and Yahoo! Press
+
<br />Available Now! from O'Reilly Media and Yahoo! Press
This [http://www.designingsocialinterfaces.com/ book] presents a family of social web design principles and interaction patterns that we have observed and codified, thus capturing user-experience best practices and emerging social web customs for web 2.0 practitioners.  
This [http://www.designingsocialinterfaces.com/ book] presents a family of social web design principles and interaction patterns that we have observed and codified, thus capturing user-experience best practices and emerging social web customs for web 2.0 practitioners.  

Current revision

#What is this site? #What's a pattern?

Contents

Social Patterns & Best Practices

Principles

section title: Social to the Core

Fundamental Principles


  • what other high-level principles are we missing?

Self

Engagement

chapter title: You're Invited

Identity

chapter title: Where's the Rest of Me?

Presence

chapter title: We Are Here! We Are Here! We Are Here!

Reputation

chapter title: Would You Buy a Used Car from This Person?

Activities

section title: Where’s the Action?

Collecting

chapter title: Hunters Gather

Broadcasting & Publishing

chapter title: The Megalophone

Sharing

chapter title: Share and Share Alike

Feedback

chapter title: Long Time Listener, First Time Caller

Communicating

chapter title: Watson Come Quick!

Collaboration

chapter title: Barnraising

Social Media

chapter title: Social Media Junkies Unite!

5+ Anti-Patterns

Community

section title: One of Us, One of Us

Personal Connections

chapter title: We Need to Talk

Community Management

chapter title: Good Cop, Bad Cop

Place, Geography, Location

chapter title: Where in the World?

Both geophysical place and virtual sense of place (relates to presence, identity, relationships, and community)


Other Considerations

Open for Business

Other Contexts

Appendices & Misc.


Getting started

Social Patterns Presentations and Workshops

Talk about patterns

Yahoo!'s Writing Patterns forum

Presentations about patterns

Some good talks defining patterns and about specific pattern types:

Pattern Sites

Pattern Collections

Mobile Pattern Collections

Other Related Sites

What is this site?

skip to the patterns! skip to quicknav (note page still being created)

The Designing Social Interfaces patterns wiki is a companion site to the book that Christian Crumlish and Erin Malone are currently writing for O'Reilly Media.

We decided to share the patterns as we write the patterns and the book to get community feedback. We think that hearing a variety of opinions about these topics will make the material stronger and more representative of what's happening in social interfaces. As we complete sections of the book, we will be adding the patterns.

If you choose to contribute, we ask that you don't delete sections out right, but rather add your information with attribution. We want to incorporate contributions into the final book material and would like to know who contributed what. Every page has a discussion tab for conversations about the topic.

We look forward to talking with you!

What's a Pattern?

A pattern describes an optimal solution to a common problem within a specific context.

A pattern is not a finished piece of code or design. Rather, it reflects the sum total of a community's knowledge and experience or expertise in a given domain.

When we talk about patterns, we often start by noticing social behavior patterns. These are patterns in what people do, with or without interfaces designed for those purposes. These patterns are interesting and fun to talk about and they help us understand what's likely to happen, but they are not the primary focus of this project.

The patterns in this collection are social design patterns (a.k.a. social user experience design patterns). They are interaction pattern for people designing social interfaces.

Want to work on a pattern? Use this Pattern Template.

The Site and The Book

Designing Social Interfaces: Principles, Patterns, and Practices for Improving the User Experience

by Christian Crumlish and Erin Malone
Available Now! from O'Reilly Media and Yahoo! Press

This book presents a family of social web design principles and interaction patterns that we have observed and codified, thus capturing user-experience best practices and emerging social web customs for web 2.0 practitioners.

This wiki presents the collected patterns for community feedback and discussion.