Verhaltensänderung speichern? Über persuasives Webdesign

111
Verhaltensänderung speichern? Wie persuasives Webdesign Meinungen, Entscheidungen und Verhalten beeinflusst Sebastian Deterding re:publica’09: Shift Happens Berlin, 03. April 2009 In dieser Stunde möchte ich reden über: Immanuel Kant und B-17-Bomber, Parkbänke und Organspenden, Easyjet und Nagellack ...

description

Vortrag auf der re:publica 2009: Shift happens. Stellt an Beispielen wie Online-Prokrastination, CO2-Sparen, Games und Twitter vor, wie Webdesign Nutzer motivieren, die Ziele von Seitenbetreibern zu verfolgen, und ihnen helfen, eigene Ziele umzusetzen

Transcript of Verhaltensänderung speichern? Über persuasives Webdesign

Page 1: Verhaltensänderung speichern? Über persuasives Webdesign

❦Verhaltensänderungspeichern?Wie persuasives Webdesign Meinungen, Entscheidungen und Verhalten beeinflusstSebastian Deterdingre:publica’09: Shift HappensBerlin, 03. April 2009

★★

★★

In dieser Stunde möchte ich reden über: Immanuel Kant und B-17-Bomber, Parkbänke und Organspenden, Easyjet und Nagellack ...

Page 2: Verhaltensänderung speichern? Über persuasives Webdesign

Das Leben: Eine Partie Marble Madness... und darüber, warum das Leben eine Partie Marble Madness ist.

Page 3: Verhaltensänderung speichern? Über persuasives Webdesign

Persuasives(Web-)Design

Zwischendurch soll es dann auch um persuasives Webdesign gehen: Wie gestaltet man Webseiten, um die Meinungen, Entscheidungen und das Verhalten von Menschen zu beeinflussen. Warum ein so komplizierter Begriff?

Page 4: Verhaltensänderung speichern? Über persuasives Webdesign

Design ✓

Design und Webdesign ist jedem klar.

Page 5: Verhaltensänderung speichern? Über persuasives Webdesign

Persuasion?

Aber „persuasiv“?

Page 6: Verhaltensänderung speichern? Über persuasives Webdesign

per⋅suadere (lat.): überzeugen, überreden (wörtl.: durch-dringen)

Das Wort stammt aus dem Lateinischen und bedeutet „Überzeugen“. Im Englischen sind „persuasion“ und „to persuade“ direkt eingängig. Im Deutschen muss man den Fachbegriff bemühen, da „überzeugendes Webdesign“ doppeldeutig ist. Man versteht es hierzulande rasch als „gelungenes Webdesign“.

Page 7: Verhaltensänderung speichern? Über persuasives Webdesign

Einige Beispiele aus der Offline-Welt. Ein Beispiel: Viele Parkbänke in Innenstädten und Parks haben mittlerweile Armlehnen installiert - wie diese Bank in Oxford. Warum? Nicht, um sie gemütlicher zu machen, sondern um zu verhindern, das Obdachlose auf ihnen schlafen.

Page 8: Verhaltensänderung speichern? Über persuasives Webdesign

Ein zweites Beispiel: Ich bin mit dem Zug aus Hamburg auf diese Konferenz gekommen. In den Vorhallen des Bahnhofs spielt seit mehreren Jahren klassische Musik. Warum? Weil man festgestellt hat, das „unerwünschte“ Jugendliche, die sonst hier lungern, keine klassische Musik mögen. Ähnlich wird es in London und vielen anderen Städten mit Erfolg praktiziert.

Page 9: Verhaltensänderung speichern? Über persuasives Webdesign

Ein drittes Beispiel: Seit man am Flughafen Schiphol diese kleinen Fliegen in die Pissoirs gedruckt hat, kommt es zu 80% weniger Spritzern an der Wand. Das kleine Design motiviert die Männer, genauer zu zielen.

Page 10: Verhaltensänderung speichern? Über persuasives Webdesign

Noch schöner finde ich allerdings diese Lösung für das gleiche Problem. Sie beherzigt gleich ein Designprinzip mit, auf das ich später noch kommen werde: Mach ein Spiel draus!

Page 11: Verhaltensänderung speichern? Über persuasives Webdesign

Im Web?

Parkbänke, klassische Musik, Klofliegen: Kleine Designveränderungen mit großer Wirkung auf das Verhalten der Nutzer. Gibt es das auch im Web?

Page 12: Verhaltensänderung speichern? Über persuasives Webdesign

1 Einleitung

Kennzeichen& Kontexte

3 In der Praxis:Vier Paradigmen

2

Offene Fragen& Probleme

4

Q&A

Page 13: Verhaltensänderung speichern? Über persuasives Webdesign

1 Einleitung

Kennzeichen& Kontexte

3 In der Praxis:Vier Paradigmen

2

Offene Fragen& Probleme

4

Q&A

Persuasives Design ist kein Kunstwort, dass ich mir ausgedacht habe, sondern ein echter Trend.

Page 14: Verhaltensänderung speichern? Über persuasives Webdesign

„I define persuasive technology as any interactive computing system designed to change people’s attitudes or behaviors.“

B.J. FoggPersuasive Technology: Using Computers to Change What We Think and Do (2003)

Der Trend fing an mit dem Buch „Persuasive Technology“ des Stanford-Psychologen BJ Fogg, das 2003 zu systematisieren versuchte, wie Computer und digitale Technologien allgemein - nicht nur Webseiten - Überzeugungen und Verhalten beeinflussen können.

Page 15: Verhaltensänderung speichern? Über persuasives Webdesign

2003 2003 2005 2005

Fogg folgte Andrew Chak mit dem ersten Webdesignbuch und die Eisenberg-Brüder 2005, die eine Methode für die Optimierung von Konversion im Kontext von Web Analytics entwickelten und diese „Persuasion Architecture“ nannten.

Page 16: Verhaltensänderung speichern? Über persuasives Webdesign

