sosialt interaksjonsdesign

80

Upload: efatland

Post on 26-May-2015

528 views

Category:

Design


2 download

DESCRIPTION

Workshop på Yggdrasil 2009

TRANSCRIPT

Page 1: Sosialt Interaksjonsdesign
Page 2: Sosialt Interaksjonsdesign

Hva er et sosialt medium?

Page 3: Sosialt Interaksjonsdesign

Programvaresombrukesavetne#ellesskap 

Page 4: Sosialt Interaksjonsdesign

Sommuliggjørmange‐6l‐mange‐kommunikasjon.

Page 5: Sosialt Interaksjonsdesign

Somkommunisererasynkront.

Page 6: Sosialt Interaksjonsdesign

Mediert,ogmedenfølelseavanonymitet.

Page 7: Sosialt Interaksjonsdesign

sosialprogramvareerikkenoeny> (NLSdemo,1968)

Page 8: Sosialt Interaksjonsdesign

…menviermidtietgjennombrudd

Page 9: Sosialt Interaksjonsdesign

UIordringerogmuligheterforvirksomheter/organisasjoner–interntogeksternt

Page 10: Sosialt Interaksjonsdesign

Tema for workshopen:

Hvordan designer man (for) menneskelig samhandling?

Page 11: Sosialt Interaksjonsdesign

Designmetoder

IDEATION

Brainstorm Konseptskisser Prototype Trådskisser Designskisser 

+++

VALIDATION

Brukertest Webanalyse 

Ekspertevaluering Etnografiske studier 

Fokusgrupper +++

(Buxton 2007)

Page 12: Sosialt Interaksjonsdesign

Designmetoder for sosiale medier

IDEATION

Brainstorm Konseptskisser Prototype Trådskisser Designskisser 

+++

VALIDATION

???

Page 13: Sosialt Interaksjonsdesign

Mot et nytt fagfelt:

Sosialt Interaksjonsdesign (SxD)

Page 14: Sosialt Interaksjonsdesign

KlassiskSxD:”Throwstuffonthewall…”

”…seewhats6cks.”

Page 15: Sosialt Interaksjonsdesign

For å unngå spagetti, trenger vi bedre metoder.

Ikke minst trenger vi å kunne forutsi hva som vil skje når et sosialt brukergrensesnitt møter faktiske brukere.

Page 16: Sosialt Interaksjonsdesign

Noen stener til grunnmuren:

Sosiabilitet 

(JennyPreece)

Adferd følger design 

(ClayShirky,JoshuaPorter)

Interaksjons‐design 

HCI Usability 

Mønsterspråk 

(ChristopherAlexander+++)

Forventningen om Klsvar 

(EskoKurvinen)

Informasjons‐arkitektur 

Page 17: Sosialt Interaksjonsdesign

Flere* (mulige) byggestener:

Captology 

(BJFogg)

Scandinavian AcKvity theory 

+++

(Psykologi,Sosiologi,Retorikk,Osv.)

Ludologi 

* Ikke tema for denne workshopen, men relevante.

Designing Genres (P. Agre) 

ParKcipatory Design 

Page 18: Sosialt Interaksjonsdesign

Hvilke fagfelt er ikke relevante for å forstå og forutsi menneskelig adferd?

Page 19: Sosialt Interaksjonsdesign

Tema for workshopen:

Om nettdebatt

Page 20: Sosialt Interaksjonsdesign

Hva kjennetegner er ”god debatt”?

Page 21: Sosialt Interaksjonsdesign

”Den åpne debatten er alle gode tings mor.”

Fritt etter Jürgen Habermas

Page 22: Sosialt Interaksjonsdesign

Lenker mellom amerikanske blogger, 2004 – demokratiske (blått), republikanske (rødt). Massemedier (gule) i midten. (Valdis Krebbs 2005)

Page 23: Sosialt Interaksjonsdesign

