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.

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.

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!

Da zeichnet sich IMHO ein neuer Browserkrieg ab, in dem dann vor allem vier “Big Player” versuchen werden den Kuchen aufzuteilen. Wie schwer es allerdings für Google werden dürfte den eigenen Browser unter das Volk zu bringen zeigen ja die Zahlen des Firefox-Browsers, der immerhin den Markt wieder etwas in Schwung gebracht hat. Wie schnell Safari von Apple hier zum Achtungserfolg des Mozilla-Projekts aufgeschlossen hat (immerhin derzeit bereits runde 6.4% Marktanteil) und die relative Stagnation des Feuerfuchses zeigen, dass ein eigenes OS als gute Vermarktungskanal durchaus wichtig ist.

Da einige neue Funktionen des Platzhirsches “Internet Explorer” durchaus der Google-Politik “Daten sammeln was das Zeug hält” entgegenwirken, wie z.B. InPrivate Browsing und vor allem InPrivateBlocking (höre den Podcast für mehr Infos), erscheint diese Kampfansage heute wie eine Verteidigung des Werbe-Geschäftsmodells und der Siteübergreifenden Datensammlung ala Google-Analytics und WebSense.

Wie auch immer diese Grabenkämpfe weitergehen, die Hinwendung von Microsoft zu Webstandards und die guten Entwicklungen des Internet Explorers zeigen wohin die Reise derzeit geht. Webstandards, Individualisierung, Sicherheit und Usability. Wenn sich da alle Hersteller dran halten, kann ein solcher Browserkrieg 2.0 letztlich vor allem dem Anwender nützen. Schade wäre es nur, wenn im Kugelhagel zwischen Google, Microsoft und Apple vielversprechende Projekte wie der Firefox- oder Opera-Browser auf der Strecke blieben!

Auch mir gefällt das neue Design nicht sonderlich. Mal abgesehen davon, dass sich über Geschmack sicherlich streiten läßt, hätte den Webmastern und -designern des Heise Verlags sicherlich klar sein sollen, dass ein solches Layout auf harsche Kritik stößt. Es ist selbstverständlich, dass auch ein Haus wie der Hamburger Verlag Heise auf seine Werbekunden achten muss und daher gelegentlich das (zugegebenermaßen) recht altbackene Design seiner Webseite, optimiert auf Werbung und Placement, erneuern will. Wendet man sich aber ausgerechnet an ein Publikum, dass ja durchaus zu einem großen Teil auch aus Webdesignern und Usability-Experten besteht, dann darf man auch damit rechnen mit kritischen und (größtenteils) konstruktiven Anregungen und Kommentaren überhäuft zu werden.

Gerade von Heise hätte ich an dieser Stelle zugetraut die Ohren aufzusperren und die Rufe der Community zu vernehmen. Bisher ist allerdings ausser einer Zentrierung des Layouts, über deren Vorzüge oder Nachteile man auch vorzüglich streiten kann, nicht viel passiert.

Ob sich daran noch mal was ändert ist vorerst unklar. Wer aber ähnlich wie ich keine Lust auf das neue Design hat, der kann zum Firefox-Plugin “Stylish” greifen (funktioniert in FF 2 und 3). Mit dieser netten Browsererweiterung lassen sich benutzereigene Styles auf eine angezeigte Webseite anwenden und so das Look and Feel der Homepage vollständig verändern (siehe Bild).

Das ganze ist ziemlich einfach. Zunächst das Firefox Addon “Stylish” herunterladen und natürlich auch installieren. Dann auf die passende userstyles-Seite gehen und sich das “Heise ‘08 – Retro, without Schnickschnack”-Design herunterladen. Dabei müsst ihr übrigens Javascript aktiviert haben. In Zukunft wird euch die heise.de-Seite mit schlichter, beinahe gewohnter Optik begrüßen.

Mal abgesehen davon, dass ich nun wieder gerne auf die Links im heise-RSS-Feed klicke (für deren fehlende Zusammenfassung ich wegen der oben erwähnten Werbekunden durchaus Verständnis habe), muss man sich als kommerzieller Webseitenbetreiber die Frage stellen, was eine solche Entwicklung bedeutet. Denn nicht nur Werbung lässt sich so ausblenden. Auch das ganze “schöne” Design kann ruckizucki vom User manipuliert werden. Das bedeutet, nicht nur für Heise sondern für viele Webseitenbetreiber, nicht nur ausbleibende Werbeeinnahmen, sondern zukünftig auch das ein oder andere Problem bei Usability und Branding… zumindest wenn sowas Schule macht und es nicht nur eine Nerd/Geek-Browsererweiterung bleibt.