SlideShare uma empresa Scribd logo
1 de 40
Social Design Patterns
Is het nietvreemd? Niet Amazon, maar klantenleveren de meestwaardevolleinformatie op Amazon.com Mensenschrijven reviews zonderervoorbetaaldteworden. Dezemensenwordennietgemanaged. Mensenhelpen en vertrouwen op vreemden die zenooitzullenontmoeten. Mensenbeoordelenelkaaren zorgendat de meestzinvolle content bovenkomtdrijven. Mensengevenhunidentiteitbloot.
Where is the incentive? Economistenhebbenaltijdaangenomendatereenprikkel / motief(oftewel geld) moetzijnvoorproductie. Hoe werd Amazon zo’nsucceszonderiemandtebetalen? Amazon’s reviews gaan over veelmeerdan geld.
De meestsuccesvolle sites zijnsociaal YouTube Wikipedia eBay / Marktplaats Flickr Facebook IMDb
Wanneerkiezenvoor social? Meer, bredere content genererendan je zelfkan(Digg) Kwalitatiefbetere content door collectieveintelligentie(Wikipedia) Betrouwbaarderoverkomen(Amazon) Een service creërenwaar je (uiteindelijk) geld voorkuntvragen(LinkedIn, Flickr) …
De rol van de ontwerper In grafisch en interactie-ontwerpbepaalt de ontwerper de conversatie. In social design bepalen de gebruikers de conversatie. Designers faciliteren.
AOF framework Focus op de primaireActiviteit Identificeer je socialeObjecten Kies je kernset vanFeatures
1. Focus op primaireactiviteit
1. Focus op primaireactiviteit Personal value precedes Network value Waaromtaggen we? Snelinteressantewebpagina’sterugvinden Reminders aanjezelf (“noglezen”) Items labelenvooralternatieve output Delen met anderen Nieuweinteressantewebpagina’sontdekken Zelfpromotie
Photo sharing
Buying & selling homemade goods
2. Identificeer je socialeobjecten Socialeobjectenwordenvaak over het hoofdgezienin de opwinding over social media, met name watbetreft social networking sites als Facebook. Social networking wordt erg lastigals je de objectenweglaat die zorgenvoor de bandentussenmensen. Het is eenfabeldatsocialenetworkenslechtsbestaan uit mensen.
2. Identificeer je socialeobjecten IMDbfilms Flickr	foto’s Delicious	bookmarks Basecamp	projecten Spotifyliedjes TripAdvisorreisaccommodaties LinkedInvisitekaartjes Slidesharepresentaties Wikipediaencyclopedie-artikelen
2. Identificeer je socialeobjecten Geef je socialeobjecteneen URL. URL’s makenobjecten: deelbaar linkbaar vindbaar(ook door zoekmachines)
3. Kies je kernset van features add to favorites share upload play embed video edit store flag stop rate comment on add to playlist
Let op! Iedere extra feature betekentmeercomplexiteit Kopieergeen features van concurrenten
Oefening Identificeer van Amazon.com: Primaireactiviteit Socialeobjecten Sociale features
The Engagement Sweet Spot Als de interface tebegrensd is, zullenmensen het nietgebruiken. [sweet spot] Als de interface teflexibel is, zullenmensennietweten hoe ze het kunnengebruiken.
Usage Lifecycle
Waaromparticiperenmensen? Identiteit Uniek (willen) zijn Reputatie Wederkerigheid In controlezijn Positief effect op omgeving Bijeengroephoren Leuk
Geefgebruikerseenidentiteit Werk met gebruikersaccounts (conversatiesgaaneenstukbeterals je elkaarsidentiteitweet) Creëerdynamischeprofielen Social Design Patterns: Profile Page Life / Activity Stream Comment Wall Status Notifications
Benadrukiedersuniek-zijn
Biedruimtevoorreputatie Bijvoorbeeld: Aantalvrienden Aantalbijdragen Aantalreacties Ratings Reputatiepunten(bv. Ebay) Lid-status
Maakgebruik van wederkerigheid
Stimuleerpositief effect op omgeving
Sociaalgedrag Converseren Delen Samenwerken Netwerken Groepen vormen Besturen
Sociale features Gebruikersprofielen Vrienden Groepen Conversatie (comments) Content bijdragen Competitie Informatiedelen Besturen
Belangrijke social patterns Tagging Rating Reviewing Commenting Writing Sharing
Connect Follow
Profile Status Follow Life Stream Completeness meter Comment Recent activity
Share / Repost Follow Rating Comments
Tagging
Rating
Reviewing Veel reviews bevattenook ratings
Sharing / Re-posting
Effectief?
Vragen? Feedback? f.den.dopper@hr.nl @ferrydendopper

