Social SoftwareSocial SoftwareJohn C. TangJohn C. TangSeptember 6, 2007September 6, 2007

Top 10 student needs Top 10 student needs

6.6. Calendar management Calendar management (assignments, events)(assignments, events)

7.7. Computer (power, carrying, Computer (power, carrying, features)features)

8.8. Cellphone (texting, usability)Cellphone (texting, usability)9.9. Bathroom controls (temp, sensors)Bathroom controls (temp, sensors)10.10. Transportation (bus schedules, Transportation (bus schedules,

parking)parking)

Top 10 student needsTop 10 student needs

1.1. Communicating with familyCommunicating with family2.2. Alarm clock waking upAlarm clock waking up3.3. Finding people (teammates, Finding people (teammates,

carpool)carpool)4.4. Recommendations (dining, Recommendations (dining,

activities)activities)5.5. Earphones designEarphones design

Website updatesWebsite updates Slides from lecture are posted Slides from lecture are posted

later in the daylater in the day Link posted for every assignmentLink posted for every assignment Discussion section topics for Discussion section topics for

some weeks added to schedule some weeks added to schedule (more coming)(more coming)

Revised office hours for me: Revised office hours for me: Tue, 2:00-3:30Tue, 2:00-3:30

Assignment: Map of Assignment: Map of Berkeley (Due Sept. Berkeley (Due Sept. 11)11) Draw conceptual map of Berkeley that Draw conceptual map of Berkeley that

conveys your experience of the areaconveys your experience of the area– Introduce me to Berkeley!Introduce me to Berkeley!– Express visually, not with words (like Pictionary)Express visually, not with words (like Pictionary)– Create feature listCreate feature list

Show map to one other person Show map to one other person not in CS160not in CS160– ““Here’s a map of Berkeley I drew—tell me what Here’s a map of Berkeley I drew—tell me what

you learn from it”you learn from it”– State relationship to person (e.g., friend, State relationship to person (e.g., friend,

roommate)roommate)– Record number of features they recognizeRecord number of features they recognize

Hand in 2 copies (black & white copy OK)Hand in 2 copies (black & white copy OK)

Grading criteriaGrading criteria How effectively the map communicates How effectively the map communicates

feature list to us (the teaching staff)feature list to us (the teaching staff) How effectively the map communicates How effectively the map communicates

feature list to user study participant (% feature list to user study participant (% features recognized)features recognized)

Good design balance of how much Good design balance of how much information to include in the mapinformation to include in the map– Enough to be interestingEnough to be interesting– Not too much to be clutteredNot too much to be cluttered– Keep target user in mind (me!)Keep target user in mind (me!)

Reflect on what you learned from user Reflect on what you learned from user testtest

A word about A word about grading…grading…

I’m going to be more I’m going to be more explicit about explicit about assignmentsassignments

Please ask if you Please ask if you have any questionshave any questions

Consider this first Consider this first assignment as part of assignment as part of a “calibration” a “calibration” process, clarify process, clarify expectationsexpectations

Last call, standby Last call, standby passengers…passengers… Hung, Sherry Murphy, Gant Glickman, Robert Toraby, Farshad Vilepchiukor, Arthur

Social softwareSocial software Introduce basic types of social Introduce basic types of social

softwaresoftware Recognize important aspects of Recognize important aspects of

social designsocial design

Applications we all use, but why are Applications we all use, but why are they compelling?they compelling?

Not just single human-Not just single human-machine interfacemachine interface

But a socially interconnected But a socially interconnected networknetwork

Leveraging social Leveraging social behaviorbehavior Others benefit from my workOthers benefit from my work I benefit from others’ workI benefit from others’ work The more people who participate, the The more people who participate, the

more interesting it is (viral)more interesting it is (viral) Social side effects from individual Social side effects from individual

workwork Linking social benefits with individual Linking social benefits with individual

benefitsbenefits Leveraging social work (Tom Sawyer)Leveraging social work (Tom Sawyer)

