Mitmachbarrieren im Web 2.0
description
Transcript of Mitmachbarrieren im Web 2.0
![Page 1: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/1.jpg)
Timo Wirth, Berlin | Mai 2009, AbI-Schulung „Web 2.0 und Barrierefreiheit“
Nutzerbeteiligung & Kommunikation: Mitmachbarrieren im Web 2.0
![Page 2: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/2.jpg)
2
OK Abbrechen Mehr Infos
Vortrag starten?
![Page 3: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/3.jpg)
3
OK Abbrechen Mehr Infos
![Page 4: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/4.jpg)
4
Über mich
Timo WirthSenior Webentwickler
Teamleiter Frontend, Aperto AG
Baue und gestalte Websites seit 1998
Accessibility seit 2003
Xing: https://www.xing.com/profile/Timo_Wirth2
Blog: www.vorsprungdurchwebstandards.de www.blog.aperto.de
Twitter: twitter.com/javajim
![Page 5: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/5.jpg)
Web 2.0?
![Page 6: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/6.jpg)
6
![Page 7: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/7.jpg)
Ajax?
Nein
![Page 8: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/8.jpg)
Mashups?
Nein
![Page 9: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/9.jpg)
Schatten, Verläufe, Spiegeleffekte?
Nein
![Page 10: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/10.jpg)
Interaktion
![Page 11: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/11.jpg)
Soziale Interaktion
![Page 12: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/12.jpg)
Kommunikation
![Page 13: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/13.jpg)
Mitmachen
![Page 14: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/14.jpg)
14
![Page 15: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/15.jpg)
Sie möchten mitdiskutieren?
Formular ausfüllen!
![Page 16: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/16.jpg)
![Page 17: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/17.jpg)
Sie möchten etwas einkaufen?
Formular ausfüllen!
![Page 18: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/18.jpg)
Im Web ist jede Interaktion eine über Formulare vermittelte.
![Page 19: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/19.jpg)
Vor jeder Interaktion steht ein Formular
![Page 20: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/20.jpg)
20
![Page 21: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/21.jpg)
Formulare sind immer im Weg
![Page 22: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/22.jpg)
22
![Page 23: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/23.jpg)
23
![Page 24: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/24.jpg)
Formulare = Unterbrechung
![Page 25: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/25.jpg)
Niemand füllt gerne Formulare aus
![Page 26: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/26.jpg)
26
Niemand füllt gerne Formulare aus
![Page 27: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/27.jpg)
Formulare können Menschen aussperren. Am Mitmachen hindern.
![Page 28: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/28.jpg)
28
Schlechtes Formulardesign erzeugt: > Frust > Abbrüche > Unzugänglichkeit
Schlechtes Formular-Design
Ergebnis: Schlechte Konversionsrate
![Page 29: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/29.jpg)
29
Wie können Formulare besser gestaltet werden?
![Page 30: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/30.jpg)
30
☺☺☺☺
![Page 31: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/31.jpg)
Formulare menschlicher machen durch bessere Kommunikation
![Page 32: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/32.jpg)
32
Formulare sind kein Datenbank-Prozess. Sie sind der Anfang eines Gesprächs.
![Page 33: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/33.jpg)
9 Regeln für gute Gesprächsführung
![Page 34: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/34.jpg)
Regel 1: Sei freundlich & einladend
![Page 35: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/35.jpg)
35
Das Gegenteil von freundlich sieht so aus
![Page 36: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/36.jpg)
36
![Page 37: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/37.jpg)
37
Yahoo macht es gut.
![Page 38: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/38.jpg)
38
![Page 39: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/39.jpg)
Regel 2: Drück dich verständlich aus
![Page 40: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/40.jpg)
40
Sprich nicht datenbank - sprich eine verständliche, alltägliche Sprache.
Sprich verständlich
![Page 41: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/41.jpg)
41
![Page 42: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/42.jpg)
42
![Page 43: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/43.jpg)
Code-Exkurs: HTML-Formulare
![Page 44: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/44.jpg)
44
Die Grundlagen Label / input
Exkurs: HTML Formulare
![Page 45: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/45.jpg)
45
<label for=„beschriftung“>Beschriftung </label > <input id=„beschriftung“ type=„text“ /> <input type=„submit“ value=„Senden“ />
![Page 46: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/46.jpg)
Regel 3: Sei zurückhaltend
![Page 47: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/47.jpg)
47
> Frag nur so viel wie nötig.
> Wird die Information wirklich benötigt?
> Kann die Information nicht automatisch abgefragt werden?
> Reicht es die Informationen später zu erhalten?
Sei zurückhaltend
![Page 48: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/48.jpg)
48
Ziel: So schnell wie möglich die Anmeldung hinter sich bringen.
Sei zurückhaltend
![Page 49: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/49.jpg)
Regel 4: Gib Feedback
![Page 50: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/50.jpg)
50
Ein Reload allein ist kein Feedback
Gib Feedback
![Page 51: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/51.jpg)
51
![Page 52: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/52.jpg)
52
![Page 53: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/53.jpg)
53
![Page 54: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/54.jpg)
Regel 5: Sei hilfsbereit, wenn etwas schief gelaufen ist.
![Page 55: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/55.jpg)
55
Bad Practice
Sei hilfsbereit
![Page 56: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/56.jpg)
56
![Page 57: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/57.jpg)
57
![Page 58: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/58.jpg)
58
![Page 59: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/59.jpg)
59
![Page 60: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/60.jpg)
60
![Page 61: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/61.jpg)
61
![Page 62: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/62.jpg)
62
![Page 63: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/63.jpg)
63
Better Practice
Sei hilfsbereit
![Page 64: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/64.jpg)
64
![Page 65: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/65.jpg)
65
![Page 66: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/66.jpg)
66
![Page 67: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/67.jpg)
67
![Page 68: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/68.jpg)
68
Menschlich und hilfsbereit
Freundlich helfen
![Page 69: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/69.jpg)
69
![Page 70: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/70.jpg)
70
Worauf es ankommt: Die ideale Fehlermeldung
Sei hilfsbereit
![Page 71: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/71.jpg)
71
Im Fenstertitel bereits auf Fehler aufmerksam machen
![Page 72: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/72.jpg)
72
Mit der Überschrift auf das Problem hinweisen.
![Page 73: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/73.jpg)
73
Fehler auflisten
![Page 74: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/74.jpg)
74
Formularfelder markieren: Nicht allein durch Farbe
![Page 75: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/75.jpg)
Regel 6: Vermeide Fehler im Vorhinein
![Page 76: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/76.jpg)
76
Bereits während der Eingabe höflich auf Fehler hinweisen.
Inline Validierung
![Page 77: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/77.jpg)
77
![Page 78: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/78.jpg)
78
https://www.test.de/meintest/registrierung/anmelden/
![Page 79: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/79.jpg)
79
Besonders nützlich auch für Screenreader-Nutzer
Inline Validierung
![Page 80: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/80.jpg)
80
![Page 81: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/81.jpg)
Code-Exkurs: WAI-ARIA
![Page 82: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/82.jpg)
82
WAI-ARIA = Accessible Rich Internet Applications
> Aria machen dynamische Inhalte und komplexe Applikationen für Screenreader nutzbar
> HTML-Erweiterungen, die Funktionen, Beziehungen, Zustände und Rollen von Elementen kommunizieren
Exkurs: WAI-ARIA
![Page 83: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/83.jpg)
83
<label for=„passwort“>Passwort</label> <input id=„passwort“ aria-required=„true“ > <label for=„passwort“ role=„alert“>Die beiden Passwörter stimmen nicht überein </label>
<ul id="nav" role="navigation">
![Page 84: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/84.jpg)
Regel 7: Drück dich eindeutig aus.
![Page 85: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/85.jpg)
85
2 Alternativen sind nicht eindeutig
Drück dich eindeutig aus
![Page 86: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/86.jpg)
86
![Page 87: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/87.jpg)
87
![Page 88: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/88.jpg)
88
![Page 89: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/89.jpg)
89
Die primäre Aktion, der nächste Schritt sollte eindeutig sein.
Drück dich eindeutig aus
![Page 90: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/90.jpg)
90
Zeig Nutzern klar den Weg.
Drück dich eindeutig aus
![Page 91: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/91.jpg)
91
Nicht alles ist gleich wichtig.
Drück dich eindeutig aus
![Page 92: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/92.jpg)
92
![Page 93: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/93.jpg)
93
![Page 94: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/94.jpg)
94
![Page 95: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/95.jpg)
95
![Page 96: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/96.jpg)
Regel 7: Denk mit
![Page 97: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/97.jpg)
97
Inline-Tips und Overlays unterstützen die Nutzer, wenn sie gebraucht werden.
Denk mit
![Page 98: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/98.jpg)
98
![Page 99: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/99.jpg)
99
![Page 100: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/100.jpg)
100
![Page 101: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/101.jpg)
101
![Page 102: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/102.jpg)
102
![Page 103: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/103.jpg)
103
![Page 104: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/104.jpg)
104
![Page 105: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/105.jpg)
105
![Page 106: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/106.jpg)
106
![Page 107: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/107.jpg)
107
![Page 108: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/108.jpg)
108
![Page 109: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/109.jpg)
Regel 8: Mach das Gespräch abwechslungsreich
![Page 110: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/110.jpg)
110
Formular ausfüllen ist langweilig. Menschen fühlen sich bevormundet.
Abwechslungsreich / geistreich
![Page 111: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/111.jpg)
111
Schieberegler oftmals bringen die Nutzer schneller an Ziel.
Abwechslungsreich / geistreich
![Page 112: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/112.jpg)
112
Nutzer erhalten ein Gefühl von Selbstbestimmtheit.
Abwechslungsreich / geistreich
![Page 113: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/113.jpg)
113
![Page 114: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/114.jpg)
114
![Page 115: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/115.jpg)
115
![Page 116: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/116.jpg)
116
![Page 117: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/117.jpg)
117
http://www.siemens-kaffee.de/content/de/kaffee-kultur/kaffee-konfigurator.html
![Page 118: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/118.jpg)
118
![Page 119: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/119.jpg)
119
Menschlich und informativ
Mach das Gespräch abwechslungsreich
![Page 120: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/120.jpg)
120
![Page 121: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/121.jpg)
Regel 9: Nimm dich zurück
![Page 122: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/122.jpg)
„Sign-up forms must die!“ Luke Wroblewski
![Page 123: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/123.jpg)
123
1: Schritt sollte nicht sein: Registrierungsformular ausfüllen.
Nimm dich zurück
![Page 124: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/124.jpg)
124
Lass die Nutzer erstmal den Dienst nutzen.
Nimm dich zurück
![Page 125: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/125.jpg)
125
Mache ihnen die Vorteile der Registrierung während der Benutzung klar.
Nimm dich zurück
![Page 126: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/126.jpg)
126
Erfasse notwendige Daten nebenbei.
Nimm dich zurück
![Page 127: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/127.jpg)
127
Registrierung erst dann, wenn es notwendig ist
Nimm dich zurück
![Page 128: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/128.jpg)
128
![Page 129: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/129.jpg)
129
![Page 130: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/130.jpg)
130
![Page 131: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/131.jpg)
weniger Formulare = weniger Barrieren
![Page 132: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/132.jpg)
132
Erhöhung der Konversionsrate.
Nimm dich zurück
![Page 133: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/133.jpg)
133
Zufriedene Nutzer & zufriedene Websitebetreiber
Nimm dich zurück
![Page 134: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/134.jpg)
Fazit
![Page 135: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/135.jpg)
135
Gutes Formular-Design erhöht den Absatz und bringt Menschen zusammen.
Fazit
![Page 136: Mitmachbarrieren im Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051514/549c94cbb4795991318b47ed/html5/thumbnails/136.jpg)
136
Fragen?
Vielen Dank für Ihre Aufmerksamkeit.