Personal tools

Main Page

From Social Patterns

(Difference between revisions)
Jump to: navigation, search
m (Unprotected "Main Page")
Current revision (19:10, 20 August 2015) (view source)
(Appendices & Misc.)
 
(353 intermediate revisions not shown.)
Line 1: Line 1:
-
==What's a Pattern?==
+
'''[[#What is this site?]]'''
-
A pattern describes an optimal solution to a common problem within a specific context.
+
'''[[#What's a pattern?]]'''
-
 
+
== Social Patterns & Best Practices ==
== Social Patterns & Best Practices ==
-
{| border="0" cellspacing="0" cellpadding="25"|-
+
{| border="0" cellspacing="10" cellpadding="25"|-
|valign="top" width="33%"|
|valign="top" width="33%"|
-
=== Social to the Core ===
+
=== Principles ===
 +
''section title: Social to the Core''
 +
 
 +
====[[Fundamental Principles]]====
* [[Design for Everyone]]
* [[Design for Everyone]]
-
* [[Palimpsest]]
+
** [[Deliberately Leave Things Incomplete]]
-
* [[Human Voice]]
+
** [[Pave the Cowpaths]]
-
** [[Context-sensitive]]
+
** [[Strict vs. Fluid Taxonomies]]
 +
** [[Palimpsest]]
 +
* [[Talk Like a Person]]
 +
** [[Conversation]]
 +
** [[Self-Deprecating Error Messages]]
** [[Ask Questions]]
** [[Ask Questions]]
-
* [[Your, Not My]]
+
** [[Your vs. My]]
-
* [[No Joking]]
+
** [[No Joking Around]]
 +
* [[Don't Break Email!]]
* [[Be Open]]
* [[Be Open]]
-
** [[Badging Out]]
+
* [[Learn from Games]]
-
** [[Import]]
+
* [[The Ethical Dimension]]
-
** [[Open APIs]]
+
 
-
** [[Ask Questions]]
+
 
-
** [[Semantics and Microformats]]
+
* ''what other high-level principles are we missing?''
-
** [[Mashup Modules]]
+
 +
=== Self ===
 +
==== Engagement ====
 +
''chapter title: You're Invited''
-
=== You're Invited ===
 
* [[Sign Up or Registration]]
* [[Sign Up or Registration]]
* [[Sign In]]
* [[Sign In]]
* [[Sign In Continuity]]
* [[Sign In Continuity]]
 +
* [[Sign Out]]
* Invitations
* Invitations
** [[Receive Invitation]]
** [[Receive Invitation]]
Line 36: Line 45:
* [[Reengagement]]
* [[Reengagement]]
 +
==== Identity  ====
 +
''chapter title: Where's the Rest of Me?''
-
=== Where's the Rest of Me ===
+
* [[Identity]] (overview)
-
* [[Identity]]
+
* [[Profile]]<br />(Preferences, Claiming, Decorating, Faceted, Private Information)
-
* [[Profile]]
+
** [[Reflectors]]
-
** [[Profile Preferences]]
+
** [[Identity Cards]]
-
** [[Claiming]]
+
** [[Attribution]]
-
** [[Decorating]]
+
** [[Interests]]
-
** [[Reflectors (cards, badges)]]
+
** [[Testimonials (or Personal Recommendations)]]
-
** [[Faceted Identity (contextual profile)]]
+
* [[Avatar]]<br />(Default Avatar, Multiple Avatars, Mood Expressions, Gravatar)
-
* [[Attribution]]
+
-
* [[Avatar]]
+
-
** [[Default Avatar]]
+
-
** [[Encouragement to Customize]]
+
-
** [[Multiple Avatars]]
+
-
** [[Mood Expressions]]
+
-
** [[Gravatar]]
+
-
* [[Recommendations]]
+
-
* [[Private Information]]
+
* [[Personal Dashboard]]
* [[Personal Dashboard]]
 +
==== Presence ====
 +
''chapter title: 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 ====
 +
''chapter title: Would You Buy a Used Car from This Person?''
-
=== Would You Buy a Used Car from This? ===
 
* [[Reputation]]
* [[Reputation]]
* [[Competitive Spectrum]]
* [[Competitive Spectrum]]
Line 66: Line 93:
* [[Awards]]
* [[Awards]]
** [[Collectible Achievements]]
** [[Collectible Achievements]]
 +
** [[Temporal Awards]]
** [[Peer-to-peer Awards]]
** [[Peer-to-peer Awards]]
* [[Ranking]]
* [[Ranking]]
Line 71: Line 99:
** [[Leaderboard]]
** [[Leaderboard]]
** [[Top X]]
** [[Top X]]
 +
* [[Statistical Evidence]]
* [[Monitoring]]
* [[Monitoring]]
* [[Friend Ranking]]
* [[Friend Ranking]]
 +
|valign="top" width="33%"|
-
=== The Media is the Massage ===
+
=== Activities ===
 +
''section title: Where’s the Action?''
-
* [[Social Media]]
+
==== Collecting ====
-
* [[Social Objects]]
+
''chapter title: Hunters Gather''
-
* [[Finding Quality]]
+
-
** [[Recommendation]]
+
-
** [[Following]]
+
-
* [[Pivoting]]
+
-
* [[Social Search]]
+
-
* [[Managing Attention]]
+
-
** [[Continuous Partial Attention]]
+
-
** [[Filtering Content]]
+
-
** [[Interests]]
+
-
*** [[Explicitly Declared]]
+
-
*** [[Implicitly Inferred]]
+
-
** [[Subscribe to Updates]]
+
-
 
+
* Collecting
-
=== 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]]
+
-
* [[GeoTagging]]
+
-
* [[Mapping]]
+
-
** [[Geo-Mapping]]
+
-
** [[Concept Mapping]]
+
-
** [[Geo-Mashing]]
+
-
* [[Lifecycle]]
+
-
** [[Apparent Age]]
+
-
** [[Freshness]]
+
-
** [[Currency]]
+
-
** [[Vitality]]
+
-
* [[Neighborhood]]
+
-
 
+
-
 
+
-
|valign="top" width="33%"|
+
-
=== Where’s the Action? ===
+
-
 
+
-
* [[Activities]]
+
-
* [[Learning]]
+
-
** [[Aggregating]]
+
-
** [[Sense-Making]]
+
** [[Saving]]
** [[Saving]]
-
** [[Sharing Knowledge]]
 
-
** [[Lurking Allowed]]
 
-
* [[Communication]]
 
-
** [[Sign In to Participate]]
 
-
** [[Conversation]]
 
-
*** [[Public Conversation]]
 
-
*** [[Private Conversations]]
 
-
**** [[Nudging]]
 
-
**** [[Sidebar]]
 
-
**** [[Whisper]]
 
-
**** [[Backchannel]]
 
-
**** [[IM]]
 
-
**** [[E-mail]]
 
-
**** [[Skype]]
 
-
*** [[Group Messaging]]
 
-
**** [[Storing Conversation]]
 
-
**** [[Discovering Conversation]]
 
-
*** [[Caretakers]]
 
-
*** [[Synchronous]]
 
-
*** [[Asynchronous]]
 
-
*** [[Argument]]
 
-
**** [[Flamewars]]
 
-
**** [[Vendettas]]
 
-
**** [[Sock-Puppets]]
 
-
* [[Feedback]]
 
-
** [[Comments]]
 
-
** [[Reviews]]
 
-
** [[Ratings]]
 
** [[Favorites]]
** [[Favorites]]
-
** [[Plus One]]
+
** [[Displaying]]
-
** [[Vote to Promote]]
+
** [[Add / Subscribe]]
-
** [[Thumbs]]
+
* Tagging
-
*** [[Thumbs Up Only]]
+
-
*** [[Up/Down]]
+
-
** [[Soliciting Feedback]]
+
-
* [[Tagging]]
+
** [[Tag an Object]]
** [[Tag an Object]]
** [[Find with Tags]]
** [[Find with Tags]]
** [[Tag Cloud]]
** [[Tag Cloud]]
 +
 +
====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)
 +
 +
==== Sharing ====
 +
''chapter title: Share and Share Alike''
 +
* [[Sharing]]
* [[Sharing]]
-
** [[Sharing Objects]]
+
* [[Tools for Sharing]]
-
** [[Sharing Activities]]
+
** [[Bookmarklet]]
-
** [[Sharing Progress]]
+
** [[Share This]]
-
** [[Sharing Secrets]]
+
** [[Activity Streams]]
-
* [[Gift Giving]]
+
* [[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]]
 +
 
 +
==== 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 ====
 +
''chapter title: Barnraising''
 +
 
* [[Collaboration]]
* [[Collaboration]]
-
** [[Favors]]
+
* [[Manage Project]]
-
** [[Establish Urgency]]
+
* [[Voting]]
-
** [[Timelines]]
+
* [[Collaborative Editing]]
-
** [[Rights, Licenses, Legal]]
+
** [[Edit This Page]]
-
*** [[ Creative Commons, Copyleft]]
+
** [[The Wiki Way]]
-
** [[Collaborative Editing]]
+
** [[Unbook]]
-
*** [[The Wiki Way]]
+
* [[Crowdsourcing]]
-
** [[Compensation]]
+
-
* [[Publishing]]
+
-
** [[Updating]]
+
-
** [[Creating]]
+
-
** [[Editing]]
+
-
** [[Blogging]]
+
-
*** [[Microblogging]]
+
-
** [[Rich Media]]
+
-
*** [[Video]]
+
-
**** [[Video Editing]]
+
-
**** [[Watching Videos]]
+
-
**** [[Vlogging]]
+
-
**** [[Viral Video]]
+
-
*** [[Podcasting]]
+
-
** [[Mashup / Remixing]]
+
-
** [[Dataviz]]
+
-
* [[ Marketing]]
+
-
** [[Monetize]]
+
-
*** [[Underpants Gnomes]]
+
-
** [[Spamming]]
+
-
*** [[Mass-friending]]
+
-
*** [[Tag Spamming]]
+
-
** [[Promoting]]
+
-
*** [[Announcing]]
+
-
*** [[Pimping]]
+
 +
==== 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%"|
|valign="top" width="33%"|
-
=== One of Us, One of Us ===
 
-
* [[Community]]
+
=== 5+ Anti-Patterns ===
-
* [[Relationships]]
+
* [[The Password Anti-Pattern]]
-
** [[Initiate Relationship]]
+
* [[Potemkin Village]] (antipattern)
-
** [[Explicit Relationships]]
+
* [[The Ex-Boyfriend Antipattern]]
-
*** [[Define Relationship]]
+
* [[Cargo Cult]] (antipattern)
-
*** [[Relationship terminology (friend, family, fan, follower, contact, colleague, connection, cohort)]]
+
* [[Don't Break Email!]]
-
*** [[Granularity of relationships]]
+
* and sometimes [[Leaderboard]]
-
*** [[Publicize Relationship]]
+
 
-
* [[Circles of Intimacy]]
+
=== Community ===
-
* [[Dating]]
+
''section title: One of Us, One of Us''
 +
 
 +
====Personal Connections====
 +
''chapter title: 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]]
** [[Flirting]]
*** [[Poking]]
*** [[Poking]]
Line 226: Line 258:
** [[Watching]]
** [[Watching]]
*** [[Stalking]]
*** [[Stalking]]
-
* [[Implicit Relationships]]
 
-
** [[Reciprocity]]
 
-
** [[Directional/Polarized/One-way Relationships]]
 
-
** [[Fans and Fame]]
 
-
* [[Find People]]
 
-
** [[Friends of Friends]]
 
-
** [[The Ex-Boyfriend Antipattern]]
 
-
* [[Adding Friends]]
 
-
** [[Confirming Friendship]]
 
-
** [[One-Way Following]]
 
-
* [[Unfriending]]
 
-
** [[Blocking]]
 
-
** [[Ostracizing]]
 
-
** [[Bozofilter]]
 
-
* [[Buddy List]]
 
-
* [[Groups]]
 
-
** [[Ridiculously Easy Group Formation]]
 
-
** [[Forums]]
 
-
** [[Blogs]]
 
 +
* [[Groups]]<br />(Ridiculously Easy Group Formation, Create, Finding Groups, Participation)
 +
** [[Invite to Group]]
-
=== Good Cop, Bad Cop ===
+
==== Community Management ====
 +
''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]]
+
-
==What’s Next?==
+
==== Place, Geography, Location ====
-
Where are things going, What’s still unsolved?
+
''chapter title: Where in the World?''
-
===Web vs. mobile/geo/ubiquitous===
+
Both geophysical place and virtual sense of place (relates to presence, identity, relationships, and community)
 +
