Your SlideShare is downloading. ×
Social Media Design Patterns (BarCampBlock)
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Social Media Design Patterns (BarCampBlock)

4,977
views

Published on

Published in: Technology, Education

0 Comments
17 Likes
Statistics
Notes
  • Be the first to comment

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

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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