Your SlideShare is downloading. ×
0
Social Media Design Patterns @BarCampBlock August 18, 2007
<ul><li>Christian Crumlish </li></ul><ul><li>Yahoo! Pattern Library Curator </li></ul><ul><li>http://developer.yahoo.com/y...
<ul><li>Internal resource, wiki, informal  (Irene Au, Christine Wodtke) </li></ul><ul><li>Internal resource, drupal, struc...
<ul><li>What’s a Pattern? </li></ul>
<ul><li>Context </li></ul><ul><li>Problem </li></ul><ul><li>Solution </li></ul><ul><li>(New Context) </li></ul>Christopher...
<ul><li>Metadata: </li></ul><ul><ul><li>Name of Pattern </li></ul></ul><ul><ul><li>Author & Contributors </li></ul></ul><u...
<ul><li>PLML </li></ul><ul><li>Pattern Language Markup Language </li></ul><ul><li>XML Format </li></ul><ul><li>Begun at CH...
<ul><li>Jenifer Tidwell (of course) </li></ul><ul><ul><li>Common Ground (original site) </li></ul></ul><ul><ul><li>Designi...
factoryjoe’s Pattern Collection
xian’s Pattern Gallery
xian’s Carousel Pattern Gallery
<ul><li>A social media pattern language? </li></ul><ul><ul><li>Brainstorm patterns </li></ul></ul><ul><ul><li>Brainstorm s...
<ul><li>(didn’t get to this on Aug 18) </li></ul><ul><li>Hands on - writing a pattern </li></ul><ul><li>Discussion as a gr...
<ul><li>Name the pattern </li></ul><ul><li>Define the problem (short description) </li></ul><ul><li>Use when? </li></ul><u...
<ul><li>Live brainstorming / discussion / whiteboarding as needed </li></ul>Write & Review the Draft
<ul><li>Place the pattern in the library’s taxonomy </li></ul><ul><li>Or build a pattern language relating to scale, as in...
Upcoming SlideShare
Loading in...5
×

Social Media Design Patterns (BarCampBlock)

5,049

Published on

Published in: Technology, Education
0 Comments
17 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
5,049
On Slideshare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
163
Comments
0
Likes
17
Embeds 0
No embeds

No notes for slide

