designing social
Post on 16-Sep-2014
8 views
DESCRIPTION
Humans are funny animals, and behave in surprising ways. In an information space, a human’s needs are simple and his behavior straightforward. Find. Read. Save. But once you get a bunch of humans together, communicating and collaborating, sometimes you see the madness and sometimes the wisdom of crowds. This makes the architecture in social spaces the most challenging work you can take on. While your site can never control people, but it certainly can encourage good behavior and discourage bad. We'll cover core principals for creating robust and vibrant online communities, and illuminates critical design decisions that help a community thrive. Learn about the building blocks of social software, and which ones are most relevant to your business. Learn how to promote desired behaviors with interface design, and who’s doing it right. Learn when to apply familiar designs (such as with logging in or adding a friend) and when to strike out into entirely new territory.TRANSCRIPT
![Page 1: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/1.jpg)
Designing
SocialChristina Wodtke | @cwodtke | christinawodtke.com
![Page 2: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/2.jpg)
Whatis social, really?
![Page 3: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/3.jpg)
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 4: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/4.jpg)
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 5: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/5.jpg)
Why bother?
![Page 6: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/6.jpg)
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 7: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/7.jpg)
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 8: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/8.jpg)
![Page 9: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/9.jpg)
“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 10: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/10.jpg)
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 11: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/11.jpg)
Howdo you design social?
![Page 12: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/12.jpg)
B=f(P+E)
- Lewin’s Equation
Behavior is a function of a Person and his Environment
![Page 13: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/13.jpg)
![Page 14: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/14.jpg)
![Page 15: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/15.jpg)
The Social Web is built here, from love and esteem
![Page 16: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/16.jpg)
Motivation for hours(and hours and hours)of work
![Page 17: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/17.jpg)
Kollock’s 4 Motivations for Contributing
1. Reciprocity2. Reputation3. Increased sense of efficacy4. Attachment to and need of a group
![Page 18: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/18.jpg)
Reciprocity
![Page 19: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/19.jpg)
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 20: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/20.jpg)
Increased sense of efficacy
![Page 21: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/21.jpg)
Attachment to and need of a group
![Page 22: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/22.jpg)
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 23: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/23.jpg)
B=f(P+E)
- Lewin’s Equation
Behavior is a function of a Person and his Environment
![Page 24: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/24.jpg)
![Page 25: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/25.jpg)
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 26: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/26.jpg)
![Page 27: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/27.jpg)
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 28: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/28.jpg)
Identity
Activity Relationships
SocialSpace
Sign-
upInvitations
Distribution (Viral)
![Page 29: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/29.jpg)
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 30: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/30.jpg)
Identity
Activity Relationships
SocialSpace
profile
reputationpresence
Share
ConvosCollab
Contacts
AttentionGroups
Sign-
upInvitations
Distribution (Viral)
![Page 31: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/31.jpg)
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 32: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/32.jpg)
Identity
profile
reputationpresence
![Page 33: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/33.jpg)
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 34: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/34.jpg)
Profile Profile• Avatar• Bio• Collections
![Page 35: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/35.jpg)
Identity is Context Based
Facebook- Personal LinkedIN - Professional
![Page 36: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/36.jpg)
Avatar Identity• Avatar• Profile• Activity• Collections
![Page 37: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/37.jpg)
Collections
![Page 38: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/38.jpg)
Presence
![Page 39: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/39.jpg)
Presence Presence• Status• History• Statistics• Signs of Life• Keeping me
Company
![Page 40: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/40.jpg)
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 41: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/41.jpg)
Reputation is…
Information used to make a value judgment about an
object or person…
![Page 42: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/42.jpg)
Reputations
![Page 43: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/43.jpg)
StrategizeExercise 2: what elements
do you need for identity?
Profile?Presence?
Reputation?
![Page 44: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/44.jpg)
Relationships
Contacts
AttentionGroups
![Page 45: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/45.jpg)
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 46: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/46.jpg)
Attention
![Page 47: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/47.jpg)
Groups
![Page 48: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/48.jpg)
Connectionss
![Page 49: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/49.jpg)
ContactsAttention Groups
![Page 50: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/50.jpg)
ContactsAttention Groups
![Page 51: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/51.jpg)
StrategizeExercise 3: what kinds of
relationships will you support?
Asymmetrical Attention-Based?
Groups?Connections?
![Page 52: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/52.jpg)
Activity
Share
CommunicateCollaborate
![Page 53: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/53.jpg)
Conversations
![Page 54: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/54.jpg)
![Page 55: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/55.jpg)
Sharing
![Page 56: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/56.jpg)
![Page 57: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/57.jpg)
Collaboration
![Page 58: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/58.jpg)
![Page 59: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/59.jpg)
Photoshop tennis
![Page 60: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/60.jpg)
![Page 61: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/61.jpg)
StrategizeExercise 4: what are the
social objects and what do people do?
i.e. What are your SOCIAL nouns and verbs?
Do people SHARE, CONVERSATE, or COLLABORATE
![Page 62: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/62.jpg)
Identity
Activity Relationships
SocialSpace
profile
reputationpresence
Share
ConvosCollab
Contacts
AttentionGroups
Sign-
upInvitations
Distribution (Viral)
![Page 63: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/63.jpg)
SocialSpace
![Page 64: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/64.jpg)
Norms & Caretakers
![Page 65: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/65.jpg)
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 66: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/66.jpg)
Vilification
Veneration
![Page 67: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/67.jpg)
![Page 68: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/68.jpg)
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 69: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/69.jpg)
Does Software Matter?
Robin Miller, Cofounder of Slahdot
Joel Spolsky, Joel on Software
![Page 70: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/70.jpg)
Not as much as you think
![Page 71: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/71.jpg)
Your Turn: What did you
design? What was the
identity? What was the
connection type?
What do people do together?
![Page 72: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/72.jpg)
QUESTIONS?Christina WodtkeBoxesandarrows.comEleganthack.com@cwodtke
![Page 73: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/73.jpg)
APPENDIX
![Page 74: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/74.jpg)
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 75: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/75.jpg)
![Page 76: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/76.jpg)
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 77: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/77.jpg)
2. Identifying yourSocial Objects
![Page 78: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/78.jpg)
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 79: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/79.jpg)
![Page 80: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/80.jpg)
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 81: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/81.jpg)
3. Choosing your Features
![Page 82: Designing Social](https://reader037.vdocuments.us/reader037/viewer/2022102823/541856827bef0a25558b6c81/html5/thumbnails/82.jpg)