Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

65
Lessons from Social Software: From Facebook to a Face to Face Design Guild Xianhang Zhang - BayCHI

description

Xianhang "Hang" Zhang at BayCHI on November 9, 2010: Social Experience Design

Transcript of Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

Page 1: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

Lessons from Social Software: From Facebook to a Face to Face Design Guild

Xianhang Zhang - BayCHI

Page 2: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

Grange Bridge, Cumbria1675

A Tale of Two Bridges

Bloukrans Bridge, South Africa1984

Page 3: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

Grange Bridge, Cumbria1675

Pre-scientific

Grange Bridge, Cumbria1675

• Built through trial & error

• Frequent failure

• Lack of generalizable learning

• Rules of thumb knowledge

• Knowledge only gained via experience

Page 4: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

Scientific

Bloukrans Bridge, South Africa1984

• Built using theory & methodology

• Predictable results

• Accumulation of learning

• Abstracted knowledge

• Taught via instruction

Page 5: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

My Background

• BSc Computer Science (University of New South Wales)

• • HCI work with Tabletop Computing (University of Sydney)

Page 6: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

Interaction Design

• User Centered Design

• Usability Testing

• Personas & Use Cases

• Mental Models

• Fitts’ Law & GOMS

• etc...

Page 7: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

My Background

• BSc Computer Science (University of New South Wales)

• • HCI work with Tabletop Computing (University of Sydney)

• PhD Candidate (University of Washington)...

Page 8: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild
Page 9: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

Flame wars are not surprising; they are one of the most reliable features of mailing list

practice. If you assume a piece of software is for what it does, rather than what its

designer's goals were, then mailing list software is a tool for creating and sustaining

heated argument...

Page 10: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

You couldn't go through the code of Mailman and find the comment that reads "The next subroutine ensures that misunderstandings between users will be amplified, leading to name-calling and vitriol." Yet the software will frequently produce just that outcome...

Page 11: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

In thirty years, the principal engineering work on mailing lists has been on the

administrative experience. Mailman now offers administrator nearly a hundred

configurable options, many with multiple choices. However, the social experience of a

mailing list over those three decades has hardly changed at all...

Page 12: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

Is it considered rude to "ignore" a friend request?

Is it considered rude to un-friend a facebook friend? What if its someone you never actually speak to? And wish you had never friended? But you don't want to seem like an asshole? Will everyone assume that there was some "issue" or fight between us?

What about work related "friends," like a boss or someone you want to maintain good relations with but don't want seeing your party pictures?

Is the point of facebook to acquire the most friends? Is there a secret prize for accomplishing this?

Page 13: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

What is Social Experience Design?

• Designing the Social Interactions around a product/service

• A distinct & separate field from Interaction Design

• Designing for nuance, politeness, ambiguity, identity & privacy

• Does not require an interactive technology

• An example...

Page 14: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

Group Discussion Protocol

• Standard: First-in-First-out

Page 15: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

Group Discussion Protocol

• Better: Raised Finger & Raised Hand

Page 16: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

My Background

• • HCI work with Tabletop Computing (University of Sydney)

• PhD Candidate (University of Washington)

• Bumblebee Labs (Founder)

• Peel (Social Experience Designer)

• Product Design Guild (Founder)

Page 17: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

Social Experience Design

• Built through trial & error

• Frequent failure

• Lack of generalizable learning

• Rules of thumb knowledge

• Knowledge only gained via experience

Page 18: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

Social Experience Design

Page 19: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

Social Experience Design Primer

1. Sociotechnical Systems

2. Social Affordances

3. Plazas & Warrens

Page 20: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild
Page 21: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

• Rapid increase in demand for designers

• Design education isn’t reflecting skills SV employers want

• Technology teams now 3 - 5 engineers & 1 designer

• Mentorship is a losing economic proposition

Page 22: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

I think this is where guilds come in. Today, we often equate guilds with unions and organizing to establish and protect workers' rights.

But, one of the original functions of guilds was to establish a path of mastery that was orthogonal to the workplace, since it was unlikely that you had a chance to work with other craftsmen on a daily basis.

Page 23: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

Mission: To enable the creation of more & better designers by providing a path of mastery that is orthogonal to the workplace

Page 24: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

Pilot #1

• 30 designers

• Bringing real work in order to engage in collaborative design

• Noon - 6pm

• Largely free-form collaboration

Page 25: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

Rules

• You need to bring work: This is a place for work to be done. There is no room for tourists