”The ideal speech situation, as defined by Jürgen Habermas in abstract form his book ‘Theory of Communicative Action’ (1981) has been realized sometime ago. Anyone can participate, there are no formal hierarchies or gatekeepers, no limits to the length of individual contributions nor the whole of the debate… all of Habermas’ criteria are formally met by an unmoderated web discussion. The only problem is that no-one in their right mind would waste time in reading such a Discussion”

– A Famous Political Scientist *

* dvs.: kilde ukjent

Page 24: Sosialt Interaksjonsdesign
Page 25: Sosialt Interaksjonsdesign

Er det så enkelt?

Er det noen andre forklaringer på hvorfor nettdebatter ofte blir dårlige?

Er det noe interaksjonsdesignere kan gjøre for å forbedre dem?

Page 26: Sosialt Interaksjonsdesign

Et løsningsforsøk: WebTing

efatland.com/portfolio/webting/

Designhypotese: nettdebatter blir dårlige fordi de er endeløse og uforpliktende.

Page 27: Sosialt Interaksjonsdesign
Page 28: Sosialt Interaksjonsdesign
Page 29: Sosialt Interaksjonsdesign
Page 30: Sosialt Interaksjonsdesign

Hvis WebTing virker, virker det ved å begrense debattid og tvinge frem avgjørelser.

Det kan man ikke gjøre i den åpne nettdebatten.

Page 31: Sosialt Interaksjonsdesign

Sosiabilitet 

(JennyPreece)

Adferd følger design 

(ClayShirky,JoshuaPorter)

Mønsterspråk 

(ChristopherAlexander+++)

Forventningen om Klsvar 

(EskoKurvinen)

Page 32: Sosialt Interaksjonsdesign

”… community is a process. Communities develop and continuously evolve. Only the software that supports them is designed.”

– Jenny Preece (2000)

Page 33: Sosialt Interaksjonsdesign

”Sociability is concerned with planning and developing social policies which are understandable and acceptable to members, to support the communities purpose.”

– Jenny Preece (2000)

Page 34: Sosialt Interaksjonsdesign

Designusability

e.g. Interac+ondialogNaviga+onRegistra+onformsFeedbackRepresenta+onsofusersMessageformatArchivesSupporttools,etc.

Plansociability

e.g. PoliciesformembershipCodesofconductSecurityPrivacyCopyrightFreespeechModerators,etc.

Assesscommunityneeds

Support evolving community 

(Preece 2000)

Page 35: Sosialt Interaksjonsdesign

Sosiabilitet 

(Jenny Preece) 

Adferd følger design 

(Clay Shirky, Joshua Porter) 

Mønsterspråk 

(ChristopherAlexander+++)

Forventningen om Klsvar 

(EskoKurvinen)

Page 36: Sosialt Interaksjonsdesign

”If you assume a piece of software is for what it does, rather than what its designer’s stated goals were, then mailing list software is, among other things, a tool for creating and sustaining heated argument.”

– Clay Shirky

Page 37: Sosialt Interaksjonsdesign

”The behavior you’re seeing is the behavior you’ve designed for”

– Joshua Porter, bokardo.com

Page 38: Sosialt Interaksjonsdesign

Men hvordan påvirker designet adferden?

Page 39: Sosialt Interaksjonsdesign

Affordances & Constraints (handlingsmuligheter & begrensninger)

Hva kan jeg gjøre her? Hva kan jeg ikke gjøre?

(Norman 2002)

Page 40: Sosialt Interaksjonsdesign

Hva kan jeg gjøre her? Hva kan jeg ikke gjøre?

Page 41: Sosialt Interaksjonsdesign

Hva kan jeg gjøre her? Hva kan jeg ikke gjøre?

Page 42: Sosialt Interaksjonsdesign

Hva kan jeg gjøre her? Hva kan jeg ikke gjøre?

Page 43: Sosialt Interaksjonsdesign

Sosiale objekter

