SPACE & NARRATIVE:
DESIGNING FOR SOCIAL
    INTERACTION
   Xianhang Zhang - Bumblebee Labs
UNDERSTANDING HUMAN BEHAVIOR




THE TRANSFORMATIVE EFFECTS OF TECHNOLOGY
ABOUT ME
ABOUT ME
Grew up in Australia
ABOUT ME
Grew up in Australia

Bachelors of Computer Science, University of New South
Wales
ABOUT ME
Grew up in Australia

Bachelors of Computer Science, University of New South
Wales

Worked on Tabletop Computing,...
ABOUT ME
Grew up in Australia

Bachelors of Computer Science, University of New South
Wales

Worked on Tabletop Computing,...
ABOUT ME
Grew up in Australia

Bachelors of Computer Science, University of New South
Wales

Worked on Tabletop Computing,...
ABOUT ME
Grew up in Australia

Bachelors of Computer Science, University of New South
Wales

Worked on Tabletop Computing,...
Flame wars are not surprising; they are one of the most
reliable features of mailing list practice. If you assume a
piece ...
You couldn't go through the code of Mailman and find the
  comment that reads "The next subroutine ensures that
   misunder...
In thirty years, the principal engineering work on mailing
lists has been on the administrative experience. Mailman
 now o...
Social Software




 Understanding            Transformative
Human Behavior         Effects of Technology
Social Software


   Psychologists

Anthropologists

   Teachers
   Journalists


 Understanding                  Transfor...
Social Software


   Psychologists                   Startups

Anthropologists                      Activists
            ...
Social Software


   Psychologists                   Startups

Anthropologists                      Activists
            ...
Is it considered rude to "ignore" a friend request?
Is it considered rude to "ignore" a friend request?

Is it considered rude to un-friend a facebook friend?
What if its som...
Is it considered rude to "ignore" a friend request?

Is it considered rude to un-friend a facebook friend?
What if its som...
Is it considered rude to "ignore" a friend request?

Is it considered rude to un-friend a facebook friend?
What if its som...
WHAT IS THE RELATIONSHIP
  BETWEEN DESIGN &
  BEHAVIOR IN SOCIAL
      SOFTWARE?
Medium Scale Physical   Large Scale Physical
  Artifact Design         Artifact Design
Industrial Design   Architecture
Tool   Building
Tool   Building
Tool   Building
Tool   Building
Stuff
Space
S
Stuff   p




            Stuff
        a
        c
        e
S
Stuff         p




                           Stuff
              a
              c
              e
    Physical Artifa...
SOFTWARE AS A TOOL
SOFTWARE AS A SPACE
SOFTWARE AS A SPACE
SOFTWARE AS A SPACE
SOFTWARE AS A SPACE
Physical               Virtual


           Stuff
Tool
        Industrial Design   Software as a Tool



          Space
S...
FEATURES
?
We must first recognize that what a town or building is, is
  governed, above all, by what is happening there. [...]
  Thos...
NARRATIVE
FOR SALE: BABY SHOES, NEVER WORN.
                        ERNEST HEMMINGWAY
THE NARRATIVE IS THE
ATOMIC UNIT OF SOCIAL
    INTERACTION
OTHER EXAMPLES OF
   NARRATIVES
OTHER EXAMPLES OF
          NARRATIVES

I’m your friend
OTHER EXAMPLES OF
           NARRATIVES

I’m your friend

If you help me, I’ll owe you a favor
OTHER EXAMPLES OF
           NARRATIVES

I’m your friend

If you help me, I’ll owe you a favor

I’d really rather not cook...
OTHER EXAMPLES OF
           NARRATIVES

I’m your friend

If you help me, I’ll owe you a favor

I’d really rather not cook...
Physical               Virtual


           Stuff              Feature
Tool
        Industrial Design   Software as a Tool...
N
           a
Features




               Features
           r
           r
           a
           t
           i
     ...
WHAT IS THE RELATIONSHIP
  BETWEEN DESIGN &
  BEHAVIOR IN SOCIAL
      SOFTWARE?
THE DESIGN OF THE
SOFTWARE AFFECTS WHAT
  NARRATIVES CAN BE
      SUPPORTED
DEFRIENDING: REAL LIFE
DEFRIENDING: FACEBOOK
DESIGNING FOR NARRATIVES
I am a reputable merchant
Nap in my
office
Busy
Meet with
Alan Smithee
FRIENNUENDO
  social awkwardness
FACETED BLOGGING
      Identity
OTHER APPLICATIONS
OTHER APPLICATIONS


Faceted Facebook
OTHER APPLICATIONS


Faceted Facebook
Faceted Twitter
OTHER APPLICATIONS


Faceted Facebook
Faceted Twitter
Faceted Youtube
DESIGN ISSUES
DESIGN ISSUES