Mais conteúdo relacionado

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

\'social\' en social Inc. tbv Presentatie Internetstrategie
\'social\' en social Inc. tbv Presentatie Internetstrategie\'social\' en social Inc. tbv Presentatie Internetstrategie
\'social\' en social Inc. tbv Presentatie Internetstrategie
mijntje cuijpers
 
Presentatie Kennissessie Social Marketing
Presentatie Kennissessie Social MarketingPresentatie Kennissessie Social Marketing
Presentatie Kennissessie Social Marketing
Valtech
 
Introductie sociale media bij ROC Nijmegen
Introductie sociale media bij ROC NijmegenIntroductie sociale media bij ROC Nijmegen
Introductie sociale media bij ROC Nijmegen
Nicole Wedler
 
3D lab gebruikersonderzoeken seriousources
3D lab gebruikersonderzoeken seriousources3D lab gebruikersonderzoeken seriousources
3D lab gebruikersonderzoeken seriousources
3Dproject
 
3D lab gebruikersonderzoeken seriousources
3D lab gebruikersonderzoeken seriousources3D lab gebruikersonderzoeken seriousources
3D lab gebruikersonderzoeken seriousources
anke_eyck
 

Semelhante a CMD Interaction Design - Y2 Q1 les 4 - Social Design Patterns (20)

Customer Media & Social Networks
Customer Media & Social NetworksCustomer Media & Social Networks
Customer Media & Social Networks
 
Social Media in travel 2009 - the Netherlands
Social Media in travel 2009 - the NetherlandsSocial Media in travel 2009 - the Netherlands
Social Media in travel 2009 - the Netherlands
 
Social Media Marketing by Social Inc.
Social Media Marketing by Social Inc.Social Media Marketing by Social Inc.
Social Media Marketing by Social Inc.
 
Social Media, Sonja Loth
Social Media, Sonja LothSocial Media, Sonja Loth
Social Media, Sonja Loth
 
Presentatie Social Inc Internetstrategie 3 Feb
Presentatie Social Inc  Internetstrategie 3 FebPresentatie Social Inc  Internetstrategie 3 Feb
Presentatie Social Inc Internetstrategie 3 Feb
 
\'social\' en social Inc. tbv Presentatie Internetstrategie
\'social\' en social Inc. tbv Presentatie Internetstrategie\'social\' en social Inc. tbv Presentatie Internetstrategie
\'social\' en social Inc. tbv Presentatie Internetstrategie
 
Pinterest
PinterestPinterest
Pinterest
 
Presentatie Kennissessie Social Marketing
Presentatie Kennissessie Social MarketingPresentatie Kennissessie Social Marketing
Presentatie Kennissessie Social Marketing
 
Checkit iProspect presentatie social media school (sms2010) social media en g...
Checkit iProspect presentatie social media school (sms2010) social media en g...Checkit iProspect presentatie social media school (sms2010) social media en g...
Checkit iProspect presentatie social media school (sms2010) social media en g...
 
New Media Basis presentatie 2016
New Media Basis presentatie 2016New Media Basis presentatie 2016
New Media Basis presentatie 2016
 
Introductie sociale media bij ROC Nijmegen
Introductie sociale media bij ROC NijmegenIntroductie sociale media bij ROC Nijmegen
Introductie sociale media bij ROC Nijmegen
 
3D lab gebruikersonderzoeken seriousources
3D lab gebruikersonderzoeken seriousources3D lab gebruikersonderzoeken seriousources
3D lab gebruikersonderzoeken seriousources
 
3D lab gebruikersonderzoeken seriousources
3D lab gebruikersonderzoeken seriousources3D lab gebruikersonderzoeken seriousources
3D lab gebruikersonderzoeken seriousources
 
Groeien met sociale media onderweg naar huis sessie 23 juni
Groeien met sociale media  onderweg naar huis sessie 23 juniGroeien met sociale media  onderweg naar huis sessie 23 juni
Groeien met sociale media onderweg naar huis sessie 23 juni
 
Vlerick conversation management platform engagor
Vlerick conversation management platform   engagorVlerick conversation management platform   engagor
Vlerick conversation management platform engagor
 