2008 2008 2008

Im letzten Jahr folgten das Buch „Nudge“ der Verhaltensökonomen Thaler und Sunstein, die das Design von Gesetzen, öffentlichen Dienstleistungen und Formularen als Feld für die Verbesserung des Gemeinwohls beschrieben, „Neuro Web Design“ sowie eine ganze Reihe White Paper von Human Factors International zu persuasivem Webdesign.

Page 17: Verhaltensänderung speichern? Über persuasives Webdesign

„Enabling behavior change: ... To change consumer behaviors we must design motivational experiences that push, pull, and ease the pathway to adopting new habits.“

Brandon Schauer, adaptive path 9 experiences for 2009

Gleichzeitig entdeckten bedeutende Design- und User Experience-Agenturen persuasives Design für sich, so etwa Brandon Schauer von adaptive path...

Page 18: Verhaltensänderung speichern? Über persuasives Webdesign

„Behaviour is our Medium.“

Robert Fabricant, FrogDesigninteractive’09 Vancouver

... oder Robert Fabricant von FrogDesign: Er ging so weit zu sagen, dass nicht Webseiten, Digitaltechnik oder überhaupt irgend ein Artefakt oder Interface das Medium von Interaktionsdesignern sei, sondern letztlich das Verhalten der Nutzer.

Page 19: Verhaltensänderung speichern? Über persuasives Webdesign

¬ Selbstvermarktung

¬ Ziele: Mehr als Kaufen

¬ Interaktion: Mehr als Informationsverarbeitung

¬ Motive: Mehr als Kosten/Nutzen

Persuasives Design: Warum jetzt?

Page 20: Verhaltensänderung speichern? Über persuasives Webdesign

Hire me!

Den ersten, offensichtlichen Grund können wir gleich vergessen: In der aktuellen Wirtschaftskrise müssen Agenturen einen Grund und ein Alleinstellungsmerkmal finden, warum man bei ihnen auf keinen Fall sparen darf - bzw. warum man sie und niemand anders beauftragen soll.

Page 21: Verhaltensänderung speichern? Über persuasives Webdesign

¬ Selbstvermarktung

¬ Ziele: Mehr als Kaufen

¬ Interaktion: Mehr als Informationsverarbeitung

¬ Motive: Mehr als Kosten/Nutzen

Persuasives Design: Warum jetzt?

Der erste relevante Grund ist: Da wir zunehmend mehr Alltags-Interaktionen über das Web abwickeln, verfolgen die Betreiber von Webseiten heute weit mehr Ziele als nur, ein Produkt online zu verkaufen.

Page 22: Verhaltensänderung speichern? Über persuasives Webdesign

A B

Stellen wir uns mal ganz dumm: Persuasives Design heißt, ich will meine Nutzer von einem Punkt A zu einem Punkt B bewegen.

Page 23: Verhaltensänderung speichern? Über persuasives Webdesign

Im klassischen Online-Marketing sind A und B klar: A ist die Google-Startseite, B ist die Checkout-Seite des eigenen Warenkorbs.

Page 24: Verhaltensänderung speichern? Über persuasives Webdesign

A

BUnd hier ordnet man A-B vertikal an, in Gestalt eines „Konversionstrichters“: Wie viele Leute, die an einem Punkt A meine Seite betreten, enden an Punkt B, einer Seite oder einem Ziel meiner Wahl? Dann misst man, an welchen Stellen auf dem Weg dorthin Nutzer abbrechen, und versucht diese zu optimieren.

Page 25: Verhaltensänderung speichern? Über persuasives Webdesign

Konversion

Page 26: Verhaltensänderung speichern? Über persuasives Webdesign

KonversionUnd interessanterweise hat der Begriff bereits eine weit reichere, umfassendere Bedeutung als „vom Produktkauf überzeugen“. „Konversion“ ist ursprünglich religiös: Es geht um Belehrung zu einem anderen Glauben.

Page 27: Verhaltensänderung speichern? Über persuasives Webdesign

Kaufe! Registriere!

Logge dich ein!

Abonniere!

Ziele: Web 1.0

Schaut man sich die heutige Begriffsverwendung an, wird er aber nur für die klassischen Ziele von Web 1.0-Seiten verwendet: Produktkauf, Registrierung, Abonnieren von Diensten.

Page 28: Verhaltensänderung speichern? Über persuasives Webdesign

Lade hoch! Kommentiere!

Tagge!

Bewerte!

Ziele: Web 2.0

Sende per Mail!

Lad deine Freunde ein!

Bookmarke!Retweete!

Leite weiter!

Füge als Freund hinzu!

Im Web 2.0 dagegen wollen Seitenbetreiber von Nutzern wesentlich mehr, nicht mehr nur, dass sie ein Produkt oder einen Service abnehmen. Mit „Kaufen“ oder „Preis/Leistung“ haben diese Transaktionen aber nur noch wenig zu tun. Aber wie motiviere wir unsere Nutzer dann, zu „konvertieren“?

Page 29: Verhaltensänderung speichern? Über persuasives Webdesign

Ziele dahinter

Schaffe Content für uns!

Mach Werbung für uns!

Gib uns deine Nutzungsdaten!

Schaffe Metadaten für uns!

(Natürlich stehen hinter diesen direkten, offensichtlichen Zielen weiterhin marktwirtschaftliche Ziele der Betreiber.)

Page 30: Verhaltensänderung speichern? Über persuasives Webdesign

Prosoziale Ziele

Spar Strom!

Spende!

Mach mit!

Wähl mich!

Pflanz einen Baum!

Hilf einem Nachbarn!

Ernähre dich gesünder!

Gib weniger Geld aus!

Schreib deinem Abgeordneten!

Noch einmal anders sieht es bei Webseiten aus, die prosoziale Ziele verfolgen. Auch sie wollen Nutzer zu verschiedensten Handlungen bewegen, auch hier greifen „Kauf“ und „Preis/Leistung“ nicht als Modelle oder Motive für das „Konvertieren“.

