The document discusses social media design patterns and proposes creating a social media pattern language. It provides background on pattern libraries and formats. Key points: - Patterns help solve problems by describing contexts, problems, and solutions that can create new contexts. - Patterns include elements like name, description, related patterns, examples. - Existing pattern libraries and formats are discussed but a new social media focused pattern language is proposed. - A workshop exercise was proposed to brainstorm social media patterns, define problems and solutions, and organize the patterns into a library.

1. Social Media Design Patterns @BarCampBlock August 18, 2007

2. Christian Crumlish Yahoo! Pattern Library Curator http://developer.yahoo.com/ypatterns Blog: wake up! http://xianlandia.com Who am I?

3. Internal resource, wiki, informal (Irene Au, Christine Wodtke) Internal resource, drupal, structured (Erin Malone, Matt Leacock, Chanel Wheeler) Ajax/“rich” patterns, open library release (Erin, Bill Scott) Social patterns, pattern galleries, microformats, pattern language, toolkits (Erin, me) Yahoo! Library History in a nutshell

4. What’s a Pattern?

5. Context Problem Solution (New Context) Christopher Alexander’s model

6. Metadata: Name of Pattern Author & Contributors Terms (tags, categories, facets) Related patterns (parent, child, related) Rating Main Elements Sensitizing example (illustration) Problem Summary Use When Solution Rationale Special Cases Open Questions (doesn't go to public library) Yahoo!’s Pattern Model Related Resources Supporting Research associated Toolkit (if any) Code (YUI, YDN, etc.) Stencils, Templates, Wireframes, specs, other documentation More examples/Pattern Gallery (from Yahoo, from elsewhere on Web) Similar Patterns in Other Libraries Further Reading (blog posts, etc.) Contacts BOLD ELEMENTS ARE ESSENTIAL

7. PLML Pattern Language Markup Language XML Format Begun at CHI 2004/5 Currently Being Revised Martijn van Welie using it Sharing Pattern Languages Pattern Microformat? Being discussed on http://tech.groups.yahoo.com/ui-pattern-authors/ Not sure it’s needed or desirable Can be built from existing microformats? Better for “transclusion”

8. Jenifer Tidwell (of course) Common Ground (original site) Designing Interfaces (book and website) Martijn van Welie (most active) Sari Laakso (somewhat moribund) UC Berkeley’s library (new!) Little Springs Mobile User Interface Design Patterns Shirky’s Moderation Strategies social pattern language wiki Ajax Patterns factoryjoe’s design pattern collection on Flickr See also: Sally Fincher’s meta analysis of pattern formats Other Good Pattern Libraries

9. factoryjoe’s Pattern Collection

10. xian’s Pattern Gallery

11. xian’s Carousel Pattern Gallery

12. A social media pattern language? Brainstorm patterns Brainstorm scales, relationships Starter list of topics to discuss Presence Attention Identity Reputation Notes from session posted at http://barcamp.org/BarCampBlockSocialMediaDesignPatterns Patterns Exercise (part 1)

13. (didn’t get to this on Aug 18) Hands on - writing a pattern Discussion as a group (mock review) Organizing a pattern language (library?) Applying to a project - design Patterns Exercise (part 2)

14. Name the pattern Define the problem (short description) Use when? Describe the solution Offer a rationale Identify open questions Gather and point to other resources (including examples and illustrations) Define and Describe the Pattern

15. Live brainstorming / discussion / whiteboarding as needed Write & Review the Draft

16. Place the pattern in the library’s taxonomy Or build a pattern language relating to scale, as in the original architectural Pattern Language Or structure the patterns by page types Or add faceted terms to the pattern Or apply tags Or allow users of the library to tag patterns And plan on rethinking these structures as the library grows Organize the Pattern