Designpattern für Online Communitites

Carsten Grandke, Christian Müller Usability-Stammtisch, 12.9.2007

Bausteine für den GruppenraumInteraction Design Patterns

für Online-CommunitiesUsability-Stammtisch, 12.09.2007

Carsten Grandke, Christian Müller Usability-Stammtisch, 12.9.2007

Agenda

1. Einführung Patterns2. Communities3. Beispiele4. Ausblick

Carsten Grandke, Christian Müller Usability-Stammtisch, 12.9.2007

Einführung Patterns

Ursprung: Architektur Christopher Alexander Notes on the synthesis of form, 1964

A pattern language, 1977

Carsten Grandke, Christian Müller Usability-Stammtisch, 12.9.2007

Einführung Patterns

Durchbruch: Softwareentwicklung Erich Gamma „Gang of Four“ - Design Patterns

R. Helm, R. Johnson, J. Vlissides

Analogien zur OOP

Carsten Grandke, Christian Müller Usability-Stammtisch, 12.9.2007

Einführung Patterns

Durchbruch: Softwareentwicklung Wiederverwendbarkeit Maßstab für guten

Quellcode

Carsten Grandke, Christian Müller Usability-Stammtisch, 12.9.2007

Community Pattern

Interaction pattern

Design Pattern

Pattern Layer

Code Pattern

Carsten Grandke, Christian Müller Usability-Stammtisch, 12.9.2007

Einführung Patterns

Grundelemente (Alexander) :– Problem– Lösung– Begründung

– weitere je nach Library

Carsten Grandke, Christian Müller Usability-Stammtisch, 12.9.2007

Einführung Patterns

Grundelement: Problem– wiederkehrend– formalisiert

Carsten Grandke, Christian Müller Usability-Stammtisch, 12.9.2007

Einführung Patterns

Grundelement: Lösung– bewährt– prinzipiell– evaluiert

Carsten Grandke, Christian Müller Usability-Stammtisch, 12.9.2007

Einführung Patterns

Grundelement: Begründung– Kern der Lösung– Kontext– Abgrenzung

Carsten Grandke, Christian Müller Usability-Stammtisch, 12.9.2007

Einführung Patterns

So, wozu Interaction Design Patterns?

festhalten bewährter Lösungen Konservierung von Designwissen

Einarbeitungshilfe

Carsten Grandke, Christian Müller Usability-Stammtisch, 12.9.2007

Designpattern - Aufbau

Aufbau und Elemente je nach Einsatz:

12

„A Pattern Language for Web Usability“ (2003) IAN GRAHAM

„GUI Design Patterns“ (2000)MARTIJN VAN WELIE

Yahoo UI Library

1.Title2. Problem 3. Context 4. Solution 5. References 6. Discussion 7. Forces 8. Known Uses

1. Title2. Author 3. Problem 4. Principle 5. Context 6. Forces 7. Solution 8. Rationale 9. Examples 10. Known Uses 11. Related Patterns 12. Implementation

1. Title2. Problem Summary3. Use When4. Solution a) Layout b) Interaction c) Considerations6. Rationale7. Accessibility8. Related Patterns9. Implementations10. Code Examples

Carsten Grandke, Christian Müller Usability-Stammtisch, 12.9.2007

Interaction Pattern - Beispiel

Text Tex

t

Carsten Grandke, Christian Müller Usability-Stammtisch, 12.9.2007

Designpattern - Beispiel

14

Carsten Grandke, Christian Müller Usability-Stammtisch, 12.9.2007

Pattern Ebenen

Carsten Grandke, Christian Müller Usability-Stammtisch, 12.9.2007

Patternentwicklung

1. Problem identifizieren2. Kontext erfassen3. Lösung entwickeln4. Testen/evaluieren5. Dokumentieren

16

Carsten Grandke, Christian Müller Usability-Stammtisch, 12.9.2007

Patternentwicklung - richtig

17

http://www.boxesandarrows.com/view/implementing_a_pattern_library_in_the_real_world_a_yahoo_case_study

Carsten Grandke, Christian Müller Usability-Stammtisch, 12.9.2007

Einführung Patterns

Was sind Design Patterns nicht?

Alternative zu Styleguides Reduzierung von Kreativleistung

Mittel für neuartige Lösungen

Carsten Grandke, Christian Müller Usability-Stammtisch, 12.9.2007

Einführung Patterns

Probleme von Pattern:

kaum verbindliche Standards wie gefunden?

wie evaluiert?

Carsten Grandke, Christian Müller Usability-Stammtisch, 12.9.2007

Einführung Patterns

.. weiter zu Communities

Carsten Grandke, Christian Müller Usability-Stammtisch, 12.9.2007 21

Usability of Communities Communitites = Online Communities

