Personal tools

Main Page

From Social Patterns

(Difference between revisions)
Jump to: navigation, search
m
m (Reverted edits by SADSADSAD (Talk) to last version by Xian)
Line 1: Line 1:
 +
==What is this site?==
 +
''[http://www.designingsocialinterfaces.com/patterns.wiki/index.php?title=Main_Page#Social_Patterns_.26_Best_Practices skip to the patterns!]''
 +
<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>
-
dsadsasadsaoisdghn breg , .//retg m e35. Ewrtretyyyr4787887
+
<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>
-
<a href="http://www.aep-arts.org/wiki/index.php/User:159_buy_cipro">Buy Cipro Online</a>
+
 
-
<a href="http://www.bloglines.com/blog/accutanes">Buy Accutane Online</a>
+
<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>
-
<a href="http://www.bloglines.com/blog/Cialisses">Buy Cialis Online Without Prescription</a>476778
+
 
-
<a href="http://www.bloglines.com/blog/Ciproses">Buy Cipro Online</a>
+
<span class="intro">We look forward to talking with you!
-
<a href="http://www.moviemaker.com/forums/viewthread/3986/">Buy Acomplia Online</a>
+
 
-
<a href="http://www.moviemaker.com/forums/viewthread/3989/">Buy Cipro Online</a>op[i
+
</span>
-
<a href="http://www.moviemaker.com/forums/viewthread/4027/">Buy Propecia Online</a>
+
 
-
<a href="http://www.bloglines.com/blog/Fluoxetinenoprescription">Buy Fluoxetine Online</a>
+
==What's a Pattern?==
-
<a href="http://www.bloglines.com/blog/Isotretinoines">Buy Isotretinoin Online</a\
+
<span class="emphasizeIntro">A '''pattern''' describes an optimal solution to a common problem within a specific context.</span>
-
<a href="http://www.moviemaker.com/forums/viewthread/4040/">Buy Viagra Online</a>234325
+
 
-
<a href="http://www.bloglines.com/blog/clomiden">Buy Clomid Online</a>sadsahjlkkj
+
<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>
-
<a href="http://www.bloglines.com/blog/diflucannoprescription">Buy Diflucan Online</a>
+
 
-
<a href="http://www.moviemaker.com/forums/viewthread/4032/">Buy Levitra Online</a>
+
<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>
-
<a href="http://www.moviemaker.com/forums/viewthread/3997/">Buy Clomid Online</a>
+
 
-
<a href="http://www.moviemaker.com/forums/viewthread/4011/">Buy Diflucan Online</a>
+
<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.
-
sadas657678009=<a href="http://www.moviemaker.com/forums/viewthread/4023/">Buy Nolvadex Online</a>
+
 
-
asdsa<a href="http://www.bloglines.com/blog/Orlistatsnosprescriptiones">Buy Orlistat Online</a>
+
</span>
-
<a href="http://www.bloglines.com/blog/propeciaaswithoutsprescription">Buy Propecia Online</a>
+
 
-
<a href="http://www.bloglines.com/blog/BuyProzaconline">Buy Prozac Online</a>
+
''Want to work on a pattern? Use this [[Pattern Template]].''
-
<a href="http://www.bloglines.com/blog/Doxycycliness">Buy Doxycycline Online</a>asssssssssssssssssss
+
 
-
<a href="http://www.bloglines.com/blog/Lasixnoprescription">Buy Lasix Online</a>ds
+
== Social Patterns & Best Practices ==
-
<a href="http://www.bloglines.com/blog/Levitranoprescription">Buy Levitra Online Without Prescription</a>
+
{| border="0" cellspacing="10" cellpadding="25"|-
-
<a href="http://www.bloglines.com/blog/Lisinoprilsonline">Buy Lisinopril Online</a>
+
|valign="top" width="33%"|
-
435<a href="http://www.bloglines.com/blog/buynolvadex">Buy Nolvadex Online</a>
+
=== Principles ===
-
<a href="http://www.bloglines.com/blog/Revatioc">Buy Revatio Online</a>dsfsd
+
''cute name: Social to the Core''
-
ddsjkkjhjh<a href="http://www.moviemaker.com/forums/viewthread/4035/">Buy Rimonabant Online</a>
+
 
-
<a href="http://www.moviemaker.com/forums/viewthread/3987/">Buy Cialis Online</a>  yu89o
+
====[[Fundamental Principles]]====
-
<a href="http://www.bloglines.com/blog/acomplias">Buy Acomplia Online</a>
+
* [[Design for Everyone]]
-
<a href="http://www.bloglines.com/blog/Avodarts">Buy Avodart Online</a>ty yhuuy09
+
** [[Deliberately Leave Things Incomplete]]
-
<a href="http://www.bloglines.com/blog/celexas">Buy Celexa Online</a>
+
** [[Pave the Cowpaths]]
-
<a href="http://www.bloglines.com/blog/buyrimonabantonline">Buy Rimanabant Online</a>rtr
+
** [[Strict vs. Fluid Taxonomies]]
-
<a href="http://www.bloglines.com/blog/buysildenafilcitratesss">Buy Sildenafil Citrate Online</a>sdfds
+
** [[Palimpsest]]
-
<a href="http://www.bloglines.com/blog/zithromaxwithoutprescription">Buy Zithromax Online</a>
+
* [[Talk Like a Person]]
-
sddsfsdfsd<a href="http://www.bloglines.com/blog/buyaccutanewithoutprescription">Buy Accutane Online Without Prescription</a>543543
+
** [[Conversation]]
-
!#@%asff7669878
+
** [[Self-Deprecating Error Messages]]
-
asdsad
+
** [[Ask Questions]]
 +
** [[Your vs. My]]
 +
** [[No Joking Around]]
 +
* [[Don't Break Email!]]
 +
* [[Be Open]]
 +
* [[Learn from Games]]
 +
* [[Cargo Cult]] (antipattern)
 +
* [[The Ethical Dimension]]
 +
 
 +
* ''what other high-level principles are we missing?''
 +
 
 +
=== Self ===
 +
==== Engagement ====
 +
''cute name: You're Invited''
 +
 
 +
* [[Sign Up or Registration]]
 +
* [[Sign In]]
 +
* [[Sign In Continuity]]
 +
* [[Sign Out]]
 +
* Invitations
 +
** [[Receive Invitation]]
 +
** [[Send Invitation]]
 +
* [[The Password Anti-Pattern]]
 +
* [[Authorize]]
 +
* [[Private Beta]]
 +
* [[Welcome Area]]
 +
* [[Reengagement]]
 +
 
 +
==== Identity  ====
 +
''cute name: Where's the Rest of Me?''
 +
 
 +
* [[Identity]] (overview)
 +
* [[Profile]]<br />(Preferences, Claiming, Decorating, Faceted, Private Information)
 +
** [[Reflectors]]
 +
** [[Identity Cards]]
 +
** [[Attribution]]
 +
** [[Testimonial]]
 +
* [[Avatar]]<br />(Default Avatar, Multiple Avatars, Mood Expressions, Gravatar)
 +
* [[Personal Dashboard]]
 +
* [[Testimonials (or Personal Recommendations)]]
 +
 
 +
==== Presence ====
 +
''cute name: We Are Here! We Are Here! We Are Here!''
 +
 
 +
* [[Presence]]
 +
** [[A Brief History of Online Presence]]
 +
** [[The Future of Presence]]
 +
* [[Presence Actions & Facets]]
 +
** [[Availability]]
 +
** [[Mood]]
 +
** [[Environment]]
 +
** [[Buddy List]]
 +
* [[Activity Streams]]
 +
** [[Statuscasting]]
 +
** [[Microblogging]]
 +
** [[Updates]]
 +
*** [[Updates Opt-in Disclosure]]
 +
*** [[Manage Incoming Updates]]
 +
** [[Lifestream]]
 +
* [[Keep Company]]
 +
** [[Signs of Life]]
 +
** [[User Gallery]]
 +
** [[Who’s Here Now?]]
 +
** [[Ambient Intimacy]]
 +
 
 +
==== Reputation ====
 +
''Would You Buy a Used Car from This Person?''
 +
 
 +
* [[Reputation]]
 +
* [[Competitive Spectrum]]
 +
* [[Levels]]
 +
** [[Named Levels]]
 +
** [[Numbered Levels]]
 +
* [[Labels]]
 +
* [[Awards]]
 +
** [[Collectible Achievements]]
 +
** [[Temporal Awards]]
 +
** [[Peer-to-peer Awards]]
 +
* [[Ranking]]
 +
** [[Points]]
 +
** [[Leaderboard]]
 +
** [[Top X]]
 +
* [[Statistical Evidence]]
 +
* [[Monitoring]]
 +
* [[Friend Ranking]]
 +
 
 +
|valign="top" width="33%"|
 +
=== Activities ===
 +
''cute name: Where’s the Action?''
 +
 
 +
==== Collecting ====
 +
''cute name: Hunters Gather''
 +
 
 +
* Collecting
 +
** [[Saving]]
 +
** [[Favorites]]
 +
** [[Displaying]]
 +
** [[Add / Subscribe]]
 +
* Tagging
 +
** [[Tag an Object]]
 +
** [[Find with Tags]]
 +
** [[Tag Cloud]]
 +
 
 +
==== Sharing ====
 +
''chapter title: Share and Share Alike'
 +
 
 +
* [[Sharing]]
 +
* [[Tools for Sharing]]
 +
** [[Bookmarklet]]
 +
** [[Share This]]
 +
** [[Activity Streams]]
 +
* [[Direct Sharing]]
 +
** [[Send This]]
 +
** [[Casual Privacy]]
 +
** [[Share Application]]
 +
** [[Give Gift]]
 +
* [[Public Sharing]]
 +
** [[Many Publics]]
 +
** [[One-Time Sharing]]
 +
*** [[Social Bookmarking]]
 +
*** [[Uploading to the Cloud]]
 +
*** [[Embedding]]
 +
** [[Ongoing Sharing]]
 +
 
 +
====Broadcasting & Publishing====
 +
''chapter title: The Megalophone''
 +
 
 +
* Broadcasting
 +
** [[Blogs - Consume]]<br />(Individual Posts, Presentation of Aggregate Posts)
 +
** [[Blogs - Ownership]]<br />(Updating, Creating, Editing)
 +
** [[Microblogging]]
 +
* Publishing
 +
** [[Publishing]]
 +
** [[Rights]]
 +
*** [[Terms of Service]]
 +
*** [[Licensing]]
 +
**** [[Public Domain]]
 +
**** [[Creative Commons]]
 +
**** [[Copyleft]]
 +
**** [[Copyright]]
 +
* [[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]]
 +
 
 +
====Communicating====
 +
''cute name: Watson Come Quick!''
 +
 
 +
* [[Synchronous vs. Asynchronous]]
 +
* [[Sign In to Participate]]
 +
* [[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 ====
 +
''cute name: Barnraising''
 +
 
 +
* [[Collaboration]]
 +
* [[Manage Project]]
 +
* [[Voting]]
 +
* [[Collaborative Editing]]
 +
** [[Edit This Page]]
 +
** [[The Wiki Way]]
 +
** [[Unbook]]
 +
* [[Crowdsourcing]]
 +
 
 +
==== Social Media ====
 +
''chapter title: Social Media Junkies Unite!''
 +
 
 +
* [[Social Media]]
 +
* [[Social Objects]]
 +
* [[Tuning In]]
 +
** [[Following]]
 +
** [[Filtering]]
 +
* [[Recommendations]]
 +
* [[Social Search]]
 +
** [[Realtime Search]]
 +
** [[Conversational Search]]
 +
** [[The Notificator]]
 +
* [[Pivoting]]
 +
* [[Marketing]]
 +
** [[Monetize]]
 +
** [[Underpants Gnomes]]
 +
 
 +
|valign="top" width="33%"|
 +
 
 +
=== Community ===
 +
''cute name: One of Us, One of Us”
 +
 
 +
====Personal Connections====
 +
''cute name: We Need to Talk”
 +
 
 +
* Relationships
 +
** [[Relationship terminology (friend, family, fan, follower, contact, colleague, connection, cohort)]]
 +
** [[Find People]] <br />(Browsing for people / Friends of friends. Searching for people, Finding friends from Email or IM Buddy Lists, Recommendations)
 +
** [[Adding Friends]]
 +
*** (Confirming Friendship, One-Way Following, Ignore Me)
 +
*** [[Implicit &amp; Explicit Relationships]]
 +
*** [[Fans and Fame]]
 +
** [[Circle of Connections]]
 +
** [[Publicize Relationship]]
 +
** [[Unfriending]]<br />(Blocking, Ostracizing, Bozofilter)
 +
** [[The Ex-Boyfriend Antipattern]]
 +
** [[Buddy List]]
 +
 
 +
* Dating
 +
** [[Flirting]]
 +
*** [[Poking]]
 +
*** [[Drunk Dialing]]
 +
*** [[Booty Call]]
 +
** [[Marriage]]
 +
** [[Divorce]]
 +
** [[Cybersex]]
 +
** [[Watching]]
 +
*** [[Stalking]]
 +
 
 +
* [[Groups]]<br />(Ridiculously Easy Group Formation, Create, Finding Groups, Participation)
 +
** [[Invite to Group]]
 +
 
 +
==== Community Management ====
 +
''cute name: Good Cop, Bad Cop''
 +
 
 +
* [[Community Management]]
 +
** [[Norms]]
 +
** [[Manifesting]]
 +
* [[Collective Choices]]
 +
* [[Potemkin Village]] (antipattern)
 +
* [[Group Moderation]]
 +
** [[Collaborative Filtering]]
 +
** [[Report Abuse]]
 +
* [[What's the Story?]]
 +
 
 +
==== Place, Geography, Location ====
 +
''cute name Where in the World?''
 +
 
 +
Both geophysical place and virtual sense of place (relates to presence, identity, relationships, and community)
 +
* [[Being Local]]
 +
** [[Face-to-Face Meeting]]
 +
** [[Party]]
 +
* Event Making
 +
** [[Calendaring]]
 +
** [[Reminding]]
 +
* Mapping
 +
** [[GeoTagging]]
 +
** [[Geo-Mapping]]
 +
** [[Geo-Mashing]]
 +
** [[Neighborhood]]
 +
* [[Mobile]]
 +
** [[Geo]]
 +
** [[Gatherings]]
 +
** [[MobileStatuscasting]]
 +
|}
 +
 
 +
 
 +
{| border="0" cellpadding="20"
 +
|valign="top" width="33%"|
 +
 
 +
==Other Considerations==
 +
 
 +
=== Open for Business ===
 +
* [[Degrees of Openness]]
 +
* [[Badging Out]]
 +
* [[Import]]
 +
* [[Open APIs]]
 +
* [[Data Portability]]
 +
** [[Semantics and Microformats]]
 +
* [[Application Patterns]]
 +
* [[Service Linking]]
 +
* [[Mashup / Remixing]] (was [[Mashup Modules]])
 +
* [[Peer-to-Peer Architectures]]
 +
 
 +
===Other Contexts===
 +
 
 +
* On the Edges
 +
** Mobile and Social
 +
** [[Social in the Enterprise]]
 +
* Demographic differences
 +
** Youth
 +
** Boomers and Elderly
 +
* Games and Social Design
 +
 
 +
|valign="top" width="33%"|
 +
 
 +
==Appendices & Misc.==
 +
 
 +
* [[Bibliography]]
 +
 
 +
* [[Glossary]]
 +
* [http://design.yahoo.com Yahoo! Design Pattern Library]
 +
* [http://developer.yahoo.com/yui Yahoo! User Interface Library]
 +
* Poster-Sized Concept Map of Social Patterns Ecosystem
 +
* Deck of Pattern Cards
 +
 
 +
|valign="top" width="33%"|
 +
|}
 +
 
 +
== Getting started ==
 +
{| border="0" cellpadding="20"
 +
|-
 +
|width="50%" valign="top"|
 +
===Social Patterns Presentations and Workshops===
 +
* [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===
 +
[http://developer.yahoo.net/forum/index.php?s=3fb12a13d962e01429b9fe69f61382ca&showforum=14 Yahoo!'s Writing Patterns forum]
 +
 
 +
===Presentations about patterns===
 +
Some good talks defining patterns and about specific pattern types:
 +
* [http://developer.yahoo.net/blogs/theater/archives/2007/12/ued_pattern_library_w_christian_crumlish.html Christian Crumlish talks about the Yahoo! Pattern Library]
 +
* [http://www.slideshare.net/lukew/design-patterns-defining-and-sharing-web-design-languages LukeW's talk on Design Patterns: Designing and Sharing Web Design Languages]
 +
* [http://www.slideshare.net/xian/designing-with-patterns-in-the-real-world-367910 Christian Crumlish's talk on Designing with Patterns in the Real World]
 +
* [http://www.slideshare.net/morville/search-patterns Peter Morville's talk on Search Patterns]
 +
* [http://www.slideshare.net/xian/grasping-social-patterns Christian Crumlish's Ignite talk on Grasping Social Patterns]
 +
* [http://www.slideshare.net/psykoreactor/best-practices-for-form-design LukeW's talk on Form Design]
 +
* [http://www.slideshare.net/billwscott/designing-for-ajax Bill Scott's talk on Designing for AJAX, Patterns for rich interaction]
 +
* Jenifer Tidwell's talk on Mobile UX Design Patterns from Interaction 09?
 +
 
 +
|width="50%" valign="top"|
 +
 
 +
===Pattern Sites===
 +
====Pattern Collections====
 +
* [http://design.yahoo.com Yahoo! Design Pattern Library]
 +
* [http://www.mit.edu/~jtidwell/common_ground.html Common Ground] (Jenifer Tidwell's original library)
 +
* [http://www.welie.com/ Patterns in Interaction Design] (Martijn van Welie)
 +
* [http://designinginterfaces.com/ Designing Interfaces: Patterns for Effective Interaction Design] (Jenifer Tidwell's book)
 +
* [http://www.cs.helsinki.fi/u/salaakso/patterns/ User Interface Design Patterns] (Sari Laakso)
 +
* [http://www.designpattern.lu.unisi.ch/index.htm Hypermedia Design Pattern Repository]
 +
* [http://www.cmis.brighton.ac.uk/research/patterns/home.html The Brighton Usability Pattern Collection]
 +
* [http://patterns.holehan.org/ Open Design 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://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://uidesignpatterns.org/ Open Source Pattern Library] (Fluid Project)
 +
* [http://interface.fh-potsdam.de/infodesignpatterns/news.php Information Design Patterns]
 +
* [http://ui-patterns.com/ UI-Patterns.com]
 +
* [http://uipatternfactory.com/ UI Pattern Factory]
 +
* [http://designingwebinterfaces.com/ Designing Web Interfaces] (Bill Scott and Theresa Neil's book)
 +
* [http://quince.infragistics.com/ Quince UX Patterns Explorer] (requires Silverlight)
 +
* ''[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)''
 +
 
 +
====Other Related Sites====
 +
* [http://konigi.com/ Konigi: knowledge management for web designers]
 +
* [http://patterntap.com/ Pattern Tap]
 +
* [http://www.flickr.com/photos/factoryjoe/collections/72157600001823120/ Design Patterns] (factoryjoe's Flickr collection)
 +
* [http://new.uxmatters.com/mt/archives/2009/01/antipatterns.php Antipatterns article at UX Matters]
 +
* [http://hillside.net/patterns/writing/checklist.htm Pattern Writing Checklist]
 +
* [http://looksgoodworkswell.blogspot.com/search/label/patterns Bill Scott] (former Pattern Curator - writes patterns and anti-patterns)
 +
* [http://yuiblog.com/ YUI Blog] (many entries about Yahoo! patterns)
 +
* [http://developer.apple.com/documentation/UserExperience/Conceptual/OSXHIGuidelines/XHIGIntro/chapter_1_section_1.html Apple's Human Interface Guidelines]
 +
* [http://msdn2.microsoft.com/en-us/library/aa511258.aspx Windows Vista UX guidelines]
 +
|}
 +
 
 +
===The Site and The Book===
 +
====Designing Social Interfaces: Principles, Patterns, and Practices for Improving the User Experience====
 +
 
 +
by Christian Crumlish and Erin Malone
 +
<br />Coming Soon! 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 wiki presents the collected patterns for community feedback and discussion.
 +
 
 +
<br />
 +
[[Category:erinmalone]]
 +
[[Category:ChristianCrumlish]]

Revision as of 02:55, 12 July 2009

Contents

What is this site?

skip to the patterns!

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.

Social Patterns & Best Practices

Principles

cute name: Social to the Core

Fundamental Principles

  • what other high-level principles are we missing?

Self

Engagement

cute name: You're Invited

Identity

cute name: Where's the Rest of Me?

Presence

cute name: We Are Here! We Are Here! We Are Here!

Reputation

Would You Buy a Used Car from This Person?

Activities

cute name: Where’s the Action?

Collecting

cute name: Hunters Gather

Sharing

chapter title: Share and Share Alike'

Broadcasting & Publishing

chapter title: The Megalophone

Feedback

cute name: Long Time Listener, First Time Caller

Communicating

cute name: Watson Come Quick!

Collaboration

cute name: Barnraising

Social Media

chapter title: Social Media Junkies Unite!

Community

cute name: One of Us, One of Us”

Personal Connections

cute name: We Need to Talk”

Community Management

cute name: Good Cop, Bad Cop

Place, Geography, Location

cute name 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

  • On the Edges
  • Demographic differences
    • Youth
    • Boomers and Elderly
  • Games and Social Design

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

Other Related Sites

The Site and The Book

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

by Christian Crumlish and Erin Malone
Coming Soon! 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.