Page 31: Verhaltensänderung speichern? Über persuasives Webdesign

<Imperativ>!

Und es gibt noch viel mehr Ziele, die ich hier nicht nenne. Generelle Daumenregel: Wann immer man auf einer Webseite die Kombination aus Imperativ und Ausrufungszeichen sieht, handelt es sich um ein Ziel der Seitenbetreiber.

Page 32: Verhaltensänderung speichern? Über persuasives Webdesign

¬ Selbstvermarktung

¬ Ziele: Mehr als Kaufen

¬ Interaktion: Mehr als Informationsverarbeitung

¬ Motive: Mehr als Kosten/Nutzen

Persuasives Design: Warum jetzt?

Die Ziele von Seitenbetreibern sind also weit umfassender, vielschichtiger und komplexer geworden, sodass klassische Online-Marketing- und Webdesign-Modelle nicht mehr greifen. Doch auch unser Verständnis von Mensch-Computer-Interaktion (HCI) ist in den vergangenen Jahren komplexer geworden.

Page 33: Verhaltensänderung speichern? Über persuasives Webdesign

1. Welle: Der Mensch als MaschineÜblicherweise spricht man von 3 „Wellen“ der HCI: Die 1. Welle waren die Anfänge der Ergonomie in den 1940ern, die sich noch mit Maschinen und Kontrollpulten beschäftigten. Sie fassten den Menschen und die Interaktion von Mensch und Maschine ganz tayloristisch/behavioristisch mit Maschinenmetaphern auf.

Page 34: Verhaltensänderung speichern? Über persuasives Webdesign

Die 1. Welle begann im 2. Weltkrieg, als man bemerkte, dass B-17-Bomber wie dieser ...

Page 35: Verhaltensänderung speichern? Über persuasives Webdesign

... gerne einmal abstürzten, ohne dass es einen technischen Defekt gegeben hätte.

Page 36: Verhaltensänderung speichern? Über persuasives Webdesign

Der Grund: Die überkomplexen Cockpits, in denen zwei Knöpfe mit radikal verschiedenen Funktionen identisch aussahen und direkt nebeneinander lagen. Drückte man aber den falschen im Landeanflug ...

Page 37: Verhaltensänderung speichern? Über persuasives Webdesign

2. Welle: Der Mensch als ComputerDie 2. Welle setzte mit der ersten Generation der PCs ein. Für die Beschreibung der Bedienung dieser komplexen Maschinen griffen Maschinenmetaphern zu kurz. Aber die Kognitionswissenschaft hatte eine schöne neue Metapher direkt vor sich: den Computer. Menschliche Informationsverarbeitung und Interaktion mit Maschinen wurde als Komputation verstanden.

Page 38: Verhaltensänderung speichern? Über persuasives Webdesign

3. Welle: Der Mensch als ... Mensch?

User Experience

Der Mensch wurde als Computer beschrieben, der sich ein Ziel setzt und dann rational Unterziele und Schritte zur Erreichung dieser Ziele abläuft. Anfang der 1990er mehrte sich jedoch die Kritik an diesem Bild vom Mensch als rationalem, kühlen „Computerhirn im Tank“.

Page 39: Verhaltensänderung speichern? Über persuasives Webdesign

3. Welle: Der Mensch als ... Mensch?

User Experience

Affective Computing

Motivational Design

Incentive-Centered Design

Social DesignJoy of Use

Menschen verhalten sich bei weitem nicht rational, haben oft widerstreitende Ziele, sind in ein Netz sozialer Beziehungen eingespannt, sie erleben die Interaktion mit Computern emotional und körperlich und ästhetisch. Noch gibt es keine zusammenfassende Metapher für dieses ganzheitlichere Bild des Menschen und der Mensch-Computer-Interaktion ...

Page 40: Verhaltensänderung speichern? Über persuasives Webdesign

¬ Selbstvermarktung

¬ Ziele: Mehr als Kaufen

¬ Interaktion: Mehr als Informationsverarbeitung

¬ Motive: Mehr als Kosten/Nutzen

Persuasives Design: Warum jetzt?

... aber persuasives Design ist ein Strang im Bündel der wissenschaftlichen und Design-Bewegungen der „3. Welle“. Seiten verfolgen also komplexere Ziele als bloßes Verkaufen, und Designer begreifen, dass die Interaktion, die sie gestalten, weit komplexer ist als rationale Info-Verarbeitung und Ziel-Verfolgung. Wie aber bewegt man diese komplexen menschlichen Nutzer nun dazu, die komplexen Ziele von Seitenbetreibern zu verfolgen? Das ist der dritte Strang hinter persuasivem Design: Unser Verständnis von menschlichen Handlungsmotiven ist ebenfalls komplexer geworden.

Page 41: Verhaltensänderung speichern? Über persuasives Webdesign

¬ Rhetoriker?

¬ Psychologen?

¬ Soziologen?

¬ „Neurowissenschaftler“!

¬ Ökonomen!

¬ Designer!

Motive: Wen fragt man heute?

Wen fragt man nun heute als Designer, wie man Menschen auf einer Webseite von A nach B bewegt? Früher wären es Rhetoriker und Philosophen, Psychologen oder Soziologen gewesen, aber aus verschiedensten Gründen ist deren Stern im Verhältnis zu drei anderen Gruppen aktuell gesunken.

Page 42: Verhaltensänderung speichern? Über persuasives Webdesign

Die erste Gruppe sind die „kognitiven Neurowissenschaftler“ - oft Psychologen, die sich mit bunten Bildern vom Hirn in Aktion einen neuen, marktgängigeren Anstrich geben. Denn liest man die entsprechenden Publikationen, werden dort fast nur psychologische Experimente zitiert aus einer Zeit, als es noch keine bildgebenden Verfahren für Hirnaktivität gab.