* [[Check In]]
 +
* [[Being Local]]
 +
** [[Face-to-Face Meeting]]
 +
** [[Party]]
 +
* Event Making
 +
** [[Calendaring]]
 +
** [[Reminding]]
 +
* Mapping
 +
** [[GeoTagging]]
 +
** [[Geo-Mapping]]
 +
** [[Geo-Mashing]]
 +
** [[Neighborhood]]
 +
* [[Mobile]]
 +
** [[Geo]]
 +
** [[Gatherings]]
 +
** [[MobileStatuscasting]]
 +
|}
-
===Demographic differences===
 
-
Example: Age groups
 
-
===Games and Social Design===
+
{| border="0" cellpadding="20"
 +
|valign="top" width="33%"|
-
==Backmatter==
+
==Other Considerations==
-
* [[Appendices]]
+
 
-
** [[http://design.yahoo.com Yahoo! Design Pattern Library]]
+
=== Open for Business ===
-
** Poster-Sized Concept Map of Social Patterns Ecosystem
+
* [[Degrees of Openness]]
-
** Deck of Pattern Cards?
+
* [[Badging Out]]
-
** [[http://developer.yahoo.com/yui Yahoo! User Interface Library]]
+
* [[Import]]
-
** Possible: A Brief History of Social Networking
+
* [[Open APIs]]
-
*** BBS’s at 300 Baud
+
* [[Data Portability]]
-
*** The Well
+
** [[Semantics and Microformats]]
-
*** Imminent Death of Usenet Predicted, Film at 11
+
* [[Application Patterns]]
-
*** AOL and the endless September of 1993
+
** [[App Installation]]
-
*** Blogs, Social Networks, Social Media Filters, Walls and Feeds]]
+
** [[App Ratings and Reviews]]
-
* [[Index]]
+
** [[App Gallery]]
 +
** [[App Approval]]
 +
** [[App Authorization]]
 +
*** [[The Cake is a Lie]]
 +
* [[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.==
 +
 
 +
* [[Essays]]
 +
* [[Bibliography]]
 +
 
 +
* [[Glossary]]
 +
* [http://design.yahoo.com Yahoo! Design Pattern Library]
 +
* [http://developer.yahoo.com/yui Yahoo! User Interface Library]
 +
* [http://www.designingsocialinterfaces.com/images/SocialEcosystemDiagram-updated-outlines.pdf Poster-Sized Concept Map of Social Patterns Ecosystem] (pdf)
 +
* [https://www.thegamecrafter.com/games/social-mania:-designing-soci Deck of Pattern Cards]
Line 296: 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 308: Line 374:
* [http://www.slideshare.net/psykoreactor/best-practices-for-form-design LukeW's talk on Form Design]
* [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]
* [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"|
|width="50%" valign="top"|
 +
===Pattern Sites===
===Pattern Sites===
-
* [http://design.yahoo.com Yahoo!s Design Pattern Library]
+
====Pattern Collections====
-
* [http://www.welie.com/ Martijn van Welie]
+
* [http://design.yahoo.com Yahoo! Design Pattern Library]
-
* [http://designinginterfaces.com/ Jenifer Tidwell]
+
* [http://www.mit.edu/~jtidwell/common_ground.html Common Ground] (Jenifer Tidwell's original library)
-
* [http://www.cs.helsinki.fi/u/salaakso/patterns/ Sari Laakso]
+
* [http://www.welie.com/ Patterns in Interaction Design] (Martijn van Welie)
-
* [http://wiki.fluidproject.org/display/fluid/Open+Source+Design+Pattern+Library Open Source Pattern Library]
+
* [http://designinginterfaces.com/ Designing Interfaces: Patterns for Effective Interaction Design] (Jenifer Tidwell's book)
-
* [http://konigi.com/ Interface patterns]
+
* [http://www.cs.helsinki.fi/u/salaakso/patterns/ User Interface Design Patterns] (Sari Laakso)
-
* [http://developer.apple.com/documentation/UserExperience/Conceptual/OSXHIGuidelines/XHIGIntro/chapter_1_section_1.html Apple’s Human Interface Guidelines]
+
* [http://www.designpattern.lu.unisi.ch/index.htm Hypermedia Design Pattern Repository]
-
* [http://msdn2.microsoft.com/en-us/library/aa511258.aspx Windows Vista UX guidelines]
+
* [http://www.cmis.brighton.ac.uk/research/patterns/home.html The Brighton Usability Pattern Collection]
-
* [http://looksgoodworkswell.blogspot.com/search/label/patterns Bill Scott (former Pattern Curator - writes patterns and anti-patterns)]
+
* [http://patterns.holehan.org/ Open Design Patterns]
-
* [http://harbinger.sims.berkeley.edu/ui_designpatterns/webpatterns2/webpatterns/home.php Web Patterns: A UC Berkeley Resource for Building User Interfaces]
+
* [http://ajaxpatterns.org/ Ajax Patterns]
-
* [http://patterns.littlespringsdesign.com/wikka.php?wakka=MobilePatterns Little Springs Mobile User Interface Design 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://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/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://patternry.com/ Patternry] (former 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://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://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====
 +
* [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]
 +
|}
 +
 +
==What is this site?==
 +
''[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
 +
<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 wiki presents the collected patterns for community feedback and discussion.
 +
 +
<br />
 +
[[Category:erinmalone]]
 +
[[Category:ChristianCrumlish]]

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.