Personal tools

Main Page

From Social Patterns

(Difference between revisions)
Jump to: navigation, search
Current revision (19:10, 20 August 2015) (view source)
(Appendices & Misc.)
 
(32 intermediate revisions not shown.)
Line 24: Line 24:
* [[Learn from Games]]
* [[Learn from Games]]
* [[The Ethical Dimension]]
* [[The Ethical Dimension]]
 +
* ''what other high-level principles are we missing?''
* ''what other high-level principles are we missing?''
Line 52: Line 53:
** [[Identity Cards]]
** [[Identity Cards]]
** [[Attribution]]
** [[Attribution]]
-
** [[Testimonial]]
+
** [[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]]
-
* [[Testimonials (or Personal Recommendations)]]
 
==== Presence ====
==== Presence ====
Line 279: Line 280:
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 323: 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
Line 340: Line 342:
* [http://design.yahoo.com Yahoo! Design Pattern Library]
* [http://design.yahoo.com Yahoo! Design Pattern Library]
* [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]
Line 351: Line 353:
|width="50%" valign="top"|
|width="50%" valign="top"|
===Social Patterns Presentations and Workshops===
===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]
* [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---the-game Order A Beta Copy]
+
* [[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.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/SocialPatterns/SocialPatternsTalk-ss.pdf Our IA Summit 2009 Social Patterns talk] (PDF)
Line 386: Line 391:
* [http://www.cmi-patterns.org/ Computer-Mediated Interaction Patterns] (associated with Till Schuemmer &amp; Stephan Lukosch's Wiley book)
* [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://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]
Line 393: Line 397:
* [http://socialvizpatterns.info/ Social Visualization 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====

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.