What is the ideal granularity of a facet?
DESIGN ISSUES

What is the ideal granularity of a facet?

How lightweight should facet creation be?
DESIGN ISSUES

What is the ideal granularity of a facet?

How lightweight should facet creation be?

How can you communica...
DESIGN ISSUES

What is the ideal granularity of a facet?

How lightweight should facet creation be?

How can you communica...
GROUPS SUCK
GROUPS SUCK

• Rude:
 Blacklists are Cruel. Whitelists are Snobbish.
GROUPS SUCK

• Rude:
 Blacklists are Cruel. Whitelists are Snobbish.

• Tedious:
 Need to explicitly list & maintain every...
GROUPS SUCK

• Rude:
 Blacklists are Cruel. Whitelists are Snobbish.

• Tedious:
 Need to explicitly list & maintain every...
What is a Cherith?
What is cousin Rodney’s
catchphrase?
On whose rooftop did we
celebrate beating stanford?
USER STUDY 1
USER STUDY 1


• 31   subjects
USER STUDY 1


• 31   subjects

•5   semi-private photos per subject
USER STUDY 1


• 31   subjects

•5   semi-private photos per subject

• Users
      listed: friends, family, authority figu...
USER STUDY 1
USER STUDY 1


• 179   white/black lists created
USER STUDY 1


• 179   white/black lists created

• Friends: 90%   whitelisted, 40% blacklisted
USER STUDY 1


• 179   white/black lists created

• Friends: 90%   whitelisted, 40% blacklisted

• Family: 76%   whitelist...
USER STUDY 1
USER STUDY 1



• Users   could create questions for 176/179 lists (98%)
USER STUDY 1



• Users   could create questions for 176/179 lists (98%)

• Median: 8   seconds, Mean: 15 seconds
USER STUDY II
USER STUDY II

• Can   strangers crack guard questions?
USER STUDY II

• Can   strangers crack guard questions?

• 1680 Mechanical Turkers made 16,800 guesses at 168
 questions
USER STUDY II

• Can   strangers crack guard questions?

• 1680 Mechanical Turkers made 16,800 guesses at 168
 questions

...
USER STUDY II

• Can   strangers crack guard questions?

• 1680 Mechanical Turkers made 16,800 guesses at 168
 questions

...
USER STUDY III
USER STUDY III