Page 43: Verhaltensänderung speichern? Über persuasives Webdesign

Verhaltensökonomie

Die zweite Gruppe sind Ökonomen, genauer „Verhaltensökonomen“. Wie man nicht nur an diesem aktuellen Gartner Hype Cycle von 2008 sieht, ist Verhaltensökonomie aktuell en vogue. Hinter Verhaltensökonomie steckt die Erkenntnis unter Ökonomen, dass ihr Bild vom vollrationalen, vollinformierten, nutzenmaximierenden Homo Oeconomicus zu kurz greift.

Page 44: Verhaltensänderung speichern? Über persuasives Webdesign

... denn sie gucken auf die falschen Anreize

Traditionelle ökonomische Modelle verfehlen menschliches Verhalten ...

Verhaltensökonomie

... denn sie ignorieren systematische „Fehler“

Grob gibt es auf diese Erkenntnis zwei Reaktionen. 1. Der Mensch handelt schon ökonomisch, wir haben bisher nur nicht alle Anreize und Nutzen betrachtet, die er maximiert. Die müssen wir ergänzen. 2. Es gibt systematische, modellierbare „Verzerrungen“, „Irrationalitäten“ im menschlichen Verhalten, die wir in unsere Modelle aufnehmen müssen.

Page 45: Verhaltensänderung speichern? Über persuasives Webdesign

Usability!

Als dritte Gruppe werden heute Designer gefragt. Man bemüht „Design Thinking“ als pragmatischen Ansatz, oder schaut in den großen Wissensschatz der Usability. Aber Usability ist eben nicht gleich persuasives Design.

Page 46: Verhaltensänderung speichern? Über persuasives Webdesign

A

B

Veranschaulichen lässt sich das gut an unserem A-B-Modell. Angenommen, der Weg von A nach B ist eine Rutschbahn.

Page 47: Verhaltensänderung speichern? Über persuasives Webdesign

UsabilityDann ist es die Aufgabe von Usability, die Rutschbahn so einfach und angenehm wie möglich zu machen - sobald der Nutzer entschieden hat, zu rutschen.

Page 48: Verhaltensänderung speichern? Über persuasives Webdesign

Persuasive DesignWas aber, wenn der Nutzer gar nicht rutschen will? Genau das ist persuasives Design: Den Nutzer zur Entscheidung und ihrer Umsetzung bewegen. Sei es, dem Nutzer zu helfen, eigene Wünsche und Intentionen gegen innere und äußere Widerstände (Ablenkung durch andere schöne Rutschen, Angst vor der Höhe) umzusetzen, ...

Page 49: Verhaltensänderung speichern? Über persuasives Webdesign

Persuasive Design... sei es, allererst den Anreiz, die Motivation und dann die Intention zu schaffen, die Rutsche zu benutzen.

Page 50: Verhaltensänderung speichern? Über persuasives Webdesign

„While usability is concerned with what site users can do, persuasive design focuses on what users will do.“

Mark Cohen, HFI InternationalPersuasive Design in Action, 2008

Human Factors International hat den Unterschied in seinen White Papers ganz gut herausgearbeitet: Usability sorgt dafür, dass der Nutzer seine Ziele umsetzen kann - einfach und angenehm. Persuasives Design bewegt ihn, Ziele tatsächlich umzusetzen - seien es seine eigenen oder die des Anbieters.

Page 51: Verhaltensänderung speichern? Über persuasives Webdesign

1 Einleitung

Kennzeichen& Kontexte

3 In der Praxis:Vier Paradigmen

2

Offene Fragen& Probleme

4

Q&A

Wie geht das nun praktisch? Noch gibt es keine Systematik oder Methodologie, nur einen großen Werkzeugkasten aus Strategien und Taktiken. Ich möchte heute vier Cluster von solchen Taktiken vorstellen.

Page 52: Verhaltensänderung speichern? Über persuasives Webdesign

¬ Trägheit nutzen: Constraints und Defaults

¬ Informationen & Handeln aufbereiten

¬ Intrinsisch motivieren: Mach ein Spiel draus!

¬ Extrinsisch motivieren: Soziale Mechanismen

Persuasives Design: Vier Paradigmen

Das erste Cluster nutzt Trägheit - die physische Trägheit der Umwelt oder des Artefakts, das wir gestalten, oder die Verhaltensträgheit des Menschen, der üblicherweise den Weg des geringsten Widerstandes geht.

Page 53: Verhaltensänderung speichern? Über persuasives Webdesign

ConstraintsDer einfachste Weg, Verhalten zu beeinflussen, ist, harte „physische“ Grenzen zu setzen, die bestimmte Verhaltensweisen einfach ausschließen. Immanuel Kant etwa hatte einen Vertrag mit seinem Diener Lampe, ihn jeden Morgen um 7 aus dem Bett zu werfen - egal, was Kant ihm am jeweiligen Morgen sagen oder androhen mochte.

Page 54: Verhaltensänderung speichern? Über persuasives Webdesign

Wir alle nutzen solche selbstgesetzten Constraints, wenn wir zu einer Fastenkur in einen Kurort oder zu einem Exerzitium in ein Kloster gehen. Weil wir uns im Alltag nicht selbst disziplinieren können, weniger zu essen oder uns auf uns selbst zu konzentrieren, begeben wir uns in eine Umwelt, die genau dafür Sorge trägt, weil sie alle anderen Optionen ausschließt.

Page 55: Verhaltensänderung speichern? Über persuasives Webdesign

Ein schönes Designbeispiel ist bitterer Nagellack für Menschen, die an Fingernägeln kauen. Wann immer sie kauen wollen, hält sie der bittere Geschmack des selbst aufgetragenen Lacks davon ab.

Page 56: Verhaltensänderung speichern? Über persuasives Webdesign

Online kennen wir für solche Constraints Beispiele zuhauf: Digitales Rechtemanagement schließt alle Nutzer von unerwünschten Verhaltensweisen aus ...