• Give before you receive: We want this to be a community for contribution, not a resource for exploitation

• Be articulate about what you can offer: We are looking for people who can contribute to the education of fellow designers

Page 26: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

Rules (continued)• Seek permission from all of your stakeholders

before sharing: Don't sneak work into the guild under your client's or boss' nose

• We operate under the FriendDA: Seek explicit permission before sharing anything you saw outside of the guild

• Disclose any possible conflicts of interest before collaborating: It's up to the requester to decide whether to proceed

• Any guild work you do belongs to the requester: The requester is free to use it however they like without reseeking your consent

Page 27: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild
Page 28: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild
Page 30: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

Sociotechnical Systems

Page 31: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

Social & Technical Systems

CommunityTechnology

Page 32: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

Social & Technical Systems

PolicyCode

Page 33: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

Constraints

Sociotechnical Systems

Page 34: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

Constraints

Page 35: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

Constraints

Page 36: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

Sociotechnical Systems are successful when the right constraints are in place, regardless of where

they are implemented

Page 37: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

• Static

• Directly Controllable

• Replicable

• Rigid

• Dynamic

• Indirectly Controlled

• Contextual

• Flexible

Page 38: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

Implications

• Static analysis is impossible

• All analysis must be done in the context of use

• To derive generalizable findings, study constraints rather than artifacts

• Successful sociotechnical systems last by maintaining constraints in the face of changing social environments

Page 39: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

• Start with the social system first

• Use technology to augment

• Three projects:

• Situational Awareness

• Human Expertise Routing Network

• Measuring Contribution

• Use technology to help deal with scale

Page 40: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

Social Affordances

Page 41: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

Affordances

Page 42: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

Social Affordances

Page 43: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

• Audience

• Context

• Benefit

• Cost

4 Factors of Social Affordance

Page 44: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

• Audience

• Context

• Benefit

• Cost

4 Factors of Social Affordance

Page 45: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

• Any Audience

• No Context

• Unclear Benefit

• Only Cost is Effort

The Problem

Page 46: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

• Any Audience

• No Context

• Unclear Benefit

• Only Cost is Effort

The Problem

Page 47: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

Goal: A place for meaningful, substantive & productive interaction

Page 48: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

Audience:

• Pre-screened

• Committee of peers

• Base level of design talent

Page 49: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

Context:

• Basic level of design literacy expected

• Work framed the conversation

• Helpfulness as a norm

Page 50: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

Benefit:

• Connect with other designers

• Exposure to new skills/techniques/knowledge

• Produce better design

Page 51: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

Costs:

• Time

• Unwanted Social Obligation

• Possibility of breach of confidentiality

• Reputational Risk

Page 52: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

These affordances will change over time, the challenge is to stay true to the goal

Page 53: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

Plazas vs Warrens

Page 54: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

Plazas & Warrens

• All Social Systems can be decomposed into:

• Plaza:

• Warren:

Page 55: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

Plazas

• Shared, contiguous space

• Every person interacts with every other person

• Chatrooms/Comment threads/Meetings

• Plazas scale by getting bigger

• Easy to start, hard to scale

Page 56: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

Warrens

• Fragmented, personalized spaces

• Can only interact with immediate surrounds

• Facebook/IM/Cities

• Warrens scale by adding more warrens

• Hard to start, easy to scale

Page 57: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

Plazas & Warrens

• Every Social System is a combination of Plazas & Warrens

Warrens

PlazaPlaza

Page 58: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

• Currently, mainly a plaza

• How do we scale?

• How do we avoid bad elements?

• Journeyman/Apprentice/Master?

• Geographical/Time Segregation?

Page 59: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

Plazas & Warrens

• The architecture of your product will determine how people communicate

• Designing the correct Social Experience involves making sure this architecture is correct

• The necessity of Plazas vs Warrens will change as your community changes

Page 60: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

Three Methodologies

Sociotechnical Systems, Social Affordances & Plazas/Warrens

• Apply generally to all social systems

• Abstracted knowledge

• Allow for generalizable learning

• The first step in a scientific discipline...

Page 61: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

Conclusions

Page 62: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

1. Social Experience Design is a distinct problem space

Page 63: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

2. We are still in a Pre-Scientific era for Social Experience Design

Page 64: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

3. The Product Design Guild is Awesome!

(come talk to me after about how you can help)

Or sign up at: http://www.productdesignguild.com

Page 65: Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face Design Guild

Questions?