Marketing_Trend_Event_2023_-_AI__De_impact_van_technologie_-_De_toekomst_van_...
Marketing_Trend_Event_2023_-_AI__De_impact_van_technologie_-_De_toekomst_van_...Marketing_Trend_Event_2023_-_AI__De_impact_van_technologie_-_De_toekomst_van_...
Marketing_Trend_Event_2023_-_AI__De_impact_van_technologie_-_De_toekomst_van_...
 
PR & Contentmarketing: Communicatie Springbreak 2011, door Jos Govaart van Coopr
PR & Contentmarketing: Communicatie Springbreak 2011, door Jos Govaart van CooprPR & Contentmarketing: Communicatie Springbreak 2011, door Jos Govaart van Coopr
PR & Contentmarketing: Communicatie Springbreak 2011, door Jos Govaart van Coopr
 
Ladies Open | KLM - introductie social media voor B2B MKB segment
Ladies Open | KLM - introductie social media voor B2B MKB segmentLadies Open | KLM - introductie social media voor B2B MKB segment
Ladies Open | KLM - introductie social media voor B2B MKB segment
 
Workshop Syntens 18 12
Workshop Syntens 18 12Workshop Syntens 18 12
Workshop Syntens 18 12
 
Hoe bouw je een sterke merkidentiteit in het digitale tijdperk?
Hoe bouw je een sterke merkidentiteit in het digitale tijdperk?Hoe bouw je een sterke merkidentiteit in het digitale tijdperk?
Hoe bouw je een sterke merkidentiteit in het digitale tijdperk?
 

Mais de Ferry den Dopper

Interaction Design 3.5: Inline Validation & Smart Defaults
Interaction Design 3.5: Inline Validation & Smart DefaultsInteraction Design 3.5: Inline Validation & Smart Defaults
Interaction Design 3.5: Inline Validation & Smart Defaults
Ferry den Dopper
 
IAD 5 - les 4 - Design for Touch
IAD 5 - les 4 - Design for TouchIAD 5 - les 4 - Design for Touch
IAD 5 - les 4 - Design for Touch
Ferry den Dopper
 
IAD 5 - les 3 - Responsive Design
IAD 5 - les 3 - Responsive DesignIAD 5 - les 3 - Responsive Design
IAD 5 - les 3 - Responsive Design
Ferry den Dopper
 
IAD 5 - les 1 - Context and challenges in mobile design
IAD 5 - les 1 - Context and challenges in mobile designIAD 5 - les 1 - Context and challenges in mobile design
IAD 5 - les 1 - Context and challenges in mobile design
Ferry den Dopper
 
Interaction Design 3.6: Form elements revisited
Interaction Design 3.6: Form elements revisitedInteraction Design 3.6: Form elements revisited
Interaction Design 3.6: Form elements revisited
Ferry den Dopper
 
Interaction Design 3.3: Form Organization
Interaction Design 3.3: Form OrganizationInteraction Design 3.3: Form Organization
Interaction Design 3.3: Form Organization
Ferry den Dopper
 
Interaction Design 3.2: Form Elements
Interaction Design 3.2: Form ElementsInteraction Design 3.2: Form Elements
Interaction Design 3.2: Form Elements
Ferry den Dopper
 
CMD/INF multidisc project 2013 - Kick-off
CMD/INF multidisc project 2013 - Kick-offCMD/INF multidisc project 2013 - Kick-off
CMD/INF multidisc project 2013 - Kick-off
Ferry den Dopper
 
IAD 2 - les 4 - Navigation
IAD 2 - les 4 - NavigationIAD 2 - les 4 - Navigation
IAD 2 - les 4 - Navigation
Ferry den Dopper
 
Webtoegankelijkheid in 5 minuten
Webtoegankelijkheid in 5 minutenWebtoegankelijkheid in 5 minuten
Webtoegankelijkheid in 5 minuten
Ferry den Dopper
 
IAD 2 - les 3 - Geur van informatie
IAD 2 - les 3 - Geur van informatieIAD 2 - les 3 - Geur van informatie
IAD 2 - les 3 - Geur van informatie
Ferry den Dopper
 
IAD 2 - les 2 - Cardsorting
IAD 2 - les 2 - CardsortingIAD 2 - les 2 - Cardsorting
IAD 2 - les 2 - Cardsorting
Ferry den Dopper
 
IAD 2 - les 1 - Information Architecture
IAD 2 - les 1 - Information ArchitectureIAD 2 - les 1 - Information Architecture
IAD 2 - les 1 - Information Architecture
Ferry den Dopper
 