• Mechanical Turkers
                   designed questions for friends that were
 easy (<75%) or hard (>2...
USER STUDY III


• Mechanical Turkers
                   designed questions for friends that were
 easy (<75%) or hard (>2...
USER STUDY III


• Mechanical Turkers
                   designed questions for friends that were
 easy (<75%) or hard (>2...
ONGOING WORK




 toomim@cs.washington.edu
CIRCUMSPECTION
“If Privacy is the desire not to be embarrassed,

Circumspection is the desire not to be bothered”




      CIRCUMSPECTION
WHAT’S NEXT?
WHAT’S NEXT?


• Advance   the state of the art in Social Interaction Design
WHAT’S NEXT?


• Advance   the state of the art in Social Interaction Design

• Create   a shareable methodology around So...
WHAT’S NEXT?


• Advance   the state of the art in Social Interaction Design

• Create   a shareable methodology around So...
N
             a



  Features




                     Features
             r
             r
             a
            ...
Space & Narrative: Designing for Social Software
Space & Narrative: Designing for Social Software
Space & Narrative: Designing for Social Software
Space & Narrative: Designing for Social Software
Space & Narrative: Designing for Social Software
Space & Narrative: Designing for Social Software
Space & Narrative: Designing for Social Software
Space & Narrative: Designing for Social Software
Space & Narrative: Designing for Social Software
Space & Narrative: Designing for Social Software
Space & Narrative: Designing for Social Software
Space & Narrative: Designing for Social Software
Space & Narrative: Designing for Social Software
Space & Narrative: Designing for Social Software
Space & Narrative: Designing for Social Software
Space & Narrative: Designing for Social Software
Space & Narrative: Designing for Social Software
Space & Narrative: Designing for Social Software
Space & Narrative: Designing for Social Software
Upcoming SlideShare
Loading in...5
×

Space & Narrative: Designing for Social Software

1,900

Published on

Published in: Design, Business, Technology
0 Comments
6 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,900
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
25
Comments
0
Likes
6
Embeds 0
No embeds

No notes for slide





















































  • 82,000 people sacrificed 230,000 friends in 10 days

































































  • Space & Narrative: Designing for Social Software

    1. 1. SPACE & NARRATIVE: DESIGNING FOR SOCIAL INTERACTION Xianhang Zhang - Bumblebee Labs
    2. 2. UNDERSTANDING HUMAN BEHAVIOR THE TRANSFORMATIVE EFFECTS OF TECHNOLOGY
    3. 3. ABOUT ME
    4. 4. ABOUT ME Grew up in Australia
    5. 5. ABOUT ME Grew up in Australia Bachelors of Computer Science, University of New South Wales
    6. 6. ABOUT ME Grew up in Australia Bachelors of Computer Science, University of New South Wales Worked on Tabletop Computing, University of Sydney
    7. 7. ABOUT ME Grew up in Australia Bachelors of Computer Science, University of New South Wales Worked on Tabletop Computing, University of Sydney PhD Candidate, University of Washington
    8. 8. ABOUT ME Grew up in Australia Bachelors of Computer Science, University of New South Wales Worked on Tabletop Computing, University of Sydney PhD Candidate, University of Washington Founder, Bumblebee Labs
    9. 9. ABOUT ME Grew up in Australia Bachelors of Computer Science, University of New South Wales Worked on Tabletop Computing, University of Sydney PhD Candidate, University of Washington Founder, Bumblebee Labs Bay Area?
    10. 10. 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.
    11. 11. 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.
    12. 12. 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.
    13. 13. Social Software Understanding Transformative Human Behavior Effects of Technology
    14. 14. Social Software Psychologists Anthropologists Teachers Journalists Understanding Transformative Human Behavior Effects of Technology
    15. 15. Social Software Psychologists Startups Anthropologists Activists Politicians Teachers Social Media Journalists “Experts” Understanding Transformative Human Behavior Effects of Technology
    16. 16. Social Software Psychologists Startups Anthropologists Activists Design? Politicians Teachers Social Media Journalists “Experts” Understanding Transformative Human Behavior Effects of Technology
    17. 17. Is it considered rude to "ignore" a friend request?
    18. 18. 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?
    19. 19. 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?
    20. 20. 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?
    21. 21. WHAT IS THE RELATIONSHIP BETWEEN DESIGN & BEHAVIOR IN SOCIAL SOFTWARE?
    22. 22. Medium Scale Physical Large Scale Physical Artifact Design Artifact Design
    23. 23. Industrial Design Architecture
    24. 24. Tool Building
    25. 25. Tool Building
    26. 26. Tool Building
    27. 27. Tool Building
    28. 28. Stuff
    29. 29. Space
    30. 30. S Stuff p Stuff a c e
    31. 31. S Stuff p Stuff a c e Physical Artifact Design
    32. 32. SOFTWARE AS A TOOL
    33. 33. SOFTWARE AS A SPACE
    34. 34. SOFTWARE AS A SPACE
    35. 35. SOFTWARE AS A SPACE
    36. 36. SOFTWARE AS A SPACE
    37. 37. Physical Virtual Stuff Tool Industrial Design Software as a Tool Space Space Architecture Software as a Space
    38. 38. FEATURES
    39. 39. ?
    40. 40. We must first recognize that what a town or building is, is governed, above all, by what is happening there. [...] Those of us who are concerned with buildings tend to forget too easily that all the life and soul of a place, all of our experiences there, depend not simply on the physical environment, but on the patterns of events which we experience there. - Christopher Alexander, The Timeless Way of Building
    41. 41. NARRATIVE
    42. 42. FOR SALE: BABY SHOES, NEVER WORN. ERNEST HEMMINGWAY
    43. 43. THE NARRATIVE IS THE ATOMIC UNIT OF SOCIAL INTERACTION
    44. 44. OTHER EXAMPLES OF NARRATIVES
    45. 45. OTHER EXAMPLES OF NARRATIVES I’m your friend
    46. 46. OTHER EXAMPLES OF NARRATIVES I’m your friend If you help me, I’ll owe you a favor
    47. 47. OTHER EXAMPLES OF NARRATIVES I’m your friend If you help me, I’ll owe you a favor I’d really rather not cook tonight but I don’t want you to think I’m lazy
    48. 48. OTHER EXAMPLES OF NARRATIVES I’m your friend If you help me, I’ll owe you a favor I’d really rather not cook tonight but I don’t want you to think I’m lazy Note: A Narrative does not have to be true
    49. 49. Physical Virtual Stuff Feature Tool Industrial Design Software as a Tool Space Narrative Space Architecture Software as a Space
    50. 50. N a Features Features r r a t i v e
    51. 51. WHAT IS THE RELATIONSHIP BETWEEN DESIGN & BEHAVIOR IN SOCIAL SOFTWARE?
    52. 52. THE DESIGN OF THE SOFTWARE AFFECTS WHAT NARRATIVES CAN BE SUPPORTED
    53. 53. DEFRIENDING: REAL LIFE
    54. 54. DEFRIENDING: FACEBOOK
    55. 55. DESIGNING FOR NARRATIVES
    56. 56. I am a reputable merchant
    57. 57. Nap in my office
    58. 58. Busy
    59. 59. Meet with Alan Smithee
    60. 60. FRIENNUENDO social awkwardness
    61. 61. FACETED BLOGGING Identity
    62. 62. OTHER APPLICATIONS
    63. 63. OTHER APPLICATIONS Faceted Facebook
    64. 64. OTHER APPLICATIONS Faceted Facebook Faceted Twitter
    65. 65. OTHER APPLICATIONS Faceted Facebook Faceted Twitter Faceted Youtube
    66. 66. DESIGN ISSUES
    67. 67. DESIGN ISSUES What is the ideal granularity of a facet?
    68. 68. DESIGN ISSUES What is the ideal granularity of a facet? How lightweight should facet creation be?
    69. 69. DESIGN ISSUES What is the ideal granularity of a facet? How lightweight should facet creation be? How can you communicate faceting to the reader?
    70. 70. DESIGN ISSUES What is the ideal granularity of a facet? How lightweight should facet creation be? How can you communicate faceting to the reader? How does faceting integrate with the rest of the web ecosystem?
    71. 71. Privacy
    72. 72. GROUPS SUCK
    73. 73. GROUPS SUCK • Rude: Blacklists are Cruel. Whitelists are Snobbish.
    74. 74. GROUPS SUCK • Rude: Blacklists are Cruel. Whitelists are Snobbish. • Tedious: Need to explicitly list & maintain everyone who should see a photo?
    75. 75. GROUPS SUCK • Rude: Blacklists are Cruel. Whitelists are Snobbish. • Tedious: Need to explicitly list & maintain everyone who should see a photo? • Complicated: Either inexpressive (flickr) or complicated (unix)
    76. 76. What is a Cherith?
    77. 77. What is cousin Rodney’s catchphrase?
    78. 78. On whose rooftop did we celebrate beating stanford?
    79. 79. USER STUDY 1
    80. 80. USER STUDY 1 • 31 subjects
    81. 81. USER STUDY 1 • 31 subjects •5 semi-private photos per subject
    82. 82. USER STUDY 1 • 31 subjects •5 semi-private photos per subject • Users listed: friends, family, authority figures, strangers, ex- romances, potential future romances etc.
    83. 83. USER STUDY 1
    84. 84. USER STUDY 1 • 179 white/black lists created
    85. 85. USER STUDY 1 • 179 white/black lists created • Friends: 90% whitelisted, 40% blacklisted
    86. 86. USER STUDY 1 • 179 white/black lists created • Friends: 90% whitelisted, 40% blacklisted • Family: 76% whitelisted, 79% blacklisted
    87. 87. USER STUDY 1
    88. 88. USER STUDY 1 • Users could create questions for 176/179 lists (98%)
    89. 89. USER STUDY 1 • Users could create questions for 176/179 lists (98%) • Median: 8 seconds, Mean: 15 seconds
    90. 90. USER STUDY II
    91. 91. USER STUDY II • Can strangers crack guard questions?
    92. 92. USER STUDY II • Can strangers crack guard questions? • 1680 Mechanical Turkers made 16,800 guesses at 168 questions
    93. 93. USER STUDY II • Can strangers crack guard questions? • 1680 Mechanical Turkers made 16,800 guesses at 168 questions • 6% cracked in 3 guessed, 11% in 10
    94. 94. USER STUDY II • Can strangers crack guard questions? • 1680 Mechanical Turkers made 16,800 guesses at 168 questions • 6% cracked in 3 guessed, 11% in 10 • Better than what users expected (14%)
    95. 95. USER STUDY III
    96. 96. USER STUDY III • Mechanical Turkers designed questions for friends that were easy (<75%) or hard (>25%) to guess
    97. 97. USER STUDY III • Mechanical Turkers designed questions for friends that were easy (<75%) or hard (>25%) to guess • 83% of friends guessed the easy questions
    98. 98. USER STUDY III • Mechanical Turkers designed questions for friends that were easy (<75%) or hard (>25%) to guess • 83% of friends guessed the easy questions • 27% of friends guessed the hard questions
    99. 99. ONGOING WORK toomim@cs.washington.edu
    100. 100. CIRCUMSPECTION
    101. 101. “If Privacy is the desire not to be embarrassed, Circumspection is the desire not to be bothered” CIRCUMSPECTION
    102. 102. WHAT’S NEXT?
    103. 103. WHAT’S NEXT? • Advance the state of the art in Social Interaction Design
    104. 104. WHAT’S NEXT? • Advance the state of the art in Social Interaction Design • Create a shareable methodology around Social Interaction Design
    105. 105. WHAT’S NEXT? • Advance the state of the art in Social Interaction Design • Create a shareable methodology around Social Interaction Design • Developnew interface elements that can be used towards more socially humane design
    106. 106. N a Features Features r r a t i v e CONCLUSIONS hang@bumblebeelabs.com http://www.bumblebeelabs.com

    ×