Oft wird übertrieben und so müssen auch die einfachsten Elemente, z.B. bei Formularen, krampfhaft umgestaltet werden, nur damit sie schöner werden – und der ein oder andere sich besser fühlt. Und gerade in diesem konkreten Punkt verbirgt sich eine große Gefahr.

Das gute alte Usability-Gespenst. Ich weiß, Usability kann auch hässlich sein. Aber ganz oft macht sie den Besuch einer Website und die Erledigung von Aufgaben gerade schön(er).

Eine Checkbox ist eine Checkbox und die Nutzer erwarten eben, dass sich bestimmte Elemente nie verkleiden. Gerade dann, wenn es um Interaktionselemente geht. Deren Funktion und Aussehen sind über Generationen und Unmengen von Webseiten hinweg gelernt und wecken Erwartungen. Auch die Betriebssystem spezifische Darstellung im Browser spielt eine Rolle. Der Mensch ist ein Gewohnheitstier. Das gilt v.a. für Checkboxen, Radiobuttons oder Selectboxen.

Die übermäßige Um- und von mir aus auch Schönergestaltung liefert in vielen – wahrscheinlich den meisten – Fällen nur wenig bis gar keinen Mehrwert. Im Gegenteil riskiere ich Probleme bei der Nutzung. In der Folge erhöhte Abbruchquoten und andere (kostspielige) Konsequenzen.

Ein Gedicht

Ein Bleistift hat mich vergewaltigt,
Hat meine Züge vergestaltigt
Und hinterlistig auf ein Blatt
Papier gebracht.
Ich muß gesteh’n, der Bleistift hat
An sich die Sache gut gemacht.
Aus Der „Gezeichnete“

Gute Gestaltung von Webseiten und Formularen

Natürlich soll gestaltet werden und den Besuchern einer Webseite auch optisch etwas geboten werden. Gute Designer wissen das auch und verlieren sich nicht in gestalterischen Details, ohne den Fokus zu verlieren. Webseiten und deren Nutzer haben Ziele. Diese sollten auch im Designprozess schon bekannt und als Umgebungsvariablen berücksichtigt werden.

Besser und fokussierter gestalten

• Learn About Design, Not Making Things Pretty
• Utility vs. Beauty
• Eye Candy vs. Bare-Bones in UI Design
• The Myth of Beautiful Web Design
• Can Experience be Designed?
• Realism in UI Design
• Decoupling Usability and Visuals

Erkenntnisse leben dadurch weiter, bleiben nicht unter vielen Worten verschüttet.

Vielleicht auch, weil sich das WLAN rar machte, fiel mir diese Methode besonders ins Auge. Graphic Recording. Hier z.B. zum Vortrag “MakerBot – The Robot That Sharing Built” (makerbot.com) im Rahmen der re:publica 2010.

Anna Lena Schiller macht das besonders gut. Eine imho mehr als interessante Alternative zu oft unüberischtlichen und wenig einprägsamen Meeting-Protokollen.

Der Internet Exblöder Nr. 9 wirft seine Schatten voraus. Die Fachkreise drehen und diskutieren. So auch Peter: Der Internet Explorer 9 – Politik und HTML5.

Warum es auch ein Problem sein kann, zu gut auszusehen – oder auch nicht: Web Design: Sexy versus Conservative.

8 Common CSS Mistakes and How to Fix Them darüber, wie man die gängigen Probleme beim CSSen in den Griff bekommen kann. Und am Anfang stand das Wort bzw. die Dokumentation und das Studium der Regeln.

Interne Kunden sind oftmals sowas wie kleine externe Kunden. Und entsprechend schwer kann es sein, diesen was zu verkaufen. Userexperience (UX) steht da mit ganz weit oben. Tipps zur Verkaufsförderung: Selling UX to Small Business.

Das Leid mit den Editoren: The Tragic Comedy that is Rich Text Editing on the Web

Eine knappe Zusammenfassung dazu und erste Kommentare gibt es im Fontblog: Große Unternehmensbefragung zum Thema Design.

Die Frage nach dem „Mehrwert der Schönheit“ ist wohl auch philosophischer Natur ;-)

How many popular websites out there can you think of that truly display award-winning design?

In einem der Kommentare zum Artikel offenbart sich ein gängiges Missverständnis.

But also, a problem I see is that what might be good design in our eyes as designers may not necessarily be good for their audience.

Gutes Design muss beides bieten. Nur gut aussehen reicht nicht. Design kann erst dann gut sein, wenn ästhetische Kriterien genauso erfüllt sind, wie die der Zielgruppe bzw. die Business-Anforderungen. Deswegen können Produkte und Websites, die nicht gut aussehen, sehr erfolgreich sein. Wobei hier viele dann anführen werden, dass bereits sehr erfolgreiche Produkte noch erfolgreicher wären, sähen sie noch besser aus. Der Nachweis müsste noch geführt werden. Und Design ist eben nüchtern betrachtet nur eine unter vielen Produkteigenschaften.

