Designing the Social Web (for Web2.0 expo)

114
esigning ocial Websites Christina Wodtke

description

Presentation given at web 2.0

Transcript of Designing the Social Web (for Web2.0 expo)

Page 1: Designing the Social Web (for Web2.0 expo)

Designing Social Websites

Christina Wodtke

Page 2: Designing the Social Web (for Web2.0 expo)

Page about Christina

Page 3: Designing the Social Web (for Web2.0 expo)

Audience question: “what do you want?” I don’t want to ask everyone to say what

they want, but here I like to ask a few folks to offer “if you don’t’ get X, will you leave

mad?YouWhat do you want?

Page 4: Designing the Social Web (for Web2.0 expo)

Jargon Check

Social MediaSocial SoftwareSocial NetworkThe Social WebThe Social GraphCommunitiesWeb 2.0UGC

TwitterFacebookLinkedInMySpaceFlickr

Page 5: Designing the Social Web (for Web2.0 expo)

Whatis social, really?

Page 6: Designing the Social Web (for Web2.0 expo)

Credit Tim O’Reilly

Page 7: Designing the Social Web (for Web2.0 expo)

The Social Webis a digital space where data about human interactions is as important as other data types for providing value

Communityis when those humans care about each other.

Page 8: Designing the Social Web (for Web2.0 expo)

Social Software can be loosely defined as software which supports, extends, or derives added value from, human social behavior - message-boards, musical taste-sharing, photo-sharing, instant messaging, mailing lists, social networking.

Social XXX• Usenet• Forums• Email• Mailing lists• Groupware• Social Networks Services• Social Software• Social Media

Nothing New

Page 9: Designing the Social Web (for Web2.0 expo)

Why bother?

Page 10: Designing the Social Web (for Web2.0 expo)

Trebor Scholz http://collectivate.net

Page 11: Designing the Social Web (for Web2.0 expo)

8 days after a video was posted showing how to pick the lock in 30 seconds using a pen Kryptonite recalled 380,000 locks

Page 12: Designing the Social Web (for Web2.0 expo)

Your users have something to tell you. If you don’t give them a way to communicate, they will find one.

Trebor Scholz http://collectivate.net

Page 13: Designing the Social Web (for Web2.0 expo)
Page 14: Designing the Social Web (for Web2.0 expo)

“I could go on with the benefits of building relationships rather than SEO campaigns, such as:– Longevity and customer retention,

not to mention repeat customers – Bug tracking and community

policing (ie. Flickr’s ‘Flag this photo as “may offend”?’)

– Amplified word of mouth – Built in market research – Buying ads is bloody expensive”Tara Hunt

Page 15: Designing the Social Web (for Web2.0 expo)

Joshua Porter

“HOLD ON A SEC...are social features economically viable?

1. Direct contact with people who make you successful

2. Amplify customer opinion3. Data, data, and more data4. Reduce support costs5. Engender Trust to form lasting

relationships”

Page 16: Designing the Social Web (for Web2.0 expo)

Whendo I have to do something about all this?

Page 17: Designing the Social Web (for Web2.0 expo)

When?

Are you waiting for Web 4.0?

Page 18: Designing the Social Web (for Web2.0 expo)

Credits: Tim O’Reilly’s The Facebook Application Platform and compete, a a site for web metrics

Page 19: Designing the Social Web (for Web2.0 expo)

Howdo you design social?

Page 20: Designing the Social Web (for Web2.0 expo)

B=f(P+E)

- Lewin’s Equation

Behavior is a function of a Person and his Environment

Page 21: Designing the Social Web (for Web2.0 expo)
Page 22: Designing the Social Web (for Web2.0 expo)
Page 23: Designing the Social Web (for Web2.0 expo)

The Social Web is built here, from love and esteem

Page 24: Designing the Social Web (for Web2.0 expo)

O’Reilly Report on Facebook

The Facebook Application Platform

Page 25: Designing the Social Web (for Web2.0 expo)

Motivation for hours(and hours and hours)of work

Page 26: Designing the Social Web (for Web2.0 expo)

Kollock’s 4 Motivations for Contributing

1. Reciprocity2. Reputation3. Increased sense of efficacy4. Attachment to and need of a group

Page 27: Designing the Social Web (for Web2.0 expo)

Reciprocity

Page 28: Designing the Social Web (for Web2.0 expo)

What's the motivation of behind these people actually interacting and

participating? … people want to share with the community what they believe to be important …. and they want to see their name in lights. They want to see their little icon on the front page, their username on the front page, so other people can see it.

Reputation

