CMD Interaction Design - Y2 Q1 les 4 - Social Design Patterns

40
Interaction Design 201 Vragen of feedback? @ferrydendopper Social Design Patterns

Transcript of CMD Interaction Design - Y2 Q1 les 4 - Social Design Patterns

Page 1: CMD Interaction Design - Y2 Q1 les 4 - Social Design Patterns

Interaction Design 201 Vragen of feedback? @ferrydendopper

Social Design Patterns

Page 2: CMD Interaction Design - Y2 Q1 les 4 - Social Design Patterns

Interaction Design 201 Vragen of feedback? @ferrydendopper

Page 3: CMD Interaction Design - Y2 Q1 les 4 - Social Design Patterns

Interaction Design 201 Vragen of feedback? @ferrydendopper

Page 4: CMD Interaction Design - Y2 Q1 les 4 - Social Design Patterns

Interaction Design 201 Vragen of feedback? @ferrydendopper

Is het niet vreemd?

Niet Amazon, maar klanten leveren de meest waardevolle informatie op Amazon.com

Mensen schrijven reviews zonder ervoor betaald te worden.

Deze mensen worden niet gemanaged. Mensen helpen en vertrouwen op vreemden

die ze nooit zullen ontmoeten. Mensen beoordelen elkaar en zorgen dat de

meest zinvolle content boven komt drijven. Mensen geven hun identiteit bloot.

Page 5: CMD Interaction Design - Y2 Q1 les 4 - Social Design Patterns

Interaction Design 201 Vragen of feedback? @ferrydendopper

Where is the incentive?

Economisten hebben altijd aangenomen dat er een prikkel / motief (oftewel geld) moet zijn voor productie.

Hoe werd Amazon zo’n succes zonder iemand te betalen?

Amazon’s reviews gaan over veel meer dan geld.

Page 6: CMD Interaction Design - Y2 Q1 les 4 - Social Design Patterns

Interaction Design 201 Vragen of feedback? @ferrydendopper

De meest succesvolle sites zijn sociaal

YouTube Wikipedia eBay / Marktplaats Flickr Facebook IMDb

Page 7: CMD Interaction Design - Y2 Q1 les 4 - Social Design Patterns

Interaction Design 201 Vragen of feedback? @ferrydendopper

Wanneer kiezen voor social?

Meer, bredere content genereren dan je zelf kan (Digg)

Kwalitatief betere content door collectieve intelligentie (Wikipedia)

Betrouwbaarder overkomen (Amazon) Een service creëren waar je (uiteindelijk) geld

voor kunt vragen (LinkedIn, Flickr) …

Page 8: CMD Interaction Design - Y2 Q1 les 4 - Social Design Patterns

Interaction Design 201 Vragen of feedback? @ferrydendopper

De rol van de ontwerper

In grafisch en interactie-ontwerp bepaalt de ontwerper de conversatie.

In social design bepalen de gebruikers de conversatie. Designers faciliteren.

Page 9: CMD Interaction Design - Y2 Q1 les 4 - Social Design Patterns

Interaction Design 201 Vragen of feedback? @ferrydendopper

AOF framework

1. Focus op de primaire Activiteit2. Identificeer je sociale Objecten3. Kies je kernset van Features

Page 10: CMD Interaction Design - Y2 Q1 les 4 - Social Design Patterns

Interaction Design 201 Vragen of feedback? @ferrydendopper

1. Focus op primaire activiteit

Page 11: CMD Interaction Design - Y2 Q1 les 4 - Social Design Patterns

Interaction Design 201 Vragen of feedback? @ferrydendopper

1. Focus op primaire activiteit

Personal value precedes Network value

Waarom taggen we?1. Snel interessante webpagina’s terugvinden2. Reminders aan jezelf (“noglezen”)3. Items labelen voor alternatieve output4. Delen met anderen5. Nieuwe interessante webpagina’s ontdekken6. Zelfpromotie

Page 12: CMD Interaction Design - Y2 Q1 les 4 - Social Design Patterns

Interaction Design 201 Vragen of feedback? @ferrydendopper

Photo sharing

Page 13: CMD Interaction Design - Y2 Q1 les 4 - Social Design Patterns

Interaction Design 201 Vragen of feedback? @ferrydendopper

Buying & selling homemade goods

Page 14: CMD Interaction Design - Y2 Q1 les 4 - Social Design Patterns

Interaction Design 201 Vragen of feedback? @ferrydendopper

2. Identificeer je sociale objecten

Sociale objecten worden vaak over het hoofd gezien in de opwinding over social media, met name wat betreft social networking sites als Facebook.

Social networking wordt erg lastig als je de objecten weglaat die zorgen voor de banden tussen mensen.

Het is een fabel dat sociale networken slechts bestaan uit mensen.

Page 15: CMD Interaction Design - Y2 Q1 les 4 - Social Design Patterns

Interaction Design 201 Vragen of feedback? @ferrydendopper

2. Identificeer je sociale objecten

IMDb films Flickr foto’s Delicious bookmarks Basecamp projecten Spotify liedjes TripAdvisor reisaccommodaties LinkedIn visitekaartjes Slideshare presentaties Wikipedia encyclopedie-artikelen

Page 16: CMD Interaction Design - Y2 Q1 les 4 - Social Design Patterns

Interaction Design 201 Vragen of feedback? @ferrydendopper

2. Identificeer je sociale objecten

Geef je sociale objecten een URL.

URL’s maken objecten: deelbaar linkbaar vindbaar (ook door zoekmachines)

Page 17: CMD Interaction Design - Y2 Q1 les 4 - Social Design Patterns

Interaction Design 201 Vragen of feedback? @ferrydendopper

3. Kies je kernset van features

video

play

stop

edit store

uploadshare

comment onrate