Usability = Interaktion Mensch mit Community-Software– Entsprechend den Anforderungen „normaler“

Websites Sociability = Interaktion Mensch zu Mensch .– Kann über Software oder Regeln gelöst werden.– Community-spezifischer als Usability.

Carsten Grandke, Christian Müller Usability-Stammtisch, 12.9.2007 22

Community Classification

Klingt super, ist aber Schubladendenken

Carsten Grandke, Christian Müller Usability-Stammtisch, 12.9.2007 23

Communitiy of ...

Interest Practice Fantasy Purchase Knowledge Origins Purpose

Relationship Learning Region Transaction Fun ...

Carsten Grandke, Christian Müller Usability-Stammtisch, 12.9.2007 24

Community of Interest

Hauptmerkmal: gemeinsames Interesse an einem Thema (Hobby, Celebrity, Region, etc.)

Neuigkeiten, Vernetzung, Diskussion

myspace, flickr, Stricknetz, Krombacher Club, RunEasy

Carsten Grandke, Christian Müller Usability-Stammtisch, 12.9.2007 25

Community of Practice

Gemeinsame Tätigkeit, die Teilnehmer auch außerhalb der Community ausüben (Krankenschwestern, OS-Coder)

Wissensaustausch, Gemeinsame Objekte

IA-Institute, SigIA-L, F/OSS Comm.

Carsten Grandke, Christian Müller Usability-Stammtisch, 12.9.2007 26

Community of Purpose

Diese Community hat ein konkretes Ziel oder ein konkrete Aktivität. Teilnahme ist oft nur kurzfristig oder peripher.

Informationssuche, Meinung, Produktion

Wikipedia, Gebrauchtwagenforum

Carsten Grandke, Christian Müller Usability-Stammtisch, 12.9.2007 27

Community of Relationship

In dieser Community steht der Aspekt der Vernetzung und Partnersuche im Vordergrund.

Profilierung, Kontakte

studivz, xing, facebook, myspace

Carsten Grandke, Christian Müller Usability-Stammtisch, 12.9.2007 28

Community of Transaction

Diese Communities bilden sich um Online-Marktplätze herum

Kauf- und Verkaufsaktivitäten, Bewertungen, Erfahrungen, etc.

eBay, Amazon, mobile.de

Carsten Grandke, Christian Müller Usability-Stammtisch, 12.9.2007 29

Keine reine Lehre.

RelationshipPracticePurposeTransactionInterest

Es gibt keine „reinen“ Communities, fast immer sind Misch-formen erkennbar

Unterscheidung anhand des Hauptmerkmals

Carsten Grandke, Christian Müller Usability-Stammtisch, 12.9.2007 30

Bausteine von Communitites Kommunikation und Diskussion Gemeinsame Dokumente oder Produkte Teilnehmerprofile Kontakte / Netzwerk / Matching Rollen / Ranking / Status Aktivitätsanzeige Live-Action, Live-Kollaboration Darstellung der Community nach außen Regeln, Ziele, Policies

Carsten Grandke, Christian Müller Usability-Stammtisch, 12.9.2007 31

KategorienDarstellung / FindbarkeitExploration / LurkingRegistrierung / LoginProfilierungPartizipation / ProduktionKontakt / MatchingRanking / Status / Bewerten

Das war, bevor ich die Wabe gefunden hatte...

Carsten Grandke, Christian Müller Usability-Stammtisch, 12.9.2007 32

Wie passt das in Patterns

Community-Typen liegen ungefähr auf der Ebene des Posture-Level

Die Probleme liegen auf Experience-oder Task-Level

Carsten Grandke, Christian Müller Usability-Stammtisch, 12.9.2007 33

Top-Down-Ansatz

1. Community-Typ finden/festlegen

2. Probleme aus dem Community-Typ ableiten

3. Ein Pattern zum Problem finden

4. Pattern bewerten und umsetzen

Klingt ganz leicht...

Carsten Grandke, Christian Müller Usability-Stammtisch, 12.9.2007 34

1. Community-Typ festlegen

Hauptziel der Community?

Was will die Core-Group / der Betreiber?

Beispiel

Bücher kaufen/verkaufen

-> Transaction Community /Community of Purpose

Carsten Grandke, Christian Müller Usability-Stammtisch, 12.9.2007 35

2. Probleme identifizieren Community-Typ: Transaction (C o Relationship)

Ziel: User sollen den Inhalt der Community bewerten können (Partizipation und Ranking)

Problem: Den Bewertungsprozeß störungsfrei, schnell überall einbinden können.

Carsten Grandke, Christian Müller Usability-Stammtisch, 12.9.2007 36

3. Pattern finden

Gibt es eins?

