Design Patterns - Warum Patterns benutzen

33
Design Patterns Standards und Best Practices Florian Bailey user centered strategy www.usercenteredstrategy.de Blog: www.id-o.de

description

Warum sollte man Design Patterns verwenden und was ist generell dabei zu beachten.Eine kurze Einführung.

Transcript of Design Patterns - Warum Patterns benutzen

Page 1: Design Patterns - Warum Patterns benutzen

Design PatternsStandards und Best Practices

Florian Baileyuser centered strategy

www.usercenteredstrategy.deBlog: www.id-o.de

Page 2: Design Patterns - Warum Patterns benutzen

Was ist ein Pattern?

Jedes Element das oft im gleichen Kontext verwendet wird, kann zu einem Pattern werden.

Interaction Design Patterns bilden sich aus usage patterns, User benutzen bestimmte Dinge immer wieder in ähnlichem Kontext. Irgendwann wird die Interaktion standardisiert.

user centered strategy

Page 3: Design Patterns - Warum Patterns benutzen

Die ON Taste einer Fernbedienung ist ein Pattern.

Dadurch das sie ein Pattern ist, ist sie für jeden User sofort nutzbar.

user centered strategy

Page 4: Design Patterns - Warum Patterns benutzen

Entstehen von Patterns

Häufiger Task

Most widely used/Best interface wird kopiert

- Meme –Nutzer gewöhnt sich

An Interface

Standardisierung

Nutzer benutzt fast immer wenn Task auftritt gleiches

Interface

Pattern

user centered strategy

Page 5: Design Patterns - Warum Patterns benutzen

Neuronen und Patterns

• Das Gehirn versucht immer in gewohnten Bahnen zu gehen

• Ungewohntes überrascht uns • Ungewohntes wird ausgeblendet• Ungewohntes kostet Energie

user centered strategy

Page 6: Design Patterns - Warum Patterns benutzen

Jakob Nielsen:

Users spend most of their time on other sites, so that's where they form their expectations for how the Web works.

user centered strategy

Page 7: Design Patterns - Warum Patterns benutzen

Folgerung

• Wenn die User den Großteil ihrer Zeit auf anderen Websites verbringen, gewöhnen sie sich an Patterns

• Teilweise nutzen User bis zu 30 Websites des gleichen Themengebietes gleichzeitig (Recherche, Tabs)

• Alles was kein Pattern ist zwingt den User zum Nachdenken und lenkt evtl. vom USP ab

user centered strategy

Page 8: Design Patterns - Warum Patterns benutzen

Pattern Vorteile für User:

Wissen welche Funktionen zu erwarten sind

Wissen wie diese Funktionen aussehen

Wissen wo diese Funktionen sich befinden

Wissen wie man diese Funktionen benutzt

Müssen nicht über Grundfunktionen nachdenken

Übersehen keine wichtigen Funktionen, weil sie sie nicht erkennen

Werden nicht negativ überrascht

Sie verbessern die Fähigkeit der User Websites tatsächlich schnell und erfolgreich zu nutzen und erhöhen dadurch ihre Zufriedenheit

Useit Jakob Nielsen

user centered strategy

Page 9: Design Patterns - Warum Patterns benutzen

Pattern Vorteile für Teams:

Beschleunigen Prozesse

Vermindern Projektrisiken

Lassen Konzentration auf USP zu (statt sich mit unwichtigem aufzuhalten)

Machen Websiten vergleichbarer (nicht die Oberfläche sondern der Content zählt)

Sparen Kosten

Vermeiden nutzlose Diskussionen

user centered strategy

Page 10: Design Patterns - Warum Patterns benutzen

Entwicklung

Simple Elemente

Komplexe Interaktionen

Informations-architektur

Schrittweise Entwicklung von Patterns für sehr einfache Elemente, z.B. Icons für Mailüber komplexen Interaktionen (RIA) zu kompletter Informationsarchitektur.

90s-2003 2003-2008 2008-2010

user centered strategy

Page 11: Design Patterns - Warum Patterns benutzen

Pattern Libraries:

z.B. Yahoo

Page 12: Design Patterns - Warum Patterns benutzen

Patterns in der Informationsarchitektur

Am Beispiel von Spiegel Online, Konkurrenz übernimmt grundsätzliche Struktur.

Nutzer können auf gewohnte Art nutzen

Wettbewerb verschiebt sich vom Interface zum Inhalt

user centered strategy

Page 13: Design Patterns - Warum Patterns benutzen
Page 14: Design Patterns - Warum Patterns benutzen
Page 15: Design Patterns - Warum Patterns benutzen

user centered strategy

Page 16: Design Patterns - Warum Patterns benutzen
Page 17: Design Patterns - Warum Patterns benutzen

user centered strategy

Page 18: Design Patterns - Warum Patterns benutzen

Patterns sind kein Automatismus (nicht einzige oder beste Lösung) sondern entwickeln sich einfach

Siehe englischsprachige Newsseiten mit völlig anderer Struktur:

user centered strategy

Page 19: Design Patterns - Warum Patterns benutzen

user centered strategy

Page 20: Design Patterns - Warum Patterns benutzen
Page 21: Design Patterns - Warum Patterns benutzen

IA Patterns bei Suchmaschinen

user centered strategy

Page 22: Design Patterns - Warum Patterns benutzen

user centered strategy

Page 23: Design Patterns - Warum Patterns benutzen

user centered strategy

Page 24: Design Patterns - Warum Patterns benutzen

user centered strategy

Page 25: Design Patterns - Warum Patterns benutzen

user centered strategy

Page 26: Design Patterns - Warum Patterns benutzen

Neue Patterns

• Feed, Stream• Direct Interaction• usw…

user centered strategy

Page 27: Design Patterns - Warum Patterns benutzen

user centered strategy

Page 28: Design Patterns - Warum Patterns benutzen

user centered strategy

Page 29: Design Patterns - Warum Patterns benutzen

Vorsicht beim kopieren

• Nicht alles was bei den Big 5 (Google, Yahoo, Ebay, Amazon usw.) verwendet wird ist ein Pattern

• Manches ist spezifisch• Manches nicht überall geeignet

user centered strategy

Page 30: Design Patterns - Warum Patterns benutzen

Probleme mit PatternsDas ist kein Pattern!

user centered strategy

Page 31: Design Patterns - Warum Patterns benutzen

Probleme mit Patterns

Vorsicht: • Funktionen die aussehen wie etablierte

Patterns, aber etwas ganz anderes tun!

user centered strategy

Page 32: Design Patterns - Warum Patterns benutzen

Fazit

• Bei einfachen Funktionen Patterns verwenden• Bei komplexen Funktionen Patterns überprüfen• Informationsarchitektur an sich entwickelnden

Patterns ausrichten

• Es sind nicht nur unsere Nutzer, sie sind nur kurz zu Besuch und eventuell gleichzeitig

noch auf 30 anderen Seiten (Tabs)

user centered strategy

Page 33: Design Patterns - Warum Patterns benutzen

Fragen: @florianbailey

[email protected]

www.id.o.dewww.usercenteredstrategy.de