Sehr zu empfehlen, um schnell etwas mit Mehr(Nähr-)wert zu bekommen. Einfach mal eine Banane schälen und reinbeißen. Quick Win: Kohlenhydrate (von den Guten), Kalium und Ballaststoffe. Mund abwischen.

Content ist King! Unser Mantra. Dass gute Webseiten mehr sind, als nur guter Content, zeigt die Praxis. Content, Informationsarchitektur, Design und Userexperience (inkl. Usability) sind die wichtigsten Pfeiler guter Webseiten. Ausnahmen bestätigen die Regel. Guter Content alleine hat’s oft genauso schwer, wie gelungenes Webdesign gefüllt mit Worthülsen.

Als Beispiel, das für mich stark aus der Reihe tanzt, sei mal die Webseite von Herbert Steffny genannt. Optisch eine Katastrophe. Designmäßig späte 90er. Technisch ein flammendes Inferno. Aber sie überzeugt mich.

Ich bin in diesem Fall natürlich auf die Inhalte – den Content – fixiert. Als passionierter Läufer und gerade in der Vorbereitung auf meinen ersten Marathon, bin ich voreingenommen und höre auf einen bestimmten Lehrer und Trainer, dem ich vertraue.

Jetzt bin ich, was die Qualität der Webseite betrifft, ein besonders kritischer Besucher. Ich selbst konzipiere und mache Webseiten. Und stelle dabei auch und nicht zuletzt an mich sehr hohe Ansprüche. Dennoch kann mich dieses Exemplar (fast) voll und ganz überzeugen.

Ich selbst habe Herbert Steffnys Buch. „Das große Laufbuch“. Ein komplettes Werk mit sehr hilfreichen Tipps und Anleitungen zum Laufen und dem Training im Speziellen. Die Webseite liefert zusätzliche Informationen. Dort werden z.B. Leserfragen ausführlich beantwortet. Quasi als wertvolle, weil weiterführende, Ergänzung zur Buchlektüre.

Erst heute wurde mir bewusst, wie bescheiden die Seite aussieht. Und ohne in den Quelltext zu sehen, weiß ich, welcher Anblick mich dort erwarten würde. Trotzdem würde ich persönlich dieser Seite fast die Höchstwertung geben. Weil sie mir genau das liefert, was ich erwarte. Gute und vom Profi erläuterte Inhalte.

Für mich selbst ist Steffnys Webseite ein Volltreffer. Und gleichzeitig erinnert sie mich durch ihr Äußeres an die ersten Schritte in Sachen Webdesign ;-)

Aber

Herbert Steffny schreibt, wie viele andere Profis auch, kein allgemeines Laufmagazin. Im Wettbewerb stehen verschiedene, und teils gegensätzliche, Philosophien der Experten. Nach eigenen Vorlieben und selbst gemachten Erfahrungen, in Kombination mit der Philosophie des Ratgebers, entscheidet sich der Läufer. Nicht danach, wie ansprechend und mit welchen Features ausgestattet die Webseite zunächst ist. Hier zählt fast ausschließlich, Content is King.

Aber bei Laufmagazinen, -Communities und -Foren gelten verstärkt die ganzen weiteren Faktoren im Webdesign.

P.S.:

Wer selbst gerne läuft und über den ersten Marathon nachdenkt, dem kann ich Steffny nur empfehlen. Er führt sehr behutsam und vernünftig an die 42.195m heran. Andere bevorzugen mehr die “harten Hunde”. Aber ich denke mal, mit Herbert kommt man solide und nicht zwangsläufig langsamer ans Ziel.

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.

Dazu kam es aber trotzdem ;-) Die Diskussion ist – wenn teils auch etwas Pingpong artig geführt – nicht ganz uninteressant. Und offenbart zwischen den Zeilen weitere interessante Aspekte. So z.B. auch den des Einflusses von Redakteuren auf die Barrierefreiheit.

Wenn man aber 10 Redakteure hat, die HTML Code eingeben, wie sie gerade lustig sind, hilft weder das W3C noch ein Validator… ;-)

Stimmt bedingt, wie auch ein folgender Kommentar anmerkt.

Hier könnte einer der zahlreichen zertifizierten Entwickler in Ihrem Haus sicher weiterhelfen und den RTE ordentlich konfigurieren. Das kann schlechten Redakteurscode signifikant mindern.

Stimmt. Aber auch so lassen sich Fehler nie ganz ausschließen. Ein noch so gezielt konfigurierter Editor verhindert nicht alle Fehler. So war es auch bei uns im Fall einer großen Webseite, wo trotz zusätzlicher Schulungen und Guidelines für Redakteure, immer wieder mal Fehler auftraten. Aber auch das ist ganz normal.