Page 57: Verhaltensänderung speichern? Über persuasives Webdesign

... oder IP-Erkennung schließt bestimmte Nutzergruppen von Diensten aus.

Page 58: Verhaltensänderung speichern? Über persuasives Webdesign

Online-Shops nutzen solche Constraints geschickt. Sobald man sich einmal für den Kauf eines Produktes entschieden hat, wird alle Ablenkung ausgeschlossen. Das geht so weit, dass die abschließende Bestellseite von Amazon keinen „Zurück“-Knopf mehr hat. Man kann die Bestellung nur noch abschicken - oder den Prozess durch Fenster schließen hart abbrechen.

Page 59: Verhaltensänderung speichern? Über persuasives Webdesign

Der ClaimID-Gründer Fred Stutzman hat ein vergleichbares Programm entwickelt, um der eigenen Online-Prokrastination Herr zu werden: Mit „Freedom“ kann man an seinem Macbook voreinstellen, wie lange man sich selbst aus dem Netz aussperren will - um sich auf die wichtigen Dinge konzentrieren zu können. http://www.ibiblio.org/fred/freedom/

Page 60: Verhaltensänderung speichern? Über persuasives Webdesign

Die Idee wäre leicht auf soziale Netzwerke wie Facebook übertragen werden, die Probleme mit Debatten um Nutzer-„Abhängigkeit“ haben.

Page 61: Verhaltensänderung speichern? Über persuasives Webdesign

Sie könnten ihren Nutzern die Optionen solcher Selbstsperren anbieten - und so gleichzeitig das nutzereigene Gefühl von Kontrolle stärken.

Sie haben bereits eine Stunde auf Facebook verbracht und sich selbst ein Limit von einer Stunde pro Tag gesetzt.

Bitte kommen Sie morgen wieder.

Hinweis

Schließen

Page 62: Verhaltensänderung speichern? Über persuasives Webdesign

DefaultsDer zweite Weg, Trägheit zu Nutzen, sind Defaults. Nutzer gehen erwartungsgemäß den Weg des geringsten Widerstandes und ändern die Standardeinstellungen nicht. In einem Experiment mit der Einverständniserklärung zu Organspenden in Führerscheinen konnte die Zustimmung um 80% gesteigert werden, indem diese von Opt-In in Opt-Out geändert wurde.

Page 63: Verhaltensänderung speichern? Über persuasives Webdesign

In Software kennen wir Defaults zuhauf. Auch hier kann man die Ziele der Anbieter unterstützen („Wollen Sie unseren Newsletter abonnieren?“ Default: Ja) oder der Nutzer, indem man etwa wie Microsoft hier im XP SP2 die Default-Sicherheitseinstellungen höher stuft (was, siehe IE8, auch wieder den Anbieter-Zielen dienen kann).

Page 64: Verhaltensänderung speichern? Über persuasives Webdesign
Page 65: Verhaltensänderung speichern? Über persuasives Webdesign

¬ Trägheit nutzen: Constraints und Defaults

¬ Informationen & Handeln aufbereiten

¬ Intrinsisch motivieren: Mach ein Spiel draus!

¬ Extrinsisch motivieren: Soziale Mechanismen

Persuasives Design: Vier Paradigmen

Das zweite Cluster von Taktiken, die ich vorstellen möchte, befasst sich damit, Informationen und Handlungen so aufzubereiten, dass der Nutzer bewegt wird, seine eigenen Intentionen und Ziele umzusetzen.

Page 66: Verhaltensänderung speichern? Über persuasives Webdesign

Verhalten sichtbar machenDer erste Schritt dabei ist, das eigene Verhalten und seine Konsequenzen überhaupt einmal sichtbar zu machen. Wie viele von uns würden Standby-Geräte ausschalten oder Transformatoren abstöpseln, wenn uns die Kabel durch starkes Leuchten (statt nur kleine LEDs) signalisierten, dass sie gerade ordentlich Strom verbrauchen?

Page 67: Verhaltensänderung speichern? Über persuasives Webdesign

Im ökologischen Design ist dieses Sichtbarmachen eine sehr gängige Strategie. Klassischerweise wird ein Zähler installiert, der das eigene Verhalten direkt messbar macht.

Page 68: Verhaltensänderung speichern? Über persuasives Webdesign

Für Online-Prokrastination gibt es etwa die Software RescueTime, mit der man das eigene Nutzungsverhalten von Software und verschiedenen Webseiten tracken und dann visualisieren kann. http://www.rescuetime.com/

Page 69: Verhaltensänderung speichern? Über persuasives Webdesign

Ganz ähnlich macht es WattzOn für den eigenen Energieverbrauch. http://www.wattzon.com/

Page 70: Verhaltensänderung speichern? Über persuasives Webdesign

Ein weiteres schönes Beispiel, bei dem ich im folgenden ein wenig bleiben möchte, ist das soziale Reise-Netzwerk Dopplr, auf dem man die eigenen geplanten Reisen erfassen und dann sehen kann, ob die eigenen Freunde eventuell zur gleichen Zeit am gleichen Ort sind. http://dopplr.com/

Page 71: Verhaltensänderung speichern? Über persuasives Webdesign

Darüber hinaus bietet Dopplr aber auch einen CO2-Kalkulator an, mit dem man die CO2-Produktion der eigenen Reisetätigkeit sehen kann. Im September 2008 etwa habe ich einen Überseeflug gemacht - und rund 2 Tonnen CO2 proiduziert. Im Dezember 2008 dagegen keine Reisen & kein CO2 - „beneidenswert“.

Page 72: Verhaltensänderung speichern? Über persuasives Webdesign

So wichtig die reine Erfassung und Sichtbarmachung des eigenen Verhaltens ist: Als reine Zahl bleibt sie abstrakt, produziert wenig Handlungsanreiz.

Page 73: Verhaltensänderung speichern? Über persuasives Webdesign

