Vortrag auf der IA Konferenz 2009 in Hamburg; Denis Wildschütz, Oliver Wahler
Oft unterschätzt, aber selten wirklich gut: Formulare sind die „heimlichen Helden“ einer Website. Ohne sie läuft nichts. Wir werfen einen Blick auf bewährte Patterns und aktuelle Entwicklungen im Design von Webformularen und zeigen Beispiele für Do’s und Dont’s, die sich leicht auf die eigene Arbeit übertragen lassen.
Digitales Kauferlebnis – wie Kunden heute und in Zukunft einkaufen | .dotkomm...AT Internet
eCommerce vs. stationärer Vertrieb – wer gewinnt, wer verliert
Konzepte und technologische Bausteine für die Online-Shops und Websites von morgen
Strategien und Praxisberichte für die digitale Transformation des stationären Vertriebs
Multikanal, Omnikanal & Co. – Synchronisierung von Touchpoints & Vertriebskanälen
Digitales Kauferlebnis – wie Kunden heute und in Zukunft einkaufen | .dotkomm...AT Internet
eCommerce vs. stationärer Vertrieb – wer gewinnt, wer verliert
Konzepte und technologische Bausteine für die Online-Shops und Websites von morgen
Strategien und Praxisberichte für die digitale Transformation des stationären Vertriebs
Multikanal, Omnikanal & Co. – Synchronisierung von Touchpoints & Vertriebskanälen
Bassier, Bergmann & Kindler "Dont Make Me Think About The Warenkorb" Best Practices im Design von (eCommerce-)Formularen
1. IA Konferenz 2009
Don’t make me think about the Warenkorb
Best Practices im Design von (eCommerce-)Formularen
1
2. Das sind wir …
Hallo!
Denis Wildschütz und Oliver Wahler,
Konzepter bei BB&K.
2
3. … und das ist unsere Agentur
Bassier, Bergmann & Kindler
Thomas Kindler und Michael Bassier,
die geschäftsführenden Gesellschafter
und Gründer von BB&K.
3
4. Wo ist eigentlich das Problem?
Die Bedeutung von Warenkorb und Checkout
100%
Startseite
-34%
Kategorieseite
-24%
Produktseite
-33%
Warenkorb Durchschnittliche
Conversion:
-6%
Checkout
3%
-3%
4
5. Wo ist eigentlich das Problem?
Wissen wollen und wissen preisgeben
Ich brauch‘ die Ich will das aber
Info von dir. lieber für mich
behalten.
5
6. Wo ist eigentlich das Problem?
Das echte Leben
Flickr.com: Alaskan Dude
6
7. Wo ist eigentlich das Problem?
Der Idealfall
Bestellbestätigung
Warenkorb
Produktseite
Klick
Klick
7
8. Wo ist eigentlich das Problem?
Die Realität
Bestellbestätigung
Check-Out
Warenkorb
Produktseite
Einge-
ben
Klick
Klick
8
30. Komplexität
Fehlermeldungen – aber in gut.
+ Sprechen Sie
Klartext. Kein
Kauderwelsch,
bitte.
+ Fehlermeldungen
schreiben, die
helfen anstatt zu
beleidigen.
+ Deutliche visuelle
Sprache („Double
Emphasis“).
30
31. Komplexität
Noch besser: Inline Validation
+ Richtiges Format,
z.B. bei E-Mail-
Adressen?
+ Wie sicher ist mein
Passwort?
+ Username noch
verfügbar?
+ Maximale
Zeichenanzahl in
Echtzeit anzeigen
+ Autocomplete, z.B.
Google Suggest
31
49. Literatur
Lesen Sie das:
Luke Wroblewski: Robert Hoekman: Caroline Jarrett, Gerry Gaffney:
Web Form Design Designing The Obvious Forms That Work
49
50. Vielen Dank.
Bassier, Bergmann & Kindler
Digital Sales and Brand Specialists GmbH
Milastr. 2 Rheinlandstr. 11 Essener Str. 5
10437 Berlin 71636 Ludwigsburg 46047 Oberhausen
Germany Germany Germany
T +49 (0)30 / 47 37 269 - 0 T +49 (0)7141 / 64 386 - 0 T +49 (0)208 / 85 05 89 - 0
F +49 (0)30 / 47 37 269 - 99 F +49 (0)7141 / 64 386 - 66 F +49 (0)208 / 85 05 89 - 9
▌visit www.bb-k.com
50
51. Alle Angaben basieren auf dem derzeitigen Kenntnisstand. Änderungen vorbehalten.
Dieses Dokument der Bassier, Bergmann & Kindler, Digital Sales and Brand Specialists GmbH
ist ausschließlich für den Adressaten bzw. Auftraggeber bestimmt. Es bleibt bis zur einer
ausdrücklichen Übertragung von Nutzungsrechten Eigentum der Agentur.
Jede Bearbeitung, Verwertung, Vervielfältigung und/oder gewerbsmäßige Verbreitung des
Werkes ist nur mit Einverständnis der Agentur zulässig.
All content is based on the current state of communication. Subject to change.
This document of Bassier, Bergmann & Kindler, Digital Sales and Brand Specialists GmbH is
only intended for the client. It belongs to the agency until its explicit transfer of usage rights.
Any adaptation, utilization, copy and/or professional spreading has to be approved by the agency.
51