IAD 4 - les 8 - Social design patterns
IAD 4 - les 8 - Social design patternsIAD 4 - les 8 - Social design patterns
IAD 4 - les 8 - Social design patterns
Ferry den Dopper
 
Interaction Design 1.8: Usability test uitvoeren
Interaction Design 1.8: Usability test uitvoerenInteraction Design 1.8: Usability test uitvoeren
Interaction Design 1.8: Usability test uitvoeren
Ferry den Dopper
 

Mais de Ferry den Dopper (20)

Interaction Design 3.5: Inline Validation & Smart Defaults
Interaction Design 3.5: Inline Validation & Smart DefaultsInteraction Design 3.5: Inline Validation & Smart Defaults
Interaction Design 3.5: Inline Validation & Smart Defaults
 
IAD 5 - les 2 - Apps
IAD 5 - les 2 - AppsIAD 5 - les 2 - Apps
IAD 5 - les 2 - Apps
 
IAD 5 - les 4 - Design for Touch
IAD 5 - les 4 - Design for TouchIAD 5 - les 4 - Design for Touch
IAD 5 - les 4 - Design for Touch
 
IAD 5 - les 3 - Responsive Design
IAD 5 - les 3 - Responsive DesignIAD 5 - les 3 - Responsive Design
IAD 5 - les 3 - Responsive Design
 
IAD 5 - les 1 - Context and challenges in mobile design
IAD 5 - les 1 - Context and challenges in mobile designIAD 5 - les 1 - Context and challenges in mobile design
IAD 5 - les 1 - Context and challenges in mobile design
 
IAD 1 - les 2 - personas
IAD 1 - les 2 - personasIAD 1 - les 2 - personas
IAD 1 - les 2 - personas
 
Interaction Design 3.6: Form elements revisited
Interaction Design 3.6: Form elements revisitedInteraction Design 3.6: Form elements revisited
Interaction Design 3.6: Form elements revisited
 
Interaction Design 3.3: Form Organization
Interaction Design 3.3: Form OrganizationInteraction Design 3.3: Form Organization
Interaction Design 3.3: Form Organization
 
Interaction Design 3.2: Form Elements
Interaction Design 3.2: Form ElementsInteraction Design 3.2: Form Elements
Interaction Design 3.2: Form Elements
 
CMD/INF multidisc project 2013 - Kick-off
CMD/INF multidisc project 2013 - Kick-offCMD/INF multidisc project 2013 - Kick-off
CMD/INF multidisc project 2013 - Kick-off
 
IAD 2 - les 7 - Zoeken
IAD 2 - les 7 - ZoekenIAD 2 - les 7 - Zoeken
IAD 2 - les 7 - Zoeken
 
IAD 2 - les 6 - Labeling
IAD 2 - les 6 - LabelingIAD 2 - les 6 - Labeling
IAD 2 - les 6 - Labeling
 
IAD 2 - les 5 - Metadata
IAD 2 - les 5 - MetadataIAD 2 - les 5 - Metadata
IAD 2 - les 5 - Metadata
 
IAD 2 - les 4 - Navigation
IAD 2 - les 4 - NavigationIAD 2 - les 4 - Navigation
IAD 2 - les 4 - Navigation
 
Webtoegankelijkheid in 5 minuten
Webtoegankelijkheid in 5 minutenWebtoegankelijkheid in 5 minuten
Webtoegankelijkheid in 5 minuten
 
IAD 2 - les 3 - Geur van informatie
IAD 2 - les 3 - Geur van informatieIAD 2 - les 3 - Geur van informatie
IAD 2 - les 3 - Geur van informatie
 
IAD 2 - les 2 - Cardsorting
IAD 2 - les 2 - CardsortingIAD 2 - les 2 - Cardsorting
IAD 2 - les 2 - Cardsorting
 
IAD 2 - les 1 - Information Architecture
IAD 2 - les 1 - Information ArchitectureIAD 2 - les 1 - Information Architecture
IAD 2 - les 1 - Information Architecture
 
IAD 4 - les 8 - Social design patterns
IAD 4 - les 8 - Social design patternsIAD 4 - les 8 - Social design patterns
IAD 4 - les 8 - Social design patterns
 