Page 29: Designing the Social Web (for Web2.0 expo)

Increased sense of efficacy

Page 30: Designing the Social Web (for Web2.0 expo)

Attachment to and need of a group

Page 31: Designing the Social Web (for Web2.0 expo)

The New Third Place?

“All great societies provide informal meeting places, like the Forum in ancient Rome or a contemporary English pub. But since World War II, America has ceased doing so. The neighborhood tavern hasn't followed the middle class out to the suburbs...” -- Ray Oldenburg

Page 32: Designing the Social Web (for Web2.0 expo)
Page 33: Designing the Social Web (for Web2.0 expo)

205 Structure Follows Social Spaces

ConflictNo building ever feels right to the people in it unless the physical spaces (defined by columns, walls, and ceilings) are congruent with the social spaces (defined by activities and human groups).

ResolutionA first principle of construction; on no account allow the engineering to dictate the building's form. Place the load bearing elements- the columns and the walls and floors- according to the social spaces of the building; never modify the social spaces to conform to the engineering structure of the building.

Page 34: Designing the Social Web (for Web2.0 expo)
Page 35: Designing the Social Web (for Web2.0 expo)

36. Degrees of publicness

Conflict: People are different, and the way they want to place their houses in a neighborhood is one of the most basic kinds of difference.

Resolution: Make a clear distinction between three kinds of homes―those on quiet backwaters, those on busy streets, and those that are more or less in-between. Make sure that those on quiet backwaters are on twisting paths, and that these houses are themselves physically secluded; make sure that the more public houses are on busy streets with many people passing by all day long and that the houses themselves are exposed to the passers-by. The in-between houses may then be located on the paths halfway between the other two. Give every neighborhood about an equal number of these three kinds of homes.

Page 36: Designing the Social Web (for Web2.0 expo)

Identity

Activity Relationships

SocialSpace

Sign-

upInvitations

Distribution (Viral)

Page 37: Designing the Social Web (for Web2.0 expo)

TOWNS

The language begins with patterns that define towns and communities. These patterns can never be designed or built in one fell swoop - but patient piecemeal growth, designed in such a way that every individual act is always helping to create or generate these larger global patterns, will, slowly and surely, over the years, make a community that has these global patterns in it.

BUILDINGS

We now,start that part of the language which gives shape to individual buildings. These are the patterns which can be "designed)' or "built”- the patterns which define the individual buildings and the space between buildings; where we are dealing for the first time with Patterns that are under the control of individuals or small groups of individuals, who are able to build the patterns all at once:

Page 38: Designing the Social Web (for Web2.0 expo)

Identity

Activity Relationships

SocialSpace

profile

reputationpresence

Share

ConvosCollab

Contacts

AttentionGroups

Sign-

upInvitations

Distribution (Viral)

Page 39: Designing the Social Web (for Web2.0 expo)

StrategizeExercise 1: brainstorm a

new feature or site area that brings a appropriate community to your website.

Things to think about:

• Business goals: how does this community further the needs of the company?

• User goals: what makes this community attractive in a time when they have a hundred other places vying for their attention. What is the personal worth of the tools?

• What if no one shows up, can it still have value?• Community nature: will this be a true community, or will this

be a collective wisdom tool? Think about the spectrum.• Approach to Creation: can you partner. rather than build?

Page 40: Designing the Social Web (for Web2.0 expo)

Identity

profile

reputationpresence

Page 41: Designing the Social Web (for Web2.0 expo)

1.) If you were going to build a piece of social software to support large and long-lived groups, what

would you design for? The first thing you would design for is

handles the user can invest in.

Clay Shirky, A Group Is Its Own Worst Enemy

http://shirky.com/writings/group_enemy.html

Page 42: Designing the Social Web (for Web2.0 expo)

Profile Profile• Avatar• Bio• Collections

Page 43: Designing the Social Web (for Web2.0 expo)

Identity is Context Based

Facebook- Personal LinkedIN - Professional

Page 44: Designing the Social Web (for Web2.0 expo)

Avatar Identity• Avatar• Profile• Activity• Collections

Page 45: Designing the Social Web (for Web2.0 expo)

Collections

Page 46: Designing the Social Web (for Web2.0 expo)

Presence

Page 47: Designing the Social Web (for Web2.0 expo)

Presence Presence•Status•History•Statistics•Signs of Life•Company

Page 48: Designing the Social Web (for Web2.0 expo)

Presence Presence•Status•History•Statistics•Signs of Life•Keeping me

Company

Page 49: Designing the Social Web (for Web2.0 expo)