embed

add to favorites

flag

add to playlist

Page 18: CMD Interaction Design - Y2 Q1 les 4 - Social Design Patterns

Interaction Design 201 Vragen of feedback? @ferrydendopper

Let op!

Iedere extra feature betekent meer complexiteit

Kopieer geen features van concurrenten

Page 19: CMD Interaction Design - Y2 Q1 les 4 - Social Design Patterns

Interaction Design 201 Vragen of feedback? @ferrydendopper

Oefening

Identificeer van Amazon.com:• Primaire activiteit• Sociale objecten• Sociale features

Page 20: CMD Interaction Design - Y2 Q1 les 4 - Social Design Patterns

Interaction Design 201 Vragen of feedback? @ferrydendopper

The Engagement Sweet Spot

Als de interface te begrensd is, zullen mensen het niet gebruiken.

[sweet spot]

Als de interface te flexibel is, zullen mensen niet weten hoe ze het kunnen gebruiken.

Page 21: CMD Interaction Design - Y2 Q1 les 4 - Social Design Patterns

Interaction Design 201 Vragen of feedback? @ferrydendopper

Usage Lifecycle

Page 22: CMD Interaction Design - Y2 Q1 les 4 - Social Design Patterns

Interaction Design 201 Vragen of feedback? @ferrydendopper

Waarom participeren mensen?

• Identiteit• Uniek (willen) zijn• Reputatie• Wederkerigheid• In controle zijn• Positief effect op omgeving• Bij een groep horen• Leuk

Page 23: CMD Interaction Design - Y2 Q1 les 4 - Social Design Patterns

Interaction Design 201 Vragen of feedback? @ferrydendopper

Geef gebruikers een identiteit

Werk met gebruikersaccounts(conversaties gaan een stuk beter als je elkaars identiteit weet)

Creëer dynamische profielen

Social Design Patterns:• Profile Page• Life / Activity Stream• Comment Wall• Status• Notifications

Page 24: CMD Interaction Design - Y2 Q1 les 4 - Social Design Patterns

Interaction Design 201 Vragen of feedback? @ferrydendopper

Page 25: CMD Interaction Design - Y2 Q1 les 4 - Social Design Patterns

Interaction Design 201 Vragen of feedback? @ferrydendopper

Benadruk ieders uniek-zijn

Page 26: CMD Interaction Design - Y2 Q1 les 4 - Social Design Patterns

Interaction Design 201 Vragen of feedback? @ferrydendopper

Bied ruimte voor reputatie

Bijvoorbeeld: Aantal vrienden Aantal bijdragen Aantal reacties Ratings Reputatiepunten

(bv. Ebay) Lid-status

Page 27: CMD Interaction Design - Y2 Q1 les 4 - Social Design Patterns

Interaction Design 201 Vragen of feedback? @ferrydendopper

Maak gebruik van wederkerigheid

Page 28: CMD Interaction Design - Y2 Q1 les 4 - Social Design Patterns

Interaction Design 201 Vragen of feedback? @ferrydendopper

Stimuleer positief effect op omgeving

Page 29: CMD Interaction Design - Y2 Q1 les 4 - Social Design Patterns

Interaction Design 201 Vragen of feedback? @ferrydendopper

Sociaal gedrag

• Converseren• Delen• Samenwerken• Netwerken• Groepen vormen• Besturen

Page 30: CMD Interaction Design - Y2 Q1 les 4 - Social Design Patterns

Interaction Design 201 Vragen of feedback? @ferrydendopper

Sociale features

Gebruikersprofielen Vrienden Groepen Conversatie (comments) Content bijdragen Competitie Informatie delen Besturen

Page 31: CMD Interaction Design - Y2 Q1 les 4 - Social Design Patterns

Interaction Design 201 Vragen of feedback? @ferrydendopper

Belangrijke social patterns

Tagging Rating Reviewing Commenting Writing Sharing

Page 32: CMD Interaction Design - Y2 Q1 les 4 - Social Design Patterns

Interaction Design 201 Vragen of feedback? @ferrydendopper

Connect

Follow

Page 33: CMD Interaction Design - Y2 Q1 les 4 - Social Design Patterns

Interaction Design 201 Vragen of feedback? @ferrydendopper

Profile

Status

Follow

Completeness meter

Recent

activity

Comment

Life Strea

m

Page 34: CMD Interaction Design - Y2 Q1 les 4 - Social Design Patterns

Interaction Design 201 Vragen of feedback? @ferrydendopper

Share / Repost Follo

w

Comments

Rating

Page 35: CMD Interaction Design - Y2 Q1 les 4 - Social Design Patterns

Interaction Design 201 Vragen of feedback? @ferrydendopper

Tagging

Page 36: CMD Interaction Design - Y2 Q1 les 4 - Social Design Patterns

Interaction Design 201 Vragen of feedback? @ferrydendopper

Rating

Page 37: CMD Interaction Design - Y2 Q1 les 4 - Social Design Patterns

Interaction Design 201 Vragen of feedback? @ferrydendopper

Reviewing

Veel reviews bevatten ook ratings

Page 38: CMD Interaction Design - Y2 Q1 les 4 - Social Design Patterns

Interaction Design 201 Vragen of feedback? @ferrydendopper

Sharing / Re-posting

Page 39: CMD Interaction Design - Y2 Q1 les 4 - Social Design Patterns

Interaction Design 201 Vragen of feedback? @ferrydendopper

Effectief?

Page 40: CMD Interaction Design - Y2 Q1 les 4 - Social Design Patterns

Interaction Design 201 Vragen of feedback? @ferrydendopper

Vragen? Feedback?

[email protected]

@ferrydendopper

Meer informatie

http://vakgroep.cmd.hro.nl/iad/iadd1_1011q1