Das Zauberwort heißt Qualitätssicherung. Auch eine fertige und zum Startzeitpunkt fehlerfreie Webseite, muss in regelmäßigen Abständen geprüft werden. Nur so lässt sich Qualität halten.

Eine Website ist eben nie fertig. Die Einhaltung von guten Standards und Prozessen ist auch und v.a. im Betrieb essentiell für die Qualität und den Fortbestand einer Webseite.

Also – unabhängig vom Thema Barrierefreiheit – ist es schlicht und ergreifend so: Es gibt keine automatische Hohmpäidsch (Artikel hier im Webzeugkoffer).

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

Die Webkrauts veröffentlichen zum fünften Mal ihren Adventskalender. Im Mittelpunkt stehen wieder Tipps und Tricks im Sinne von Webstandards und mehr Qualität im Web. Jeden Tag öffnet sich ein Türchen in Form eines Artikels.

Jede Menge Webkrauts füllen den Kalender mit Themen über Barrierefreiheit, Print-CSS, Bildbearbeitung oder Projektmanagement. Außerdem stellen wir einige kleinere Tools vor.

Zeile 134 offenbart das Grauen, weil dort jemand ein nicht maskiertes Ampersand entdeckt hat.

Das darf man nicht falsch verstehen. Nils, genauso wie ich, legt allerhöchsten Wert auf sauberen Quellcode und allgemein Top-Qualität im Webdesign. Das oben erwähnte Beispiel ist vielleicht auch etwas extrem. Dennoch ist es gut geeignet, für die Thematik zu sensibilisieren.

Kritik der Kollegen

Kritik von den Kollegen ist immer härter und haben sie auch eher im Detail was auszusetzen, als der Durchschnittskunde. Das ist normal und eigentlich auch gut so. Eben wenn die Kritik konstruktiv vorgetragen ist und die Umstände beachtet werden, die sich ggf. auf ein Endergebnis ausgewirkt haben. Das betrifft oft nur handwerkliche Fehler. Oft Kleinigkeiten, ohne das hier verniedlichen zu wollen.

Ein anderer Aspekt sind die technischen Lösungsansätze und der Einsatz bestimmter Features. Flash ist böse, immer unzugänglich und schlecht für SEO. Javascript ist das Gift für die Barrierefreiheit. Wer sich auskennt, weiß dass dies nicht so sein muss und es Möglichkeiten gibt, bestimmte Problemstellungen so zu lösen, dass sie dann noch allen Ansprüchen (fast) einhundertprozentig gerecht werden. Das ist der handwerkliche Aspekt.

Kunden versteht man nicht immer

Aber der Artikel enthält noch einen anderen wichtigen Aspekt. Gerade bezogen auf Features und Technologien, oft abseits von vordergründiger Technik, Design und Usability. Flash und Javascript u.a. sind nicht immer böse oder out. Oft sind sie die Konsequenz aus bzw. die Antwort auf die vom Kunden geäußerten Anforderungen. Oder werden sie von diesem schlicht und ergreifend gefordert, weil man das gerade so toll findet oder der Konkurrent das genauso macht.

Es gibt also Features, die uns als Webdesigner aufdringlich, unrein oder oldschool erscheinen. Dem durchschnittlichen Nutzern aber nicht. Und das ist der Punkt. Viele finden es schön, wenn’s bunt ist, blinkt usw. Auch kommt man nicht immer – trotz guter fachlicher Gegenargumente – um dynamische Navigationen herum. Auch wenn die Website inhaltlich nur eine Ebene und sechs Unterseitchen umfasst. CI und persönlicher Geschmack des Kunden spielen tatsächlich auch eine Rolle.

Kundenwünsche haben oberste Prio

Und so muss man sich eben den Kundenwünschen mal fügen und schlicht und ergreifend das umsetzen und liefern, was sie von uns erwarten. Kunden sind zunächst wichtiger, als die Kollegen. Die Angst vor Kollegenschelte im Nacken ist kein guter Berater. Das spricht uns aber nicht frei davon, zu versuchen, die Kunden von Fall zu Fall in eine andere Richtung zu beraten, oder Alternativen aufzuzeigen. Gerade in einem solchen professionellen Verhalten, gepaart mit einwandfreiem Handwerk, erreicht man beides: Qualitativ, fachlich und technisch saubere Ergebnisse und zufriedene Kunden.

Die Rangfolge ist ganz einfach:

• Beratung und Anforderungsanalyse
• Kundenwunsch erfüllen
• Adäquater Lösungsansatz
• Saubere Arbeit
• Dokumentation
• Detaildiskussion mit Kollegen