2.) Second, you have to design a way for there to

be members in good standing. Have to design some way in which good

works get recognized. The minimal way is, posts

appear with identity. You can do more sophisticated things like having formal

karma or "member since."

Page 50: Designing the Social Web (for Web2.0 expo)

Reputation is…

Information used to make a value judgment about an

object or person…

Page 51: Designing the Social Web (for Web2.0 expo)

Reputations

Page 52: Designing the Social Web (for Web2.0 expo)

StrategizeExercise 2: what elements

do you need for identity?

Profile?Presence?

Reputation?

Page 53: Designing the Social Web (for Web2.0 expo)

Relationships

Contacts

AttentionGroups

Page 54: Designing the Social Web (for Web2.0 expo)

you have to find a way to spare

the group from scale. Scale alone kills

conversations, because conversations require dense two-way conversations.

[Dunbar] found that the MAXIMUM number of people that a person could keep up with socially at any given time, gossip maintenance, was 150.

This doesn't mean that people don't have 150

people in their social network, but that they only keep tabs on 150 people

max at any given point.

Page 55: Designing the Social Web (for Web2.0 expo)

ContactsAttention Groups

Page 56: Designing the Social Web (for Web2.0 expo)

Attention

Page 57: Designing the Social Web (for Web2.0 expo)

Groups

Page 58: Designing the Social Web (for Web2.0 expo)

Connections

Page 59: Designing the Social Web (for Web2.0 expo)

StrategizeExercise 3: what kinds of

relationships will you support?

Asymmetrical Attention-Based?

Groups?Connections?

Page 60: Designing the Social Web (for Web2.0 expo)

Activity

Share

CommunicateCollaborate

Page 61: Designing the Social Web (for Web2.0 expo)

The AOF Method

• 1. Defining your Activity• 2. Identifying your Social Objects• 3. Choosing your Features

Courtesy of Joshua Porter. Check out bokardo.com!

Page 62: Designing the Social Web (for Web2.0 expo)
Page 63: Designing the Social Web (for Web2.0 expo)

Classic Question • Who are your users?

Better Question• What are your users doing?

• What do people have to do to make you successful?• What are you making people better at?• What are your users passionate about?

Page 64: Designing the Social Web (for Web2.0 expo)
Page 65: Designing the Social Web (for Web2.0 expo)

2. Identifying yourSocial Objects

Page 66: Designing the Social Web (for Web2.0 expo)

The term “social networking” makes little sense if we leave out the objects that mediate the ties between people. Think about the object as the reason why people affiliate with each specific other and not just anyone.

Jyri Engeström

Page 67: Designing the Social Web (for Web2.0 expo)
Page 68: Designing the Social Web (for Web2.0 expo)

What are Social Objects?

• Social objects can be ideas, people, or physical objects.

• Social objects influence social interaction...they change the way people interact with each other.

• By interacting through/with social objects, people meet others they might not otherwise know.

• Social objects can be the reason why people have an interaction or form a relationship.

Joshua Porter (bokardo.com)

Page 69: Designing the Social Web (for Web2.0 expo)

3. Choosing your Features

Page 70: Designing the Social Web (for Web2.0 expo)
Page 71: Designing the Social Web (for Web2.0 expo)

Conversations

Page 72: Designing the Social Web (for Web2.0 expo)
Page 73: Designing the Social Web (for Web2.0 expo)

Sharing

Page 74: Designing the Social Web (for Web2.0 expo)

StrategizeExercise 4: what are the

social objects and what do people do?

i.e. What are your nouns and verbs?

Page 75: Designing the Social Web (for Web2.0 expo)

Identity

Activity Relationships

SocialSpace

profile

reputationpresence

Share

ConvosCollab

Contacts

AttentionGroups

Sign-

upInvitations

Distribution (Viral)

Page 76: Designing the Social Web (for Web2.0 expo)

SocialSpace

Page 77: Designing the Social Web (for Web2.0 expo)

Norms & Caretakers

Page 78: Designing the Social Web (for Web2.0 expo)

Community Management

• Who’s going to do what?– Participate in your community

• Who will handle complaints?– CRM or GetSatisfaction?

• What is the resource commitment?• What is the core functionality• What are the phased releases?• Will you learn from your mistakes?

Page 79: Designing the Social Web (for Web2.0 expo)

Vilification

Veneration

Page 80: Designing the Social Web (for Web2.0 expo)

Simple (hard) Steps• Have a compelling idea• Seed• Someone must live on the site

– Community manager or you• Make the rules clear (and short)