Verhalten persönlich machenDer nächste Schritt ist, die erfassten Daten persönlich zu machen. Es geht nicht darum, dass „wir Deutsche“ soundsoviel CO2 produzieren, sondern dass DU mit DEINEM Verhalten soundsoviel CO2 produzierst - das macht Dopplr schon.

Page 74: Verhaltensänderung speichern? Über persuasives Webdesign

Verhalten konkret machen

4.802 kg

Aber was bedeuten 4,8 Tonnen CO2? Es fällt Menschen notorisch schwer, große mathematische Ziffern zu visualisieren oder in ihrer Bedeutung einzuschätzen. Es gilt also, die Zahl konkret, anschaulich zu machen.

Page 75: Verhaltensänderung speichern? Über persuasives Webdesign

Verhalten emotional machen

4.802 kgYou will burn 23 trees this year

Der nächste Schritt ist, die konkreten Konsequenzen auch emotional konkret, greifbar und ergreifend zu gestalten. Welche Darstellung der Information spricht uns auch emotional an?

Page 76: Verhaltensänderung speichern? Über persuasives Webdesign

Ein schönes Beispiel für maximal personalisierte und emotionale Darstellung ist die Deathclock, auf der man Geburtsdatum, Geschlecht, Gewicht und eigenes Gesundheitsverhalten eingibt und ein statistisch wahrscheinliches Todesdatum erhält, von dem die Sekunden herunterticken. http://www.deathclock.com/

Page 77: Verhaltensänderung speichern? Über persuasives Webdesign

Verhalten vergleichbar machen

4.802 kg You will burn23 trees this year

The average personburns 3 trees per year

Eine weitere Taktik ist sozialer Vergleich: Ist das eigene Verhalten normal? Vorbildlich? Hängt es dem Durchschnitt hinterher?

Page 78: Verhaltensänderung speichern? Über persuasives Webdesign

Konkrete Ziele setzen

4.802 kg You will burn 23 treesthis year, 18 too many

Your aim for 2009: 5 trees(3 less than 2008)

Angenommen, man erhält nun eine konkrete, persönliche, emotional greifende Darstellung des eigenen Verhaltens: Wie setzt man diesen Impuls in Handeln um? Der erste Schritt ist, konkrete Ziele anzubieten, statt den Impuls in einem allgemeinen „Ich müsste mal wieder mehr ...“ verpuffen zu lassen. Diese Ziele kann sich der Nutzer z.B. einfach selbst setzen.

Page 79: Verhaltensänderung speichern? Über persuasives Webdesign

RescueTime bietet genau das fürs eigene Computerverhalten: Setze dir Ziele, welche Software oder Webplattform du nur noch wie lange pro Tag nutzen möchtest.

Page 80: Verhaltensänderung speichern? Über persuasives Webdesign

Konkrete Handlung anbieten

4.802 kg You will burn 23 treesthis year, 18 too many

Your aim for 2009: 5 trees(3 less than 2008)

☒ Plant 18 trees instead☐ Take a train instead and save 4 trees

Habe ich einen Impuls zu handeln und ein konkretes Ziel, ist der nächste Schritt, eine konkrete Handlung anzubieten, mit der dieses Ziel (einfach und angenehm) umgesetzt werden kann - und das nicht irgendwann, sondern direkt an der Stelle, an der der Impuls zu handeln entsteht.

Page 81: Verhaltensänderung speichern? Über persuasives Webdesign

καιρός

Genau das beschreibt das Prinzip des „Kairos“ in der antiken Rhetorik, des „günstigen“, „rechten Moments“: Will ein Redner sein Publikum von etwas überzeugen, muss er sie zum richtigen Zeitpunkt, am richtigen Ort, in der richtigen Stimmung ansprechen, wenn sie am empfänglichsten sind.

Page 82: Verhaltensänderung speichern? Über persuasives Webdesign

„verführbare Moment“

Im Design nennt man das den „seducible moment“ oder „verführbaren Moment“.

Page 83: Verhaltensänderung speichern? Über persuasives Webdesign

Ein wunderschönes Beispiel sind diese Pfandrücknahmeautomaten, die man mittlerweile in Skandinavien findet. Statt das eigene Pfandgeld über einen kleinen, unpraktischen Papierzettel an der Kasse einzulösen, kann man es mit Druck auf einen Knopf auch direkt an eine wohltätige Organisation spenden.

Page 84: Verhaltensänderung speichern? Über persuasives Webdesign

You will burn 23 treesthis year

Dieser Trip verbrennt 10 Bäume (440 kg CO2): ₤ 12.00

10 Bäume pflanzen

Auf das Dopplr-Beispiel übertragen: Wann ist hier der günstige Moment? Nicht, wenn man in Dopplr seine Reise einträgt - denn dann hat man sie meistens schon gebucht - sondern direkt bei der Buchung.

Page 85: Verhaltensänderung speichern? Über persuasives Webdesign

You will burn 23 treesthis year

Dieser Trip verbrennt 10 Bäume (440 kg CO2): ₤ 12.00

10 Bäume pflanzen

☒ Einstellung merken

Und an dieser Stelle lässt sich dann auch gleich die Taktik des Defaults einsetzen, um aus der einmaligen Entscheidung ein dauerhaftes Verhalten zu machen.

Page 86: Verhaltensänderung speichern? Über persuasives Webdesign

Die Designfirma IDEO hat diese Kombination aus verführbarem Moment und Default im Design des Bank of America-Finanzproduktes Keep the Change umgesetzt: Nutzer können hier den Default einstellen, dass alle krummen Summen von Überweisungen aufgerundet werden und die Aufrundung auf ihr Sparkonto wandert. http://www.ideo.com/work/featured/bofa

Page 87: Verhaltensänderung speichern? Über persuasives Webdesign