Mir persönlich ist es wichtig, die Kunden zufrieden zu stellen und saubere Qualität abzuliefern – natürlich. Das Sahnehäubchen ist dann aber die konstruktiv geäußerte Kritik von Kollegen. Sie trägt einen großen Teil zur persönlichen Weiterentwicklung bei. Davor steht natürlich die gute Ausbildung und enstprechende Arbeitsweise als Grundvoraussetzung.

Um es zum Schluss nochmal zu betonen. Nils’ Artikel ist kein Plädoyer für Nachsichtigkeit und Bequemlichkeit, zu Gunsten von Geschwindigkeit und Umsatz. Er sensibilisiert für die Realität des Webdesigners.

Abgesehen vom Thema sind Nils’ Artikel auch sprachlich immer wieder Highlights. Noch zwei Beispiele:

Nur äußerst selten lernt man jedoch diejenigen kennen, die sich nicht entblöden, auf mikroskopisch kleine Haare in der Suppe zu verweisen.

Wichtig ist auch ein gesunder Validierungsfetischismus.

Der Userexperience Designer Vitor Lourenco präsentiert auf seiner Website sein Portfolio. Die sehr minimalistische Aufmachung gefällt mir richtig gut. V.a. das Zusammenspiel von großer Typo und viel Whitespace. Abzüge gibt’s für den Code darunter.

• Grundlagen Druck-Stylesheets: Etwas älter, aber gerade im April aktualisiert und sehr ausführlich
• Gute Seiten, schlechte Seiten: 7 Qualitätskriterien zur Beurteilung von Webseiten – und Web-Designern
• Warum der Seitenzoom nicht das Ende für flexible Layouts bedeutet
• Techniken des WCAG 2 zu offen angelegt?: Offenheit ist gut, führt aber auch zu Uneindeutigkeit. Das wiederum macht das Testen nicht gerade einfacher.
• Architekturen, Wartbarkeitsfragen: Auch und vielleicht v.a. hier zeigt sich im späteren Betrieb die technische Qualität einer Website
• Maintainability Guide (Beta): Jens Meierts Einstieg zum Thema Wartbarkeit in der Webentwicklung
• The Battlefield of Design: Designers vs Clients: Es hilft ungemein, die Kunden in den Prozess mit einzubinden
• Effective Maintenance Pages: Examples and Best Practices: Gute Wartungsseiten sind ein wesentlicher Bestandteil der Kundenkommunikatioon. Was gerne vergessen wird.

Diesesmal sind fünf deutschsprachige Artikel dabei, was mich besonders freut. So darf das weitergehen.

Made by Elephant ist das Portfolio von Tim Van Damme. Kurz und knackig und schöne Kontraste. Das Portfolio und die wichtigsten Kontaktinfos erschließen sich schnell. V.a. auch dadurch, dass er auf einen Onepager mit jQuery für mehr Dynamik setzt. Was etwas stört, ist die fehlende Skalierbarkeit der Oberfläche (Text vergrößern und alles fällt raus).

• Variablen in CSS: Werkzeuge und Lösungsansätze: Mehr Flexibilität aber auch ein Mehr an Komplexität
• jQuery Tools: Eine Library wichtiger Komponenten dynamischer UIs
• The Importance of Analytics in User Experience: Wissen warum das Was auf einer Website passiert (Vortragsfolien)
• Is UX an art or a science?
• Left-Brained vs. Right-Brained – The Developer/Designer Paradox: Auf der Suche nach dem Verbindungsstück für bessere (Webdesign-) Ergebnisse
• EntityCode: Eine ausfürhliche und schön gestaltete Übersicht der HTML-Sonderzeichen
• Die zehn Gebote des Interaction Design: Stefan Nitzsche über die Regeln guten Schnittstellendesigns (Vortragsfolien)
• Professionelle Webentwicklung und Wartbarkeit: Qualitätor Jens Meiert über die Leichtigkeit der Wartung

Mehr Links und Tipps gibt’s täglich bei Twitter

Die Website der Agentur Fearless Flyer Designs. Außerdem die Links zu den Schwerpunkten Webdesign und Socialmedia.

• How to Spot Quality within Web Design: Examples & Tips: Über die oft kleinen, aber feinen Details, die den Unterschied ausmachen
• Social Media ROI: Es bleibt bei einer theoretischen Annäherung
• Traurig aber tendenziell eher wahr: “Die deutschen Corporate Blogs bringen es nicht!”
• 8 Characteristics Of Successful User Interfaces
• Be Inspired, but Don’t Copy
• Findings from the Web Design Survey 2008