”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. For instance, if the object is a job it will connect me to one set of people whereas a date will link me to a radically different group”

- Jyri Engeström (2005)

Page 44: Sosialt Interaksjonsdesign

Video – youtube

Page 45: Sosialt Interaksjonsdesign

Bilder - Flickr

Page 46: Sosialt Interaksjonsdesign

Aksjekurser – hegnar online

Page 47: Sosialt Interaksjonsdesign

Råd – barnimagen.com

Page 48: Sosialt Interaksjonsdesign

Bokmerker – del.icio.us

Page 49: Sosialt Interaksjonsdesign

Men også…

Barn, foreldrerollen.

Page 50: Sosialt Interaksjonsdesign

”Sosialt objekt” og ”genre” er overlappende størrelser.

Page 51: Sosialt Interaksjonsdesign

Hva er det sosiale objektet i en nettdebatt?

Page 52: Sosialt Interaksjonsdesign

Sosiabilitet 

(Jenny Preece) 

Adferd følger design 

(Clay Shirky, Joshua Porter) 

Mønsterspråk 

(ChristopherAlexander+++)

Forventningen om Klsvar 

(Esko Kurvinen) 

Page 53: Sosialt Interaksjonsdesign

utgangspunkt for samtaler:

TheInterestArouser Retrospec6vemethods Prospec6vemethods

Følg med, dette er dramatisk!

Dette har skjedd… her er min respons

Les dette, og gi meg et svar.

(Kurvinen 2007)

Page 54: Sosialt Interaksjonsdesign

Digitale samtaler som responskjeder:

Retrospec6vemethods

Prospec6vemethods

Dette har skjedd… her er min respons

Les dette, og gi meg et svar.

Retrospec6vemethods

Dette har skjedd… her er min respons

Page 55: Sosialt Interaksjonsdesign

Kommunikasjon i sosiale medier er ofte kjennetegnet av oppfordringen til – og forventningen om - respons:

- Spørsmål – Svar - Provokasjon – Tilsvar - Ros – Takknemlighet

Page 56: Sosialt Interaksjonsdesign

Nettdebatter blir lett forsuret av at en manns tilsvar er en annen manns provokasjon

- Spørsmål – Svar - Provokasjon – Tilsvar - Ros – Takknemlighet

Dette er en utfordring for sosiale interaksjonsdesignere.

Page 57: Sosialt Interaksjonsdesign

Lineærsekvens

Page 58: Sosialt Interaksjonsdesign

Ekspanderendesekvens

Page 59: Sosialt Interaksjonsdesign

Hvordan påvirker sekvensen en nettdebatt?

Hvordan konkluderes en nettdebatt?

Hvem vinner debatten?

Page 60: Sosialt Interaksjonsdesign

Sosiabilitet 

(Jenny Preece) 

Adferd følger design 

(Clay Shirky, Joshua Porter) 

Mønsterspråk 

(Christopher Alexander +++) 

Forventningen om Klsvar 

(EskoKurvinen)

Page 61: Sosialt Interaksjonsdesign

ProblemAndrebrukerekanskriveinnlegg

underdiCnavn. Kontekst(”system‐of‐forces”):Åpent

neCsamfunnhvoralle

besøkendekanskriveinnlegg.

LøsningLabrukereREGISTRERESEGforåoppreCeenBRUKERPROFILmedet

fastbrukernavn.

FASTBRUKERNAVN

Problem

KontekstLøsning

REGISTRERING

Problem

KontekstLøsning

BRUKERPROFIL

Et eksempel-mønster:

Page 62: Sosialt Interaksjonsdesign

ProblemSosialegrensesniCinnebæreratdesignerenmåtenkegjennommange,+ldelsmotstridende,faktorermht.bådedesignog

innhold. KontekstUtviklingavsosiale

brukergrensesniC.

LøsningSkrivnedenkeltkomponentersomMØNSTERE,foråavdekkestrukturoggjensidigpåvirkningutenågå

