Sascha Postner macht Jagd auf Kommunikation, Webstandards und Public Relations

In einer Weihnachts- und einer Silvesterfolge haben Sylvia Egger, Daniel Jagszent und ich uns dem Thema Formulare angenommen. Während es in der ersten Folge um den Entwurf eines Web-Formulars ging, haben wir in der zweiten Folge Gedanken zur Barrierefreiheit, HTML5 und WAI-ARIA ausgetauscht.

Schwerpunkt der ersten Sendung waren vor allem drei Bücher, die uns in den vergangenen Monaten auf unsere Schreibtische geflattert sind: Web Form Design (Luke Wroblewski), Forms that work (Jarrett und Gaffney) und Fancy Form Design (Featherstone, Connell und Bolton).

Die Sendung 2 zum Thema Barrierefreiheit von Formularen gewinnt besonders durch die gute Vorbereitung von Sylvia Egger, die uns einen Überblick über spezielle Möglichkeiten von HTML 5 und WAI-ARIA zum Thema Formulare gab. Das ganze wurde gewürzt durch einige akustische Screenreader-Beispiele aus JAWS und NVDA.

Popularity: 43% [?]

Auf Empfehlung von Sylvia Egger fand die letzte Woche das Buch “Forms that Work” von Caroline Jarrett und Gerry Gaffney (ISBN: 1558607102 | 23,95 €) den Weg auf meinen Nachttisch. Wie dem Untertitel “Designing Web Forms for Usability” zu entnehmen ist, geht es um die professionelle Gestaltung von Webformularen.

Die Autoren legen viel Wert darauf, dass es in diesem Buch nicht um die technische Umsetzung der Ratschläge geht. Viel mehr gilt es ein Gefühl für die Usability Probleme der User zu gewinnen und die Bedeutung von Usability Tests zu begreifen.
Darüber hinaus werden aber auch praktische Guidelines und Fallstricke beschrieben. Jarret und Gaffney orientieren sich hier an den drei Grundpfeilern von Formularen: Der Beziehung zum User, der Interaktion und der Optik.

Vorschusslorbeeren erhielt das Buch für mich bereits durch das Vorwort von Steve Krug. Und ähnlich wie sein gar nicht oft genug gelobtes Werk “Don’t make me think” ließt sich auch dieses Buch locker innerhalb eines Nachmittags und wirkt durch die vielen Illustrationen, Screenshots und Karikaturen sehr kurzweilig. Es macht einfach Spaß die Fallbeispiele (von teilweise namhaften Webseiten) durchzugehen und sich die Verbesserungen von Jarrett und Gaffney zu erarbeiten. Hier kommt durch gedankenanregende Fragen auch der Leser ins Spiel.

Nachdem das Buch über mehrere Kapitel zeigt worauf es beispielsweise ankommt wenn persönliche, sensible Daten abgefragt werden, wie Pflichtfelder sinnvoll ausgezeichnet werden sollten und wie man Fragen so stellt, dass diese einfach zu beantworten sind, wird abschließend noch auf den Bereich Usability Tests eingegangen. Sinnvoll ergänzt wird das Buch dann an dessen Ende durch eine ausführliche Literaturliste mit Lesetipps rund um den Bereich Formulare und Usability.

Als Fazit mag der “Blurb” von Jakob Nielsen dienen.

“The humble form: it may seem boring, but most of your website’s value passes through forms. Follow Jarrett & Gaffney’s guidelines, and you’ll probably double your online profits.” – Jakob Nielsen, Principal, Nielsen Norman Group

Ich schätze Jakobs Expertiese und kann mich dieser Meinung nur vollständig anschließen. Wer die Conversion seiner Formulare steigen möchte oder einfach nur vermeiden will, dass User beim Ausfüllen der eigenen Formulare oft frustriert abbrechen sollte bei diesem Buch zuschlagen!

Links zum Artikel

“Forms that Work” bei Amazon
Die Webseite zum Buch.

Popularity: 90% [?]

Bald ist es wieder soweit. Webstandarleros überall auf der Welt werden wieder die CSS-Hosen runter lassen und das reine Markup ihrer Webseiten präsentieren.Diesmal nimmt auch postner.de teil an dieser Aktion mit dem Namen: “Naked Day“.

Dieser Web-Event findet bereits seit 2006 im globalen Netz statt. Immer am 9. April schalten interessierte Webmaster ihre CSS-Regeln ab und präsentieren den rein semantischen HTML-Fließtext. Um die Zeitverschiebungen weltweit zu berücksichtigen fehlen daher für 48 Stunden alle CSS-Gestaltungsmerkmale auf den teilnehmenden Webseiten.

Mittlerweile erfreut sich der Naked Day durchaus einer großen Beliebtheit, so dass es mittlerweile auch etliche Tools gibt, die die Abschaltung und Reaktivierung der CSS-Dateien automatisiert löst (Links auf der Projektseite).

Das Ganze  versteht sich als Hinweis auf die Wichtigkeit der Einhaltung von Web-Standards, von validen Seitenquelltexten und einer sinnvollen und lesbaren Struktur und Hierarchie des Codes.

Wer will kann sich auf der Webseite zum Naked Day anmelden. Vielleicht ein gute Gelegenheit sein Markup mal aufzuräumen und Frühjahrsputz im Quelltext zu machen. Sicherlich ist mir das für postner.de nicht 100%ig gelungen; einige Umstellungen in der Semantik und in der Reihenfolge wären zwar machbar, aber zu aufwendig für ein Hobbyprojekt. Im Großen und Ganzen ist der HTML-Code dieser Seite aber gut auf den 9. April vorbereitet!

Popularity: 65% [?]

CSS-Sprites haben längst einen wohlverdienten Platz in dem Werkzeugkoffer eines professionellen Webdesigners erhalten. Höchste Zeit also, dass Technikwürze sich ihrer in einer total-Sendung annimmt. Daniel Jagszent und ich erklären, was sie sind, wozu sie verwendet werden und was man bei ihrer Verwendung beachten sollte. Hört doch einfach mal rein

Popularity: 66% [?]

Vergangene Woche ging wieder eine Technikwürze Folge online, die erste im Jahr 2009. Dieses mal habe ich zusammen mit Sylvia Egger die Web Developer Toolbar für den Firefox (und Co) auseinander genommen. Vor allem um mal zu schauen, was man damit alles in Bezug auf Zugänglichkeitstests anstellen kann. Hört doch mal rein. (Sylvia hat dazu übrigens auch ein schönes Adventskalendertürchen bei den Webkrauts erstellt.)

Popularity: 51% [?]