Ein weiteres schönes Beispiel für die Kombination dieser Taktiken ist das virale „Nonvoter“-Video, das CNNBC wenige Tage vor der letzten US-Präsidentschaftswahl online stellte: Eine fiktive Nachrichtensendung berichtete vom Tag nach der Wahl, das John McCain wegen eines Nichtwählers zum Präsidenten geworden sei: Wegen DIR. Nutzer konnten das Video an Freunde versenden und im Video den Namen ihrer Freunde einsetzen, der dann als Namen des schuldigen Nichtwählers eingesetzt wurde. http://www.cnnbcvideo.com/taf.shtml?hp=1

Page 88: Verhaltensänderung speichern? Über persuasives Webdesign

¬ Trägheit nutzen: Constraints und Defaults

¬ Handeln aufbereiten

¬ Intrinsisch motivieren: Mach ein Spiel draus!

¬ Extrinsisch motivieren: Soziale Mechanismen

Persuasives Design: Vier Paradigmen

Bei den letzten beiden Clustern geht es darum, einen Anreiz, ein Motiv beim Nutzer zu schaffen. Der beste Weg ist, die gewünschte Nutzung so vergnüglich und angenehm zu machen, dass sie zum Selbstzweck wird, um ihrer selbst willen getan wird. Welche Designer kennen sich am besten mit der Gestaltung von Spaß und angenehmen Erlebnissen aus?

Page 89: Verhaltensänderung speichern? Über persuasives Webdesign

„Reality is broken. Games work better. ... Games are the ultimate happiness engines.“

Jane McGonigalUX Week 2009

Game Designer! Genau diesen Ansatz trägt prominent die Designerin von Alternate Reality Games Jane McGonigal in die Öffentlichkeit: Spiele sind gestaltete „Glücksmaschinen“, „optimale Erfahrungen“, und Game Designer sollten dieses Wissen um die Gestaltung optimaler Erfahrungen auf andere Lebensbereiche übertragen.

Page 90: Verhaltensänderung speichern? Über persuasives Webdesign

¬ freiwillige, selbstgewählte Tätigkeit

¬ Klare Ziele

¬ Klare Handlungsoptionen

¬ Klares, starkes Feedback

¬ Selbstwirksamkeit, Kompetenzerleben

¬ Fiktionale Identifikation

¬ Schwierigkeitskurve im flow-Tunnel zwischen Langeweile und Überforderung

Qualitäten des Game-Erlebnisses

Medienpsychologen und Game Designer haben erste Modelle entwickelt, was genau Spiele zu optimalen Erfahrungen macht. Ein populäres Modell stammt vom amerikanischen Psychologen Mihaly Csikszentmihalyi, der über mehrere Jahrzehnte die verbindenden Eigenschaften von „Hochzuständen“ untersucht hat.

Page 91: Verhaltensänderung speichern? Über persuasives Webdesign

Sch

wie

rigke

itFlow-Tunnel

Fähigkeit

Langeweile

Überforderung

flow

Demnach empfinden wir nicht etwa totale Entspannung als optimal, sondern Situationen, in denen unsere Fähigkeiten voll angesprochen werden: nicht zu schwierig, nicht zu leicht. Computerspiele passen ihre Schwierigkeit dynamisch an die Lernkurve der Spieler an, um nie langweilig oder überfordernd zu sein.

Page 92: Verhaltensänderung speichern? Über persuasives Webdesign

Das widerspricht dem Gedanken der Usability, alles immer so einfach wie möglich zu machen. Nichtsdestotrotz gibt es einige webbasierte Spiele, die Nutzer mit Spielmechanismen zu bestimmten Verhalten motivieren wollen - etwa Chore Wars, das alltägliche Erledigungen im Haushalt als „Questen“ in einem Fantasy-Rollenspiel einkleidet. http://www.chorewars.com

Page 93: Verhaltensänderung speichern? Über persuasives Webdesign

Ein enorm erfolgreiches Beispiel ist das ESP-Game: Spieler sollen auf der Plattform erraten, welches Wort einem unsichtbaren Gegenüber als erstes zu einem gezeigten Bild einfällt. Das Spiel lässt so höchst erfolgreich Webbilder von Nutzern verschlagworten. http://www.gwap.com/espgame-a/start.html

Page 94: Verhaltensänderung speichern? Über persuasives Webdesign

Die Firma Seriosity überträgt Spielmechaniken auf den Büro-Mailverkehr: „Spieler“ können ihren Mails Punkte nach Dringlichkeit geben und diese durch Abarbeitung der Mails von Kollegen zurückgewinnen. http://www.seriosity.com

Page 95: Verhaltensänderung speichern? Über persuasives Webdesign

Raum & Anstoß für DebatteWeit machtvoller als simple Punktesysteme ist aber eine andere Fähigkeit von Spielen. In der Entwicklungsarbeit setzt man seit den 1980ern erfolgreich Telenovelas ein, um Menschen etwa zu Verhütung oder Frauenbildung zu bewegen. Die größte Überzeugungswirkung haben nachweislich nicht die Sendungen, sondern die anschließende Diskussion unter Zuschauern.

Page 96: Verhaltensänderung speichern? Über persuasives Webdesign

Dieses Prinzip hat sich die US Army mit ihrem kostenlosen Online-Shooter „America‘s Army“ zu Nutze gemacht - nach Selbstaussage ihr aktuell erfolgreichstes Rekrutierungstool. Über das Spiel wird ein Raum (die Community) und ein Anlass geschaffen, über die echte Veteranen und Rekrutierer mit Spielern (= potenziellen Rekruten) kommunizieren können.

Page 97: Verhaltensänderung speichern? Über persuasives Webdesign

¬ Trägheit nutzen: Constraints und Defaults

¬ Handeln aufbereiten

¬ Intrinsisch motivieren: Mach ein Spiel draus!

¬ Extrinsisch motivieren: Soziale Mechanismen

Persuasives Design: Vier Paradigmen