degvillimulighetene.

SKRIVIDEERSOMMØNSTERSPRÅK

Page 63: Sosialt Interaksjonsdesign

ProblemMønsterspråkegnerseg+låsamle”ekspertkunnskap”,menviharlitesolidkunnskapomeffektenavdesignvalgpåsosialemedier.

KontekstUtviklingavsosiale

brukergrensesniC.

LøsningTa+den+lbrukmensfagfeltet

utviklerseg.

Sam+dig:følgmedpåutviklingenavmønsterspråkforsosialt

interaksjonsdesign,eksempelvispådesigningsocialinterfaces.com

TATIDENTILBRUK

Page 64: Sosialt Interaksjonsdesign

DenSosialeVerktøykassa‐frø6letmønsterspråk

Page 65: Sosialt Interaksjonsdesign

Registrering

Page 66: Sosialt Interaksjonsdesign

Avatar/Brukerbilde

Page 67: Sosialt Interaksjonsdesign

Anonymitet

Anonym bruker

Page 68: Sosialt Interaksjonsdesign

Psuedonymitet

Pseudonym bruker

Page 69: Sosialt Interaksjonsdesign

Status

Aktiv bruker Viktig bruker

Page 70: Sosialt Interaksjonsdesign

Enklikksfeedback

Facebook: ”Like”. Positiv, offentlig.

Digg.com: ”Digg” (positiv) og ”Bury” (negativ)

Underskog: ”kudos” Positiv og privat

Page 71: Sosialt Interaksjonsdesign

Digg.com: Sorterer innlegg etter poeng.

Enkelmeta‐moderasjon

Page 72: Sosialt Interaksjonsdesign

Slashdot: Sorterer innnlegg etter type, og viser innlegg med mer enn en brukerdefinert poengsum.

Kompleksmeta‐moderasjon

Page 73: Sosialt Interaksjonsdesign

Følgende innleggstyper skal fjernes:

Følgende innleggstyper bør få stå:

Følgende innlegg kan fjernes, avhengig av skjønn:

Moderasjonspolicy

Page 74: Sosialt Interaksjonsdesign

Vi endrer design eller policy for nettstedet når:

Brukere kan holde seg informert om endringer på denne måten:

Brukere kan påvirke oss til å endre nettstedet ved å:

Utviklingspolicy

Page 75: Sosialt Interaksjonsdesign

Fra: [email protected] Til: [email protected]

Hei, bruker!

Vi måtte slette innlegget ditt med tittelen ”JEG HATER RUMPETROLL” fordi det brøt med prinsippet om ingen banning på nettstedet.

Vedlagt vil du finne teksten du skrev. Hvis du skriver det om slik at det ikke lenger bryter med prinsippet over, er du velkommen til å publisere det på nytt.

Med vennlig hilsen, - moderator

Transparentsensur

Page 76: Sosialt Interaksjonsdesign

”… community is a process. Communities develop and continuously evolve. Only the software that supports them is designed.”

– Jenny Preece (2000)

Disemwovelment

Page 77: Sosialt Interaksjonsdesign

”… cmmnty s prcss. Cmmnts dvlp nd cntnsly vlv. nly th sftwr tht spprts thm s dsgnd.”

– Jnny Prc (2000)

Disemwovelment:etalterna6v6lsensur

Page 78: Sosialt Interaksjonsdesign

Noen flere mønstre egnet til å skape bedre nettdebatter?

Page 79: Sosialt Interaksjonsdesign

Den store oppgaven: Kan vi, i fellesskap, skissere et bedre grensesnitt for nettdebatt?

Hvordan validerer vi skissene?

Page 80: Sosialt Interaksjonsdesign

Takk for meg!

Kvitrer som: Visittkort:

Blogger noen ganger på: Deler presentasjoner på:

@efatland linkedin.com/in/efatland blogandtell.net http://www.slideshare.net/efatland/