Außer Frage steht für mich allerdings auch, dass gutes Design seinen Preis hat. Ein Logo für $ 99,- wird dem wohl kaum gerecht und/oder ist sittenwidrig.

Liechteneckers Relaunch hat mir gut gefallen. V.a. Farben, Kontraste und Illustrationen.

Der erste Bithalter 2010 und gleich vier mal ‘Schland am Start.

• Individuelle Layouts für unterschiedliche Artikel haben ihren Reiz. Das Agenturblog teilt seine Gedanken zum neuen Blogdesign-Ansatz in einem Artikel: Die ganz große Bühne
• Über den Umgang mit dem Validator: Der Quellcode gehört nur zur Aufgabe, nicht zur Lösung
• Nicht nur die Vorlieben von Suchmaschinen sollten Grund für kurze Ladezeiten sein. Ein paar Gedanken dazu und Tool-Tipps bei ux-zentrisch: Über Umwege zu schnellen Websites
• Auch wenn CSS3 noch ein Weilchen braucht, gibt es keinen Grund für Stillstand. Grundgedanke Progressive Enhancement: Die Zeit ist gekommen
• Der neue King heißt Context. The C Word: How context can inform our design process

Der Schuss kann auch nach hinten losgehen.

Im Webdesigner Depot beschäftigt sich ein Artikel ausführlicher mit dem Minimalismus im Webdesign: When Minimalism Backfires: When Too Little Is Not Enough

Man muss es wohl eher als eine Stilfrage verstehen.

Simplifying a website is one thing, but minimalism on its own is just a style. It is a style just as grunge, illustrated and sleek Web 2.0 are styles.Aus When Minimalism Backfires: When Too Little Is Not Enough

Was für uns Webdesigner edel und gelungen ist, wirkt auf einen Otto Normalsurfer mitunter farb- und freudlos. Das ist die Realität. Und so spielt auch bei der Entscheidung für einen minimalistischen Ansatz der Kontext eine ganz wesentliche Rolle. Dabei v.a.

• Zielgruppe(n)
• Ambiente bzw. Stimmung

Ich denke, man sollte Minimalismus auch nicht mit Einfachheit (Simplicity) verwechseln. Denn auch ein komplexes Webdesign kann eine gewisse Einfachheit aufweisen. Zumindest kann bzw. muss es unter gegebenen Umständen und Anforderungen das Ziel sein, das Oberflächendesign so einfach wie möglich zu gestalten.

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.

So it comes as no suprise when the general attitude of stakeholders these days is one of a shopper saying: ‘One McUser Experience with usability fries please.’Kem Kramer, Is UX becoming a commodity?

Manchmal habe ich daher den Eindruck, dass UX gerne mit Spaß (an einer Website) gleichgesetzt wird. Gute Userexperience macht Produkte sexy. Ich denke, dass es nicht ganz so einfach ist.

Spaß und Freude sind im Umgang mit einer Website sehr wichtig. Keine Frage. Das nennt man auch gerne Joy of Use. Joy of Use ist allerdings nur ein Aspekt von UX. Die Nutzererfahrung lässt sich z.B. durch sechs Adjektive gut beschreiben:

• auffindbar
• zugänglich
• benutzbar
• nützlich
• schön/begehrenswert
• zuverlässig

Joy of Use kann erst dann eintreten, wenn Vorbedingungen erfüllt sind. Hier sind v.a. die Auffindbarkeit und die Zugänglichkeit gemeint. Danach entscheidet sich, ob eine Sache darüber hinaus gut benutzbar ist.

Gute Benutzbarkeit, Nützlichkeit und Schönheit sorgen dann für den Spaß an der Sache.

UX lässt sich imho nicht genau abgrenzen und klar definieren. Sie lässt sich wohl aber umschreiben. Einige Ansätze dazu habe ich mal gesammelt: Was ist also Userexperience (UX)?

Etwas buntes zum Start in die kalte Jahreszeit. Die Website der Agentur Flourish aus Florida.

Die Praxislinks mit dem Schwerpunkt Usability und Gestaltung.

• Gute Gestaltung von Software-Bedienoberflächen
• Eine Referenz zu HTML und CSS kann jetzt online gelesen werden: Little Boxes 1 online
• Es gibt keinen “Fold”: The myth of the page fold
• Nutzer und ihre Anforderungen besser verstehen: How to Understand Your Users with Personas
• Ob man’s glaubt oder nicht. Marketing und Design sind nicht ganz überflüssig: Branding and Marketing Essentials for Your Web App
• Ausführlicher Blick auf die Zukunft von HTML: An introduction to HTML5
• Search Engine Optimization Is Part of Good Web Design. Besser gesagt: Saubere Webentwicklung legt viele Grundlagen für bessere Auffindbarkeit