Beyond mainstream Beyond mainstream social softwaresocial software EmailEmail IMIM Web pagesWeb pages Multi-player gamesMulti-player games

Work / benefit tradeoffWork / benefit tradeoff Cardinal rule for why Computer-Cardinal rule for why Computer-

Supported Cooperative Work Supported Cooperative Work (CSCW) applications fail(CSCW) applications fail– Disparity between who does the work Disparity between who does the work

and who gets the benefitand who gets the benefit

Jonathan Grudin, “Why CSCW Jonathan Grudin, “Why CSCW applications fail: Problems in the applications fail: Problems in the design and evaluation of design and evaluation of organizational interfaces”, CSCW 1988organizational interfaces”, CSCW 1988

http://doi.acm.org/10.1145/62266.62273

Social recommendingSocial recommending

High data volume Side effect of

purchase records Regionally

customized Dealing with data

pollution (gifts)

Del.icio.usDel.icio.usa a social bookmarkingsocial bookmarking website … designed to website … designed to

allow you to store and share bookmarks on the allow you to store and share bookmarks on the web, instead of inside your browser. web, instead of inside your browser.

Access your bookmarks from anywhere, no Access your bookmarks from anywhere, no matter whether you're at home, at work, in a matter whether you're at home, at work, in a library, or on a friend's computer.library, or on a friend's computer.

Share your bookmarks publicly, so your friends, Share your bookmarks publicly, so your friends, coworkers, and other people can view them for coworkers, and other people can view them for reference, amusement, collaboration, etc. reference, amusement, collaboration, etc.

Find other people on del.icio.us who have Find other people on del.icio.us who have interesting bookmarks and add their links to interesting bookmarks and add their links to your own collection.your own collection.

Joshua Schachter Joshua Schachter http://http://del.icio.usdel.icio.us/doc/about/doc/about

Del.icio.us Del.icio.us bookmarking and bookmarking and taggingtagging Lightweight widgets for Lightweight widgets for

– Adding a bookmarkAdding a bookmark– Adding tags to index bookmarksAdding tags to index bookmarks

Interface for seeingInterface for seeing– Tags applied to bookmarksTags applied to bookmarks– Other bookmarks that others have Other bookmarks that others have

related to a bookmarkrelated to a bookmark– Social feedback—others are copying Social feedback—others are copying

my bookmarks!my bookmarks!

Del.icio.us Del.icio.us aggregationsaggregations PopularPopular RecentRecent

‘‘Folksonomies’Folksonomies’ Meta-data created by Meta-data created by usersusers

– Contrasts with expert indexing (e.g., Contrasts with expert indexing (e.g., Library of Congress)Library of Congress)

– Contrasts with author indexing (e.g., Contrasts with author indexing (e.g., keywords, book index)keywords, book index)

Whole society benefits from Whole society benefits from minority of fastidious “organizers”minority of fastidious “organizers”

Helping improve search (dogear)Helping improve search (dogear)

WikipediaWikipedia Peer-contributed contentPeer-contributed content Community moderated (status)Community moderated (status) More diverse, “popular” slant on More diverse, “popular” slant on

infoinfo Journal article in Nature that found Journal article in Nature that found

accuracy of Wikipedia comparable accuracy of Wikipedia comparable to Encyclopedia Britannicato Encyclopedia Britannicahttp://www.nature.com/news/2005/051212/full/438900a.http://www.nature.com/news/2005/051212/full/438900a.htmlhtml

Can be “dynamic” at timesCan be “dynamic” at times

Temporal artifacts in Temporal artifacts in WikipediaWikipedia History flow visualization of History flow visualization of

“abortion”“abortion”

http://doi.acm.org/10.1145/985692.985765

TaggingTagging Indexing for my useIndexing for my use Shared with othersShared with others

– Disambiguating Disambiguating – TranslationTranslation– Convergence on labelsConvergence on labels

Seeing others’ tagsSeeing others’ tags Auto-completeAuto-complete

Cambridge, MA and Cambridge, MA and Cambridge, UKCambridge, UK

Searching for “azul”Searching for “azul”