Schafft man es nicht, das gewünschte Nutzerverhalten derart intrinsisch zu motivieren, kann man schließlich auf eine Reihe äußerer Motive zurückgreifen, die vor allem von Sozialpsychologen erforscht wurden.

Page 98: Verhaltensänderung speichern? Über persuasives Webdesign

¬ Soziale Bestätigung, Anerkennung, Zugehörigkeit

¬ Sozialer Vergleich

¬ Soziale Facilitation

¬ Gruppendruck

¬ Reziprozität

¬ Kooperation

¬ Wettbewerb

¬ Soziale Kontrolle: Öffentliches Commtiment

Soziale Motive

Praktisch alle „sozialen Medien“ und Netzwerke funktionieren deshalb so gut und sind für manche so „suchterzeugend“, weil sie die gesamte Palette unserer sozialen Motive ansprechen - kombiniert mit Taktiken der Handlungsaufbereitung.

Page 99: Verhaltensänderung speichern? Über persuasives Webdesign

Handlungs-aufruf

Sichtbar-keit

Rezi-prozität

sozialer

Vergleich

Page 100: Verhaltensänderung speichern? Über persuasives Webdesign

Wett-bewerb

Aner-

kennung

sozialer

Vergleich

Page 101: Verhaltensänderung speichern? Über persuasives Webdesign

Öffentliches CommitmentEine sehr erfolgreiche Taktik, mit der Nutzer sich selbst zur Umsetzung eines Vorhabens motivieren können, sind öffentliche Commitments. Die PladgeBank von MySociety-org bietet eine Plattform, auf der Nutzer untereinander öffentliche Versprechen machen und soziale Unterstützung dafür einsammeln können. www.pledgebank.org

Page 102: Verhaltensänderung speichern? Über persuasives Webdesign

Die Plattform StickK bietet die Möglichkeiit, sich mit einem öffentlichen Vetrag auf ein Ziel zu verpflichten, einen Einsatz zu definieren, den man bei Nichterreichen verliert, und über die Plattform einen „Schiedsrichter“ zu finden, der den eigenen Fortschritt überwacht. https://www.stickk.com/

Page 103: Verhaltensänderung speichern? Über persuasives Webdesign

1 Einleitung

Kennzeichen& Kontexte

3 In der Praxis:Vier Paradigmen

2

4

Q&A

Offene Fragen& Probleme

Page 104: Verhaltensänderung speichern? Über persuasives Webdesign

¬ Theorie: Wie funktioniert das?

¬ Terminologie: Wie sprechen wir darüber?

¬ Methodik: Wie machen wir das?

¬ Systematik: Wie ordnen wir das?

¬ Metrik: Wie messen wir das?

¬ Ethik: Ist das nicht unmoralisch?

Offene Fragen

Persuasives Design steht noch ganz am Anfang. Es ist ein unsortierter Werkzeugkasten aus Taktiken. Was fehlt, sind nicht nur Modelle, Methoden, Systematiken, um persuasives Design geordnet in der eigenen Gestaltung einzusetzen, sondern auch Metriken, um Erkenntnisse weiterentwickeln und den Nutzen gegenüber Kunden kommunizieren zu können.

Page 105: Verhaltensänderung speichern? Über persuasives Webdesign

GedankenkontrolleDie wichtigste offene Frage bei persuasivem Design ist aber fraglos die ethische: Usability stellt sich in den Dienst der Nutzer, persuasives Design „manipuliert“ sie: Ist das nicht unmoralisch? Die üblichen ethischen Standards sind hier, nicht in Zwang oder Täuschung zu verfallen und die eigenen Intentionen und Handlungen für den Nutzer transparent zu machen.

Page 106: Verhaltensänderung speichern? Über persuasives Webdesign

„Man kann nicht nicht kommunizieren.“

Paul WatzlawikMetakommunikatives Axiom

Ein Verzicht auf persuasives Design ist schlicht nicht möglich, denn genausowenig, wie man nicht nicht kommunizieren kann,

Page 107: Verhaltensänderung speichern? Über persuasives Webdesign

„Man kann nicht nicht kommunizieren.“

Paul WatzlawikMetakommunikatives Axiom

beeinflussen.

persuasives

-------------

-----------

kann man auch nicht nicht beeinflussen. Jede Kommunikation, jede Gestaltung ist Beeinflussung, es geht „nur“ darum, (a) wie man das tut, (b) mit welchen Absichten, und (c) mit welchen Effekten.

Page 108: Verhaltensänderung speichern? Über persuasives Webdesign

Libertärer Paternalismus:Freie Wahl erhalten oder gar fördern, aber so beeinflussen, dass der Entscheider eine Wahl trifft, die nach seinem eigenen Urteil besser für ihn ist.

Richard Thaler, Cass SunsteinNudge (2008), S. 5

In Bezug auf die Moralität der Absichten haben Thaler und Sunstein das Prinzip des libertären Paternalismus definiert. Es beschreibt eine ihrer Ansicht nach wünschenswerte Haltung des Staates, den Bürgern ihre Wahlfreiheit zu lassen, aber sie in Entscheidungen in eine Richtung zu „stupsen“, die die Bürger selbst bewusst als gut und sinnvoll akzeptieren.

Page 109: Verhaltensänderung speichern? Über persuasives Webdesign

Leben: Eine Partie Marble MadnessHInter dem Vorwurf der „Gedankenkontrolle“ durch persuasives Design steckt zudem noch ein behavioristisches Denkmodell aus der 1. Welle der HCI. Menschliches Verhalten ist aber nicht komplett außengesteuert, es emergiert aus dem Zusammenspiel innerer und äußerer Kräfte, die das Individuum zu steuern versucht - wie einen Ball im Spiel Marble Madness.

Page 110: Verhaltensänderung speichern? Über persuasives Webdesign

Und schließlich hat die menschliche Erfindungskraft noch für jede neue Erfindung, die sein Verhalten steuern will, auch einen Weg erfunden, sie zu umgehen.