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


Agenda

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


Einführung Patterns

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

A pattern language, 1977



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

R. Helm, R. Johnson, J. Vlissides

Analogien zur OOP



Durchbruch: Softwareentwicklung Wiederverwendbarkeit Maßstab für guten

Quellcode


Community Pattern

Interaction pattern

Design Pattern

Pattern Layer

Code Pattern



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

– weitere je nach Library



Grundelement: Problem– wiederkehrend– formalisiert



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



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



So, wozu Interaction Design Patterns?

festhalten bewährter Lösungen Konservierung von Designwissen

Einarbeitungshilfe


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


Interaction Pattern - Beispiel

Text Tex

t


Designpattern - Beispiel

14


Pattern Ebenen


Patternentwicklung

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

16


Patternentwicklung - richtig

17

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





Was sind Design Patterns nicht?

Alternative zu Styleguides Reduzierung von Kreativleistung

Mittel für neuartige Lösungen



Probleme von Pattern:

kaum verbindliche Standards wie gefunden?

wie evaluiert?



.. 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.


Community Classification

Klingt super, ist aber Schubladendenken


Communitiy of ...

Interest Practice Fantasy Purchase Knowledge Origins Purpose

Relationship Learning Region Transaction Fun ...


Community of Interest

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

Neuigkeiten, Vernetzung, Diskussion

myspace, flickr, Stricknetz, Krombacher Club, RunEasy


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.


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


Community of Relationship

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

Profilierung, Kontakte

studivz, xing, facebook, myspace


Community of Transaction

Diese Communities bilden sich um Online-Marktplätze herum

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

eBay, Amazon, mobile.de


Keine reine Lehre.

RelationshipPracticePurposeTransactionInterest

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

Unterscheidung anhand des Hauptmerkmals


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


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

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


Wie passt das in Patterns

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

Die Probleme liegen auf Experience-oder Task-Level


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...


1. Community-Typ festlegen

Hauptziel der Community?

Was will die Core-Group / der Betreiber?

Beispiel

Bücher kaufen/verkaufen

-> Transaction Community /Community of Purpose


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.


3. Pattern finden

Gibt es eins?

Wenn nicht (meistens): lohnt sich die Entwicklung?

Bsp: Yahoo pattern „Rating“

http://developer.yahoo.com/ypatterns/pattern.php?pattern=ratinganobject

http://developer.yahoo.com/ypatterns/pattern.php?pattern=ratinganobject


4. Pattern anpassen

Passt das bei uns?Gibt es Sonderfälle?

Bsp:Rating in Foren

Hier wird kein Link zur Bewertung gegeben


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




Beispiele

Typisierung einzelner Communities

Flickr = sharing Twitter = presence Digg = sharing, conversations

39


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


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?


Sammeln und Sortieren Entwickelte Patterns zu Kollektionen oder Pattern

Languages zusammenfassen

Die Kategorien aus den Anforderungsklassen der Community-Typen entwickeln


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

http://moskau.pi6.fernuni-hagen.de:3000/publication/show/1

http://moskau.pi6.fernuni-hagen.de:3000/publication/show/1


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




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

http://designinginterfaces.com

http://designinginterfaces.com

http://flickr.com/photos/factoryjoe/collections/72157600001823120/




http://www.visi.com/~snowfall/InteractionPatterns.html







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

http://yuiblog.com/blog/2007/09/05/pattern-vote-to-promote/

http://yuiblog.com/blog/2007/09/05/pattern-vote-to-promote/


Vielen Dank

47


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



Designpattern für Online Communitites

Technology

Transcript of Designpattern für Online Communitites