Tag cloudsTag clouds Usage, Usage,

recency ~ recency ~ interestinginteresting

Alphabetic Alphabetic for findingfor finding

Salience of usage, Salience of usage, recencyrecency

Social reputationsSocial reputations eBayeBay EpinionsEpinions ““genuine” genuine”

reviewsreviews Evolve Evolve

over timeover time

Viral adoptionViral adoption ExposureExposurequick quick

installinstallusageusagemore exposuremore exposure facebook applicationsfacebook applications

Leveraging physical Leveraging physical traffictraffic ZoneTagsZoneTags

– Exploiting location information on Exploiting location information on cameraphonescameraphones

– Tag photos with locationTag photos with location– Suggest tags based on other photos Suggest tags based on other photos

from that locationfrom that location PhotoSynthPhotoSynth

– Create 3-D model from photos taken Create 3-D model from photos taken from the same locationfrom the same location

ZoneTagZoneTag

http://zonetag.research.yahoo.com/

PhotosynthPhotosynth

http://labs.live.com/photosynth/default.html

Social networkingSocial networking facebookfacebook MySpaceMySpace LinkedInLinkedIn

Your favorite exampleYour favorite example YelpYelp

Assignments: Commercial for Assignments: Commercial for idea (Due Sept. 12) and idea (Due Sept. 12) and facebook application review facebook application review (Sept. 18)(Sept. 18) Take an idea (from idea list), prepare a Take an idea (from idea list), prepare a

2-minute “commercial” (Sept. 12)2-minute “commercial” (Sept. 12)– Presented live in Discussion SectionsPresented live in Discussion Sections– If you can’t attend discussion section, you If you can’t attend discussion section, you

can submit a recording (narrated slideshow, can submit a recording (narrated slideshow, video)video)

Review a facebook application (Sept. 18)Review a facebook application (Sept. 18)– Try it yourselfTry it yourself– Observe TWO (2) other people using itObserve TWO (2) other people using it– Write reviewWrite review

Explain what it does (screenshot)Explain what it does (screenshot) Explain what works well, what doesn’tExplain what works well, what doesn’t Include data from observing usersInclude data from observing users

Criteria: Commercial Criteria: Commercial for idea (Due Sept. 12) for idea (Due Sept. 12) Strict time-keeping—must stay within 2 Strict time-keeping—must stay within 2

minutes!minutes! Must email any projected material to Must email any projected material to

btsao@berkeley.edubtsao@berkeley.edu – [cs160] in Subject line[cs160] in Subject line– by midnight, Tuesday, Sept. 11 (otherwise, by midnight, Tuesday, Sept. 11 (otherwise,

present without projecting)present without projecting) Effectively communicate ideaEffectively communicate idea

– What’s the need? What’s the need? – Approach for solving it?Approach for solving it?– Is it a good idea?Is it a good idea?

Opportunity to help form teams, Opportunity to help form teams, convince others to work with youconvince others to work with you

Criteria: Review facebook Criteria: Review facebook application (Due Sept. application (Due Sept. 18)18) Pick an interesting applicationPick an interesting application Clearly explain to us what it does Clearly explain to us what it does

(illustrated)(illustrated) Observe at least 2 Observe at least 2 non CS160non CS160 people using people using

application (give demographic info)application (give demographic info) Write reviewWrite review

– What works wellWhat works well– What doesn’t work wellWhat doesn’t work well– Support with evidence from observationsSupport with evidence from observations– Suggested improvementsSuggested improvements– Shouldn’t be more than around 5 pagesShouldn’t be more than around 5 pages

Next timeNext time ReadingsReadings

– Task-centered user interface design, Task-centered user interface design, by Clayton Lewis and John Rieman by Clayton Lewis and John Rieman

Explore forming groups (looking Explore forming groups (looking for group formation by Sept. 13)for group formation by Sept. 13)– In class teamingIn class teaming– Discussion section commercialsDiscussion section commercials– Mix of skillsMix of skills– Ask us if you need helpAsk us if you need help