Wenn nicht (meistens): lohnt sich die Entwicklung?

Bsp: Yahoo pattern „Rating“

Carsten Grandke, Christian Müller Usability-Stammtisch, 12.9.2007 37

4. Pattern anpassen

Passt das bei uns?Gibt es Sonderfälle?

Bsp:Rating in Foren

Hier wird kein Link zur Bewertung gegeben

Carsten Grandke, Christian Müller Usability-Stammtisch, 12.9.2007

Bottom Up Ansatz - die Wabe

38

http://nform.ca/publications/social-software-building-block

Communities werden anhand von 7 Kriterien charakterisiert

Patterns könnten auch anhanddieser Wabe eingeordnetwerden

Carsten Grandke, Christian Müller Usability-Stammtisch, 12.9.2007

Beispiele

Typisierung einzelner Communities

Flickr = sharing Twitter = presence Digg = sharing, conversations

39

Carsten Grandke, Christian Müller Usability-Stammtisch, 12.9.2007

Bsp.: Kontakt herstellen

Problem: Wie kann ein Mitglied ein anderes als Freund/Kontakt/Fan festlegen?

Beispiele:– xing: Kontaktanfrage – studivz (?): „angruscheln“– myspace: Als Freund hinzufügen -> Mail– del.icio.us: Netzwerk + Fans

40

Carsten Grandke, Christian Müller Usability-Stammtisch, 12.9.2007

Pattern: Kontakt herstellen

Kategorisierung– Kommt in allen

Communities vor– Schwerpunkt in

C o Relationship– Ausgestaltung

Community-spezifisch

41

Typisierung

presence

sharing

identity

conversations

groups

reputation

relationships

Passt das zur Community?Was sagt mir das jetzt?

Carsten Grandke, Christian Müller Usability-Stammtisch, 12.9.2007 42

Sammeln und Sortieren Entwickelte Patterns zu Kollektionen oder Pattern

Languages zusammenfassen

Die Kategorien aus den Anforderungsklassen der Community-Typen entwickeln

Carsten Grandke, Christian Müller Usability-Stammtisch, 12.9.2007 43

CMC Patterns List Remote Subscription Quick Registration Shared File Repository Reciprocity Bell Active Map Distributed Command Expert Finder Pessimistic Locking Interaction Directory Quality Inspection FAQ Immutable Versions Invitation Conflict Detection

Conflict Detection Nomadic Objects Shared Browsing Activity Indicator Replicated Objects Birds of a Feather Hall of Fame Remote Cursor Lovely Bags Availability Status Reward Change Indicator Aliveness Indicator Quick Goodbye Mentor

+

Mentor Feedback Loop Periodic Report Floor Control Persistent Session Welcome Area Embedded Chat Attention Screen Away Message Replay User List Threaded Discussions Shared Editing Virtual Me .... geht noch weiter Blind Datehttp://moskau.pi6.fernuni-hagen.de:3000/publication/show/1

Carsten Grandke, Christian Müller Usability-Stammtisch, 12.9.2007

Bsp: CMC pattern collection Perspektive ist

human-computer-human-interaction (hchi)

Ebenen sind1 Community2 Group3 Plattform

Cluster-Ansatz mit bestehenden Collections

44

http://moskau.pi6.fernuni-hagen.de:3000/cluster/list

Carsten Grandke, Christian Müller Usability-Stammtisch, 12.9.2007

Pattern collections

– http://developer.yahoo.com/ypatterns/ – http://www.welie.com/patterns/– http://designinginterfaces.com/– http://www.pattern-cube.com/– http://flickr.com/photos/factoryjoe/collections/

72157600001823120/– http://www.visi.com/~snowfall/

InteractionPatterns.html– meine kleine Sammlung:

http://del.icio.us/eincarsten/designpattern

Carsten Grandke, Christian Müller Usability-Stammtisch, 12.9.2007

Was geht?

Yahoo hat Community pattern auf dem Schirm: http://yuiblog.com/blog/2007/09/05/pattern-vote-to-promote/

Unsere Next Steps: – Klassifizieren oder typisieren?– Ebenen der Community-pattern festlegen– Saubere Evaluation: Muss es ein Usertest sein?

46

Carsten Grandke, Christian Müller Usability-Stammtisch, 12.9.2007

Vielen Dank

47

Carsten Grandke, Christian Müller Usability-Stammtisch, 12.9.2007

Faces & Facts

Christian MüllerJahrgang 1980Studium Medientechnologie TU IlmenauTechnischer Projektmanager bei der /i-dmedia AG

48

Carsten GrandkeJahrgang 1971Studium Informationswissenschaft, Psychologie, Pädagogik FU/HU BerlinKonzepter & Information Architect bei der /i-dmedia AG

http://eincarsten.de