![Page 1: Architecting Social Experiences - UXCampDC 2011](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c77c3d4a7959c6148b4573/html5/thumbnails/1.jpg)
Architecting Social Experiences:Principles, Patterns and Best Practices for Social Applications
UXCampDC 2011
![Page 2: Architecting Social Experiences - UXCampDC 2011](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c77c3d4a7959c6148b4573/html5/thumbnails/2.jpg)
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
![Page 3: Architecting Social Experiences - UXCampDC 2011](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c77c3d4a7959c6148b4573/html5/thumbnails/3.jpg)
Community, Living Web, Live Web,Read-Write Web, Two-Way WebHuman, Humane, Humanized.
Social NetworkSocial GraphSocial MediaSocial Object.
What does social really mean?
Source: Erin Malone, Design in Social Interfaces
![Page 4: Architecting Social Experiences - UXCampDC 2011](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c77c3d4a7959c6148b4573/html5/thumbnails/4.jpg)
“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?
![Page 5: Architecting Social Experiences - UXCampDC 2011](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c77c3d4a7959c6148b4573/html5/thumbnails/5.jpg)
Social UX Best Practices: The Building Blocks of Social Experiences.
![Page 6: Architecting Social Experiences - UXCampDC 2011](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c77c3d4a7959c6148b4573/html5/thumbnails/6.jpg)
Source: http://michael.hightechproductmanagement.com/2006/12/seven_traits_of_successful_pro.html
A Great User Experience Begins with a Solid Foundation.
![Page 7: Architecting Social Experiences - UXCampDC 2011](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c77c3d4a7959c6148b4573/html5/thumbnails/7.jpg)
There are four cornerstones to social experiences:
Community Commerce
Collaboration Conversation
Social UX
![Page 8: Architecting Social Experiences - UXCampDC 2011](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c77c3d4a7959c6148b4573/html5/thumbnails/8.jpg)
Social Networks form around Social Objectives.
![Page 9: Architecting Social Experiences - UXCampDC 2011](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c77c3d4a7959c6148b4573/html5/thumbnails/9.jpg)
A Social Objective is the reason two people communicate with each other.
![Page 10: Architecting Social Experiences - UXCampDC 2011](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c77c3d4a7959c6148b4573/html5/thumbnails/10.jpg)
Not all users are alike.
![Page 11: Architecting Social Experiences - UXCampDC 2011](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c77c3d4a7959c6148b4573/html5/thumbnails/11.jpg)
People are different and there is no blueprint.
![Page 12: Architecting Social Experiences - UXCampDC 2011](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c77c3d4a7959c6148b4573/html5/thumbnails/12.jpg)
In fact, they come in all shapes & sizes.
Source: http://piras.blogautore.espresso.repubblica.it/files/2010/03/refaceme-southpark-01.jpg
![Page 13: Architecting Social Experiences - UXCampDC 2011](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c77c3d4a7959c6148b4573/html5/thumbnails/13.jpg)
And stock photography doesn’t capture diversity….
![Page 14: Architecting Social Experiences - UXCampDC 2011](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c77c3d4a7959c6148b4573/html5/thumbnails/14.jpg)
Remember, your audience is diverse, aging and always changing.
![Page 15: Architecting Social Experiences - UXCampDC 2011](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c77c3d4a7959c6148b4573/html5/thumbnails/15.jpg)
They are looking to you to tell them what is right and lead them down the path. They will do the rest.
![Page 16: Architecting Social Experiences - UXCampDC 2011](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c77c3d4a7959c6148b4573/html5/thumbnails/16.jpg)
Because not everyone can be a rocket scientist.
![Page 17: Architecting Social Experiences - UXCampDC 2011](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c77c3d4a7959c6148b4573/html5/thumbnails/17.jpg)
But A Great User Experience Is a Shepherd.
But then again, users are not sheep.
![Page 18: Architecting Social Experiences - UXCampDC 2011](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c77c3d4a7959c6148b4573/html5/thumbnails/18.jpg)
Use the right tools for the right job.
![Page 19: Architecting Social Experiences - UXCampDC 2011](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c77c3d4a7959c6148b4573/html5/thumbnails/19.jpg)
Having the right tools increases engagement by users.
![Page 20: Architecting Social Experiences - UXCampDC 2011](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c77c3d4a7959c6148b4573/html5/thumbnails/20.jpg)
Never be afraid to make improvements and innovate.
![Page 21: Architecting Social Experiences - UXCampDC 2011](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c77c3d4a7959c6148b4573/html5/thumbnails/21.jpg)
You might be surprised at what users react to and like.
![Page 22: Architecting Social Experiences - UXCampDC 2011](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c77c3d4a7959c6148b4573/html5/thumbnails/22.jpg)
But make sure everything has a proper function. Design Patterns are critical at this point.
![Page 23: Architecting Social Experiences - UXCampDC 2011](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c77c3d4a7959c6148b4573/html5/thumbnails/23.jpg)
Design Patterns: The Building Blocks of Social Experiences.
![Page 24: Architecting Social Experiences - UXCampDC 2011](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c77c3d4a7959c6148b4573/html5/thumbnails/24.jpg)
WHATWhat does the user want?
ExamplesAn archetypal example of the solution
USE WHENWhen to use it
HOWHow to meet the user’s needs
WHYWhy 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.
![Page 25: Architecting Social Experiences - UXCampDC 2011](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c77c3d4a7959c6148b4573/html5/thumbnails/25.jpg)
Design patterns also save you time so you don’t head in the wrong direction.
![Page 26: Architecting Social Experiences - UXCampDC 2011](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c77c3d4a7959c6148b4573/html5/thumbnails/26.jpg)
Welcoming PeopleRegistrationSign inWelcome areaInvitationsPrivate BetaRe-engagementAuthorize
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 IdentityAttributionUser CardsAvatarsProfilesTestimonialsPersonal DashboardProfile Badges
Social ConnectionAvailabilityMoodBuddy ListStatuscastingMicrobloggingUser GalleryUpdates Optin
Game PlanLevelsAchievementsPointsLeaderboard
3rd Party ToolsTagging (Delicious)Broadcasting (Blogs)Sharing (AddThis)Feedback (Reviews & Ratings)Conversations (FB & Twitter)Location (Foursquare, FB Places)Editing (Wikis)
![Page 27: Architecting Social Experiences - UXCampDC 2011](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c77c3d4a7959c6148b4573/html5/thumbnails/27.jpg)
Source: http://michael.hightechproductmanagement.com/2006/12/seven_traits_of_successful_pro.html
1.) Start with a solid foundation and framework2.) Know your audience3.) Consider which patterns make sense4.) Combine tools and patterns to create the right mix for your social application5.) Stay open and iterate often
Five Things to Take with You when You Leave:
![Page 28: Architecting Social Experiences - UXCampDC 2011](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c77c3d4a7959c6148b4573/html5/thumbnails/28.jpg)
Questions?
![Page 29: Architecting Social Experiences - UXCampDC 2011](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c77c3d4a7959c6148b4573/html5/thumbnails/29.jpg)
Sites and Tools
• Designing Social Interfaces – Erin Malonehttp://www.designingsocialinterfaces.com/
• Designing the Social Web – Josh Porterhttp://bokardo.com/
• 10 Steps to Personashttp://www.hceye.org/downloads/Persona-Lene.jpg
• 10 Commandments of User Experiencehttp://www.slideshare.net/nickf/the-ten-commandments-of-user-experience
![Page 30: Architecting Social Experiences - UXCampDC 2011](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c77c3d4a7959c6148b4573/html5/thumbnails/30.jpg)
![Page 31: Architecting Social Experiences - UXCampDC 2011](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c77c3d4a7959c6148b4573/html5/thumbnails/31.jpg)
Social Applications are about….
Conversation.
![Page 32: Architecting Social Experiences - UXCampDC 2011](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c77c3d4a7959c6148b4573/html5/thumbnails/32.jpg)
Don’t Just Create a Product.
Create an Experience.
Coca-Cola Multi-Media Vending Machine. Created by Sapient.Source: CargoCollective.com
![Page 33: Architecting Social Experiences - UXCampDC 2011](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c77c3d4a7959c6148b4573/html5/thumbnails/33.jpg)
Test Your Product in the Wild…
It Provides Powerful Insight to Achieve Your Goals.
![Page 34: Architecting Social Experiences - UXCampDC 2011](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c77c3d4a7959c6148b4573/html5/thumbnails/34.jpg)
Hire Product “Presidents” not Product “Managers”.