Transcript of "Social Media Design Patterns (BarCampBlock)"

  1. 1. Social Media Design Patterns @BarCampBlock August 18, 2007
  2. 2. <ul><li>Christian Crumlish </li></ul><ul><li>Yahoo! Pattern Library Curator </li></ul><ul><li>http://developer.yahoo.com/ypatterns </li></ul><ul><li>Blog: wake up! </li></ul><ul><li>http://xianlandia.com </li></ul>Who am I?
  3. 3. <ul><li>Internal resource, wiki, informal (Irene Au, Christine Wodtke) </li></ul><ul><li>Internal resource, drupal, structured (Erin Malone, Matt Leacock, Chanel Wheeler) </li></ul><ul><li>Ajax/“rich” patterns, open library release (Erin, Bill Scott) </li></ul><ul><li>Social patterns, pattern galleries, microformats, pattern language, toolkits (Erin, me) </li></ul>Yahoo! Library History in a nutshell
  4. 4. <ul><li>What’s a Pattern? </li></ul>
  5. 5. <ul><li>Context </li></ul><ul><li>Problem </li></ul><ul><li>Solution </li></ul><ul><li>(New Context) </li></ul>Christopher Alexander’s model
  6. 6. <ul><li>Metadata: </li></ul><ul><ul><li>Name of Pattern </li></ul></ul><ul><ul><li>Author & Contributors </li></ul></ul><ul><ul><li>Terms (tags, categories, facets) </li></ul></ul><ul><ul><li>Related patterns (parent, child, related) </li></ul></ul><ul><ul><li>Rating </li></ul></ul><ul><li>Main Elements </li></ul><ul><ul><li>Sensitizing example (illustration) </li></ul></ul><ul><ul><li>Problem Summary </li></ul></ul><ul><ul><li>Use When </li></ul></ul><ul><ul><li>Solution </li></ul></ul><ul><ul><li>Rationale </li></ul></ul><ul><ul><li>Special Cases </li></ul></ul><ul><ul><li>Open Questions (doesn't go to public library) </li></ul></ul>Yahoo!’s Pattern Model <ul><li>Related Resources </li></ul><ul><ul><li>Supporting Research </li></ul></ul><ul><ul><li>associated Toolkit (if any) </li></ul></ul><ul><ul><li>Code (YUI, YDN, etc.) </li></ul></ul><ul><ul><li>Stencils, Templates, Wireframes, specs, other documentation </li></ul></ul><ul><ul><li>More examples/Pattern Gallery (from Yahoo, from elsewhere on Web) </li></ul></ul><ul><ul><li>Similar Patterns in Other Libraries </li></ul></ul><ul><ul><li>Further Reading (blog posts, etc.) </li></ul></ul><ul><ul><li>Contacts </li></ul></ul><ul><ul><li>BOLD ELEMENTS ARE ESSENTIAL </li></ul></ul>
  7. 7. <ul><li>PLML </li></ul><ul><li>Pattern Language Markup Language </li></ul><ul><li>XML Format </li></ul><ul><li>Begun at CHI 2004/5 </li></ul><ul><li>Currently Being Revised </li></ul><ul><li>Martijn van Welie using it </li></ul>Sharing Pattern Languages <ul><li>Pattern Microformat? </li></ul><ul><li>Being discussed on http://tech.groups.yahoo.com/ui-pattern-authors/ </li></ul><ul><li>Not sure it’s needed or desirable </li></ul><ul><li>Can be built from existing microformats? </li></ul><ul><li>Better for “transclusion” </li></ul>
  8. 8. <ul><li>Jenifer Tidwell (of course) </li></ul><ul><ul><li>Common Ground (original site) </li></ul></ul><ul><ul><li>Designing Interfaces (book and website) </li></ul></ul><ul><li>Martijn van Welie (most active) </li></ul><ul><li>Sari Laakso (somewhat moribund) </li></ul><ul><li>UC Berkeley’s library (new!) </li></ul><ul><li>Little Springs Mobile User Interface Design Patterns </li></ul><ul><li>Shirky’s Moderation Strategies social pattern language wiki </li></ul><ul><li>Ajax Patterns </li></ul><ul><li>factoryjoe’s design pattern collection on Flickr </li></ul><ul><li>See also: Sally Fincher’s meta analysis of pattern formats </li></ul>Other Good Pattern Libraries
  9. 9. factoryjoe’s Pattern Collection
  10. 10. xian’s Pattern Gallery
  11. 11. xian’s Carousel Pattern Gallery
  12. 12. <ul><li>A social media pattern language? </li></ul><ul><ul><li>Brainstorm patterns </li></ul></ul><ul><ul><li>Brainstorm scales, relationships </li></ul></ul><ul><ul><li>Starter list of topics to discuss </li></ul></ul><ul><ul><ul><li>Presence </li></ul></ul></ul><ul><ul><ul><li>Attention </li></ul></ul></ul><ul><ul><ul><li>Identity </li></ul></ul></ul><ul><ul><ul><li>Reputation </li></ul></ul></ul><ul><ul><li>Notes from session posted at http://barcamp.org/BarCampBlockSocialMediaDesignPatterns </li></ul></ul>Patterns Exercise (part 1)
  13. 13. <ul><li>(didn’t get to this on Aug 18) </li></ul><ul><li>Hands on - writing a pattern </li></ul><ul><li>Discussion as a group (mock review) </li></ul><ul><li>Organizing a pattern language (library?) </li></ul><ul><li>Applying to a project - design </li></ul>Patterns Exercise (part 2)
  14. 14. <ul><li>Name the pattern </li></ul><ul><li>Define the problem (short description) </li></ul><ul><li>Use when? </li></ul><ul><li>Describe the solution </li></ul><ul><li>Offer a rationale </li></ul><ul><li>Identify open questions </li></ul><ul><li>Gather and point to other resources (including examples and illustrations) </li></ul>Define and Describe the Pattern
  15. 15. <ul><li>Live brainstorming / discussion / whiteboarding as needed </li></ul>Write & Review the Draft
  16. 16. <ul><li>Place the pattern in the library’s taxonomy </li></ul><ul><li>Or build a pattern language relating to scale, as in the original architectural Pattern Language </li></ul><ul><li>Or structure the patterns by page types </li></ul><ul><li>Or add faceted terms to the pattern </li></ul><ul><li>Or apply tags </li></ul><ul><ul><li>Or allow users of the library to tag patterns </li></ul></ul><ul><li>And plan on rethinking these structures as the library grows </li></ul>Organize the Pattern
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×