Designpattern für Online Communitites

Bausteine für den Gruppenraum
Interaction Design Patterns
für Online-Communities
Usability-Stammtisch, 12.09.2007

Carsten Grandke, Christian Müller

Agenda
1. Einführung Patterns
2. Communities
3. Beispiele
4. 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


Pattern Layer
Community Pattern

Interaction pattern

Design Pattern

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:
„A Pattern Language for Web „GUI Design Patterns“ (2000) Yahoo UI Library
Usability“ (2003) MARTIJN VAN WELIE
IAN GRAHAM

1.Title 1. Title 1. Title
2. Problem 2. Author 2. Problem Summary
3. Context 3. Problem 3. Use When
4. Solution 4. Principle 4. Solution
5. References 5. Context a) Layout
6. Discussion 6. Forces b) Interaction
7. Forces 7. Solution c) Considerations
8. Known Uses 8. Rationale 6. Rationale
9. Examples 7. Accessibility
10. Known Uses 8. Related Patterns
11. Related Patterns 9. Implementations
12. Implementation 10. Code Examples

Carsten Grandke, Christian Müller 12

Interaction Pattern - Beispiel

Tex
t Tex
t


Designpattern - Beispiel


Pattern Ebenen


Patternentwicklung
1. Problem identifizieren
2. Kontext erfassen
3. Lösung entwickeln
4. Testen/evaluieren
5. Dokumentieren


Patternentwicklung - richtig

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


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 Relationship
 
Practice Learning
 
Fantasy Region
 
Purchase Transaction
 
Knowledge Fun
 
Origins ...
 
Purpose



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.

 Es gibt keine „reinen“
Communities, fast Relationship
immer sind Misch- Practice
Purpose
formen erkennbar Transaction
Interest

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


Kategorien
Darstellung / Findbarkeit
Exploration / Lurking
Registrierung / Login
Profilierung
Partizipation / Produktion
Kontakt / Matching
Ranking / 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 3. Ein Pattern zum
finden/festlegen Problem finden

2. Probleme aus
4. Pattern bewerten
dem Community-
und umsetzen
Typ ableiten

Klingt ganz leicht...


1. Community-Typ festlegen

 Hauptziel der Beispiel
Community?
Bücher kaufen/
verkaufen
 Was will die Core-
Group / der Betreiber? -> 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

Bsp:
Gibt es eins?
Yahoo pattern
„Rating“
Wenn nicht (meistens):
lohnt sich die
Entwicklung?


4. Pattern anpassen

Bsp:
Passt das bei uns?
Rating in Foren
Gibt es Sonderfälle?

Hier wird kein Link zur
Bewertung gegeben


Bottom Up Ansatz - die Wabe
 Communities werden
anhand von 7
Kriterien
charakterisiert
 Patterns könnten
auch anhand
dieser Wabe
eingeordnet
werden
http://nform.ca/publications/social-software-building-block


Beispiele
 Typisierung einzelner Communities

 Flickr = sharing
 Twitter = presence
 Digg = sharing, conversations

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


Pattern: Kontakt herstellen
 Kategorisierung  Typisierung
– Kommt in allen
Communities vor presence

– Schwerpunkt in sharing relationships

C o Relationship
– Ausgestaltung
identity

Community- conversations reputation

spezifisch
groups

Was sagt mir das jetzt? Passt das zur Community?

Sammeln und Sortieren
 Entwickelte Patterns zu Kollektionen oder Pattern
Languages zusammenfassen

 Die Kategorien aus den Anforderungsklassen der
Community-Typen entwickeln


CMC Patterns List
Conflict Detection Mentor
 
Remote Subscription

Nomadic Objects Feedback Loop
 
Quick Registration

Shared Browsing Periodic Report
 
Shared File Repository

Activity Indicator Floor Control
 
Reciprocity

Replicated Objects Persistent Session
 
Bell

Birds of a Feather Welcome Area
 
Active Map

Hall of Fame Embedded Chat
 
Distributed Command
 +

Remote Cursor Attention Screen
 
Expert Finder

Lovely Bags Away Message
 
Pessimistic Locking

Availability Status Replay
 
Interaction Directory

Reward User List
 
Quality Inspection

Change Indicator Threaded Discussions
 
FAQ

Aliveness Indicator Shared Editing
 
Immutable Versions

Quick Goodbye Virtual Me
 
Invitation

Mentor .... geht noch weiter
 
Conflict Detection

Blind Date

http://moskau.pi6.fernuni-hagen.de:3000/publication/show/1

Bsp: CMC pattern collection
 Perspektive ist
human-computer-
human-
interaction (hchi)
 Ebenen sind
1 Community
2 Group
3 Plattform
 Cluster-Ansatz
mit bestehenden
Collections
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://ﬂickr.com/photos/factoryjoe/collections/
72157600001823120/
– http://www.visi.com/~snowfall/
InteractionPatterns.html
– meine kleine Sammlung:
http://del.icio.us/eincarsten/designpattern


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?


Vielen Dank


Faces & Facts
Christian Müller Carsten Grandke
Jahrgang 1980 Jahrgang 1971
Studium Medientechnologie TU Ilmenau Studium Informationswissenschaft,
Technischer Projektmanager bei der /i- Psychologie, Pädagogik FU/HU Berlin
dmedia AG Konzepter & Information Architect bei
der /i-dmedia AG

http://eincarsten.de


Designpattern für Online Communitites

Recomendados

Recomendados

Más contenido relacionado

Similar a Designpattern für Online Communitites

Similar a Designpattern für Online Communitites (6)

Designpattern für Online Communitites