Social Patterns Talk - Web 2.0 version

download Social Patterns Talk - Web 2.0 version

of 164

  • date post

    17-Aug-2014
  • Category

    Technology

  • view

    22.376
  • download

    1

Embed Size (px)

description

Designing Social Interfaces - workshop talk given at Web 2.0 Expo in San Francisco.

Transcript of Social Patterns Talk - Web 2.0 version

  • Designing Social Interfaces Patterns, Principles and Best Practices for the Social Web Christian Crumlish, Yahoo! Erin Malone, Tangible ux Authors of the forthcoming book from OReilly Media
  • Designing Social Interfaces Patterns, Principles and Best Practices for the Social Web Christian Crumlish, Yahoo! Erin Malone, Tangible ux Authors of the forthcoming book from OReilly Media
  • Who we are: Christian Crumlish xian: most places mediajunkie: twitter author: The Power of Many pattern detective at Yahoo!
  • Who we are: Erin Malone emalone: twitter erin_designr: flickr founder of the pattern library at Yahoo! principal at Tangible ux
  • Who are you? Are you a designer? Are you a developer? Are you defining the business? Are you just starting to think about the social space? Do you already work in the social space?
  • Social Design Patterns Patterns as in Christopher Alexander Design Patterns as in Gang of Four & Jenifer Tidwell Social Design as in eGroups, Flickr, Facebook, Twitter Includes high-order principles and emerging practices Designing these interfaces is a holistic exercise that extends from the data architecture to the presentation layer.
  • Where did this taxonomy come from?
  • Where did this taxonomy come from?
  • Where did this taxonomy come from?
  • Where did this taxonomy come from?
  • Where did this taxonomy come from?
  • Where did this taxonomy come from?
  • Where did this taxonomy come from?
  • Where did this taxonomy come from?
  • Where did this taxonomy come from?
  • Where did this taxonomy come from?
  • Social Pattern Language Emergent interaction patterns Components and pieces that are the building blocks Support the entire lifecycle of the social experience Building a vocabulary and language for social application design in the same spirit as Alexander
  • What is 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. Patterns are meant to inform all the considerations needed to solve a specific problem Context matters. A lot.
  • 4 parts to a design pattern What This defines the problem. What does the user want to do - includes a visual example? When When do you use the solution. This is the context. How This is the detailed solution. What decions in the interface need to be made, what elements need to exist, what behaviors need to be supported Why Why is this solution the right one. Why should this behavior be supported.
  • The Landscape
  • C Collaboration Moderation Blogs Influencers Tags Reputation Relationships Conversations Search Interest Organizing Groups & Discovery Photos Participation Ratings & Comments Reviews Self Family & Identity Friends Discovery & Engagement Media Social Media Ecosystem
  • C
  • A Tour of the Patterns
  • High-Level Buckets Core Principles Representations of the Self Activities involving social objects Community dynamics
  • High-Level Buckets Principles Core Principles Self Representations of the Self Activities involving social objects Community dynamics
  • Core Principles Design for Everyone Talk Like a Person Be Open Be a Game Check Your Ethics Dont Break Email! Cargo Cult (Antipattern)
  • Design for Everyone Deliberately Leave Things Incomplete Pave the Cowpaths Strict vs. Fluid Taxonomies Palimpsest!
  • Talk Like a Person Conversational Voice Self-Deprecating Error Messages Ask Questions Your vs. My No Joking Around
  • Representing the Self Engagement Identity Presence Reputation
  • Engagement Signup (aka Authorize Registration) Private Beta Sign In Welcome Area Invitations Reengagement
  • Engagement (contd) Sign In Sign-in Continuity Invitations Receive Invitation Send Invitation The Password Antipattern
  • Identity Profile Reflectors User Cards Attribution Testimonial Avatar Personal Dashboard
  • Presence Dimensions of Presence Availability Mood Environment Personal Feed Keep Company
  • Personal Feed Statuscasting Activity Stream (aka Vitality) Updates Updated Opt-in Disclosure Manage Incoming Updates Life Stream Statistics
  • Keep Company Signs of Life User Gallery Whos Here Now Ambient Intimacy
  • Reputation Competitive Spectrum Levels Labels Awards Ranking Statistical Evidence Monitoring
  • Reputation (contd) Levels Ranking Named Levels Points Numbered Levels Leaderboard Awards Top X Collectible Achievements Friend Ranking Temporal Awards Peer-to-peer Awards
  • Activities & Objects Collecting Broadcasting & Publishing Communicating Feedback Sharing Collaboration Social Media
  • Collecting Saving Tagging Favorites Tag an Object Add / Subscribe Find with Tags Displaying Tag Cloud
  • Broadcating & Publishing Blogs Rights Consuming Terms of Service Producing Licensing Rich Media Lifecycle Video Freshness Podcasting Archiving Many-to-Many
  • Communicating Synchronous vs. Asynchronous Sign in to Participate Forums Public Conversation Private Conversation Group Conversation Flamewars
  • Feedback Comments Reviews Ratings Favorites Vote to Promote Thumbs Up / Down Soliciting Feedback
  • Sharing Tools for Sharing Public Sharing Bookmarklet Many Publics Share This One-Time Sharing Direct Sharing Social Bookmarking Send This Uploading to the Cloud Casual Privacy Embedding Give Gifts
  • Collaboration Manage Project Voting Collaborative Editing Edit This Page The Wiki Way Unbook Crowdsourcing
  • Social Media Social Objects Tuning In Filtering Recommendations Social Search The Notificator Pivot