User interface patterns and conventions can, and should, be broken, provided one criterion is met: the new solution is better at its task than the one it replaces.

Das Problem bei Patterns besteht darin, dass sie mit der Zeit u.U. etwas unflexibel machen. Hier können z.B. auch Antipatterns für Abhilfe sorgen.

Die Flut der herkömmlichen Webdesign-Showcases wird mir in letzter Zeit auch etwas zu viel – Masse. Zu wenig elegante Lösungsansätze spezieller Problemstellungen im Webdesign. Deshalb finde ich mittlerweile die Sammlung von Bestpractices, mit dem Fokus auf bestimmte Elemente, besser.

Drei Beispiele für Pattern-Showcases , auf die ich in letzter Zeit aufmerksam wurde.

Am meisten konnte ich mich bisher mit design|snips anfreunden. Trotz dem Blick für’s Detail, wird hier auch sonst besonders Wert auf ein ansprechendes Gesamtbild gelegt.

Eine persönliche Website. Nick Finck begrüßt seine Besucher sehr authentisch. Nach zwei Minuten weiß man, wer er ist, was er macht, welche Themen einen erwarten und wo man ihn findet.

Der Bithalter heute mit sieben kommentierten Links.

• Einführung in WAI ARIA (dt. Übersetzung)
• Was vom Web 2.0 übrig geblieben ist: Das Web 2.0 auf dem Weg zum Web 3.0, jenseits der Geeks und Nerds.
• Machen Patterns unflexibel? Welche Vor- und Nachteile bieten sie? Damit beschäftigt sich der Artikel “Thinking in patterns“
• Einfach ist nicht einfach: 7 Interface Design Techniques to Simplify and De-clutter Your Interfaces
• Graceful degradation versus progressive enhancement: Der kleine aber feine Unterschied
• Typografie ist ein wesentlicher Erfolgsfaktor in Design und Usability: 12 CSS Tools and Tutorials for Beautiful Web Typography
• Object Oriented CSS: Raus aus der Performance- und Effizienzfalle

Wir alle lieben Muster (Patterns), die uns als Orientierung dienen. An guten (Design-) Mustern hangelt es sich besonders bequem entlang. Patterns sind auch in der Webentwicklung eine gute Hilfe. Immer wieder liest man über diese, solche und noch mehr Muster für dies und das.

Peter Hornsby beschreibt auf UXmatters den, nicht ganz so geläufigen, umgekehrten Ansatz. Er erläutert die Antipatterns an Hand griffiger Beispiele.

Patterns machen vielleicht auch etwas unflexibel

So bequem es ist und so sicher man sich mit bekannten und etablierten Designmustern fühlt, so unflexibel droht man auf die Dauer zu werden. “Nur so. So funktioniert das auf jeden Fall”.

Abhilfe durch Antipatterns

Genau hier können die Antipatterns helfen. Sie zeigen die möglichen Stolpersteine und Fehlerquellen auf. Mit dem Ziel, daraus resultierende Fehler zu vermeiden, um auf der anderen Seite aber weiter kreativ und flexibel bleiben zu können. Ein erweitertes aus Fehlern lernen. Typische Probleme strukturiert im Keim ersticken.

Außerdem kann man es so, den weniger fachkundigen Personen beibringen, auf bestimmte Features zu verzichten. In dem man ihnen die negativen Folgen, eines nicht zielführenden Einsatzes bestimmter Features oder Designelemente, vor Augen führt. Das kann zur Einsicht führen, dass weniger eben oft viel mehr ist.

Beispiele für Antipatterns

An Hand zweier Beispiele – besser zwei Klassiker – erklärt Peter das Prinzip der Antipatterns.

• Click Here
• Shiny Thing

Oder auch bekannt als die beiden Klickibuntis.

Jedes Antipattern hat eine Reihe von Attributen, die es beschreiben und erklären. Wie z.B.: Name, typischer Ort des Auftretens, Ursachen, Gründe für das Auftreten, Hintergründe, Symptome, Konsequenzen, Ausnahmen, etc.

Diese Attribute sind nicht festgenagelt und lassen sich auch individuell kreieren. So kann man mit der Zeit eine kleine handliche Bibliothek von Antipatterns entwickeln.

Antipatterns als Ergänzung?

Mir war dieser so systematisch vollzogene Antipattern-Ansatz bisher unbekannt. Er ist aber eigentlich ganz interessant. Kombiniert mit “herkömmlichen” Patterns, können Antipatterns eine Bereicherung für Kreativität, Flexibilität und Qualität von Nutzeroberflächen bilden.

Ausführlicher Originalartikel: Antipatterns. Foto Original bei flickr: Antipattern.