Architecting Social Experiences: Principles, Patterns and Best Practices for Social Applications UXCampDC 2011
Who the heck is this dude? **Actor Fisher Stevens and Professional Snowboarder Steve Fisher beat me. My Personal Site: http://www.stevenfisher.co Based in Northern Virginia 15+ Years in Product Management, Marketing and User Experience Previous Products/Projects: Network Solutions, Appsolve, VISA, Sybase, Slipstream Air, Federated Power Steven Fisher (#3 out of 546 Steven Fisher’s on the Web**) This Presentation: http://www.slideshare.net/stevenfisher Currently, at SapientNitro doing Information Architecture and Experience Design
Community, Living Web, Live Web, Read-Write Web, Two-Way Web Human, Humane, Humanized. Social Network Social Graph Social Media Social Object . What does social really mean? Source: Erin Malone, Design in Social Interfaces
“ Social User Experience (Social UX) is the quality of collective experience a person has when interacting with others an open, shareable and dynamic environment.” So What is Social UX?
Social UX Best Practices: The Building Blocks of Social Experiences.
A Great User Experience Begins with a Solid Foundation. Source: http://michael.hightechproductmanagement.com/2006/12/seven_traits_of_successful_pro.html
There are four cornerstones to social experiences: Community Commerce Collaboration Conversation Social UX
Having the right tools increases engagement by users.
Never be afraid to make improvements and innovate.
You might be surprised at what users react to and like.
But make sure everything has a proper function. Design Patterns are critical at this point.
Design Patterns: The Building Blocks of Social Experiences.
WHAT What does the user want? Examples An archetypal example of the solution USE WHEN When to use it HOW How to meet the user’s needs WHY Why is this a good solution? Parts of a Design Pattern: Source: Erin Malone, Design in Social Interfaces Patterns are optimal solutions to common problems in a context.
Design patterns also save you time so you don’t head in the wrong direction.
Welcoming People Registration Sign in Welcome area Invitations Private Beta Re-engagement Authorize Discussion: So what patterns are you using in your designs? There are 96 of them. Here are a few… Source: Erin Malone, Designing Social Interfaces People Identity Attribution User Cards Avatars Profiles Testimonials Personal Dashboard Profile Badges Social Connection Availability Mood Buddy List Statuscasting Microblogging User Gallery Updates Optin Game Plan Levels Achievements Points Leaderboard 3 rd Party Tools Tagging (Delicious) Broadcasting (Blogs) Sharing (AddThis) Feedback (Reviews & Ratings) Conversations (FB & Twitter) Location (Foursquare, FB Places) Editing (Wikis)
1.) Start with a solid foundation and framework 2.) Know your audience 3.) Consider which patterns make sense 4.) Combine tools and patterns to create the right mix for your social application 5.) Stay open and iterate often Source: http://michael.hightechproductmanagement.com/2006/12/seven_traits_of_successful_pro.html Five Things to Take with You when You Leave:
Sites and Tools Designing Social Interfaces – Erin Malone http://www.designingsocialinterfaces.com/ Designing the Social Web – Josh Porter http://bokardo.com/ 10 Steps to Personas http://www.hceye.org/downloads/Persona-Lene.jpg 10 Commandments of User Experience http://www.slideshare.net/nickf/the-ten-commandments-of-user-experience