Interaction Design 1.8: Usability test uitvoeren
Interaction Design 1.8: Usability test uitvoerenInteraction Design 1.8: Usability test uitvoeren
Interaction Design 1.8: Usability test uitvoeren
 

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

  • 2.
  • 3.
  • 4. Is het nietvreemd? Niet Amazon, maar klantenleveren de meestwaardevolleinformatie op Amazon.com Mensenschrijven reviews zonderervoorbetaaldteworden. Dezemensenwordennietgemanaged. Mensenhelpen en vertrouwen op vreemden die zenooitzullenontmoeten. Mensenbeoordelenelkaaren zorgendat de meestzinvolle content bovenkomtdrijven. Mensengevenhunidentiteitbloot.
  • 5. Where is the incentive? Economistenhebbenaltijdaangenomendatereenprikkel / motief(oftewel geld) moetzijnvoorproductie. Hoe werd Amazon zo’nsucceszonderiemandtebetalen? Amazon’s reviews gaan over veelmeerdan geld.
  • 6. De meestsuccesvolle sites zijnsociaal YouTube Wikipedia eBay / Marktplaats Flickr Facebook IMDb
  • 7. Wanneerkiezenvoor social? Meer, bredere content genererendan je zelfkan(Digg) Kwalitatiefbetere content door collectieveintelligentie(Wikipedia) Betrouwbaarderoverkomen(Amazon) Een service creërenwaar je (uiteindelijk) geld voorkuntvragen(LinkedIn, Flickr) …
  • 8. De rol van de ontwerper In grafisch en interactie-ontwerpbepaalt de ontwerper de conversatie. In social design bepalen de gebruikers de conversatie. Designers faciliteren.
  • 9. AOF framework Focus op de primaireActiviteit Identificeer je socialeObjecten Kies je kernset vanFeatures
  • 10. 1. Focus op primaireactiviteit
  • 11. 1. Focus op primaireactiviteit Personal value precedes Network value Waaromtaggen we? Snelinteressantewebpagina’sterugvinden Reminders aanjezelf (“noglezen”) Items labelenvooralternatieve output Delen met anderen Nieuweinteressantewebpagina’sontdekken Zelfpromotie
  • 13. Buying & selling homemade goods
  • 14. 2. Identificeer je socialeobjecten Socialeobjectenwordenvaak over het hoofdgezienin de opwinding over social media, met name watbetreft social networking sites als Facebook. Social networking wordt erg lastigals je de objectenweglaat die zorgenvoor de bandentussenmensen. Het is eenfabeldatsocialenetworkenslechtsbestaan uit mensen.
  • 15. 2. Identificeer je socialeobjecten IMDbfilms Flickr foto’s Delicious bookmarks Basecamp projecten Spotifyliedjes TripAdvisorreisaccommodaties LinkedInvisitekaartjes Slidesharepresentaties Wikipediaencyclopedie-artikelen
  • 16. 2. Identificeer je socialeobjecten Geef je socialeobjecteneen URL. URL’s makenobjecten: deelbaar linkbaar vindbaar(ook door zoekmachines)
  • 17. 3. Kies je kernset van features add to favorites share upload play embed video edit store flag stop rate comment on add to playlist
  • 18. Let op! Iedere extra feature betekentmeercomplexiteit Kopieergeen features van concurrenten
  • 19. Oefening Identificeer van Amazon.com: Primaireactiviteit Socialeobjecten Sociale features
  • 20. The Engagement Sweet Spot Als de interface tebegrensd is, zullenmensen het nietgebruiken. [sweet spot] Als de interface teflexibel is, zullenmensennietweten hoe ze het kunnengebruiken.
  • 22. Waaromparticiperenmensen? Identiteit Uniek (willen) zijn Reputatie Wederkerigheid In controlezijn Positief effect op omgeving Bijeengroephoren Leuk
  • 23. Geefgebruikerseenidentiteit Werk met gebruikersaccounts (conversatiesgaaneenstukbeterals je elkaarsidentiteitweet) Creëerdynamischeprofielen Social Design Patterns: Profile Page Life / Activity Stream Comment Wall Status Notifications
  • 24.
  • 26. Biedruimtevoorreputatie Bijvoorbeeld: Aantalvrienden Aantalbijdragen Aantalreacties Ratings Reputatiepunten(bv. Ebay) Lid-status
  • 29. Sociaalgedrag Converseren Delen Samenwerken Netwerken Groepen vormen Besturen
  • 30. Sociale features Gebruikersprofielen Vrienden Groepen Conversatie (comments) Content bijdragen Competitie Informatiedelen Besturen
  • 31. Belangrijke social patterns Tagging Rating Reviewing Commenting Writing Sharing
  • 33. Profile Status Follow Life Stream Completeness meter Comment Recent activity
  • 34. Share / Repost Follow Rating Comments
  • 37. Reviewing Veel reviews bevattenook ratings