– Write a good TOS• Punish swiftly and nicely• Reward contributions• Spread the work out• Adapt to Community Norms• Apologize publicly, swiftly and frequently• Simple good software that grows with group

Page 81: Designing the Social Web (for Web2.0 expo)

Does Software Matter?

Robin Miller, Cofounder of Slahdot

Joel Spolsky, Joel on Software

Page 82: Designing the Social Web (for Web2.0 expo)

Probably not

Page 83: Designing the Social Web (for Web2.0 expo)

Business Exercise

• Design and organizational structure and a launchplan

• Present it to the entire group

Page 84: Designing the Social Web (for Web2.0 expo)

Why

• If you build it… they don’t come

Page 85: Designing the Social Web (for Web2.0 expo)

• Gladwell• Duncan watts

Page 86: Designing the Social Web (for Web2.0 expo)

“There was the president of the Hush Puppies company, of Rockford, Michigan, population thirty-eight hundred, sharing a stage with Calvin Klein and Donna Karan and Isaac Mizrahi-and all because some kids in the East Village began combing through thrift shops for old Dukes. Fashion was at the mercy of those kids, whoever they were, and it was a wonderful thing if the kids picked you, but a scary thing, too, because it

meant that cool was something you could not control. You needed someone to find cool and tell you what it was.”

- Malcom Gladwell

Page 87: Designing the Social Web (for Web2.0 expo)

Nobody knows anything. – William Goldman

Page 88: Designing the Social Web (for Web2.0 expo)
Page 89: Designing the Social Web (for Web2.0 expo)

B=f(P,E)Behavior is a function of a Person

and his Environment

Page 90: Designing the Social Web (for Web2.0 expo)

Some Patterns

Page 91: Designing the Social Web (for Web2.0 expo)

Frictionless

Page 92: Designing the Social Web (for Web2.0 expo)
Page 93: Designing the Social Web (for Web2.0 expo)
Page 94: Designing the Social Web (for Web2.0 expo)

At Hand

Page 95: Designing the Social Web (for Web2.0 expo)

• Table setting?

Page 96: Designing the Social Web (for Web2.0 expo)
Page 97: Designing the Social Web (for Web2.0 expo)

Impactful

Maximize reach

Page 98: Designing the Social Web (for Web2.0 expo)

Email this

Consumer

Broadcaster

Page 99: Designing the Social Web (for Web2.0 expo)

Newsfeed, Network Updates

Consumer

Consumer Consumer

Consumer

Consumer

Broadcaster

Page 100: Designing the Social Web (for Web2.0 expo)

Groups, Asymmetric Follow

spark

Page 101: Designing the Social Web (for Web2.0 expo)
Page 102: Designing the Social Web (for Web2.0 expo)

Relationship antipatternsHigh-level antipatterns

• Explicit “Will you be my friend” requests• Teach a man to be phished (adactio)• Don’t break email (do-not-reply)• Auto-faux-pas (notification of rejection / unsub /

delinking / re-follow)• Having to spam my friends…

Page 103: Designing the Social Web (for Web2.0 expo)

Targeted

Features for the most useful users

Page 104: Designing the Social Web (for Web2.0 expo)
Page 105: Designing the Social Web (for Web2.0 expo)
Page 106: Designing the Social Web (for Web2.0 expo)
Page 107: Designing the Social Web (for Web2.0 expo)

Outreach

Page 108: Designing the Social Web (for Web2.0 expo)

<meta name="description" content="Find cheap airline tickets, hotels, great cruise and vacation packages, honeymoon travel guides, flight information and more, with Yahoo! Travel." /> <meta name="verify-v1" content="hfk2kPTdsyPJIULFv58St5zM/BKR4WjvWpVSbgr23vA=" /><meta name="y_key" content="17f2f671d47e7697" /><title>Yahoo! Travel - Airline tickets, cheap hotels, cruises, vacations & honeymoon travel</title>

Page 109: Designing the Social Web (for Web2.0 expo)
Page 110: Designing the Social Web (for Web2.0 expo)
Page 111: Designing the Social Web (for Web2.0 expo)
Page 112: Designing the Social Web (for Web2.0 expo)

Checklist

FrictionlessImpactfulTargetedOutreach

Page 113: Designing the Social Web (for Web2.0 expo)

Think about how you will pull people in…• How do people share?• With whom do they share?• Where and how many of those tools do you

place?

Distribution Exercise

Page 114: Designing the Social Web (for Web2.0 expo)

Questions?

http://www.blueprintsfortheweb.comhttp://www.eleganthack.com

http://www.boxesandarrows.com@cwodtke