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.

Die Ursachen hierfür sind nicht selten Anforderungen nach dem Motto „Die Startseite muss die Wurst sein“ oder „Den Nutzer packen und reinholen“. Verlustängste und unscharfe Zielvorgaben tun ihr übriges.

Unter Dauerbeschuss stehende, dadurch überforderte und genervte Besucher wenden sich ab und verlassen die Webseite. Sofern es Alternativen gibt oder der Markt nicht rein von Preisen diktiert wird.

Selten sieht man Geschäfte bzw. Läden, deren gesamtes Angebot draußen vor der Tür oder im Schaufenster ausgebreitet ist. Wo ist also das Problem bei Webseiten? Wo kann man ansetzen?

Zunächst muss man Verlustängste abbauen. Keiner verpasst etwas wesentliches, nur weil nicht gelich alles auf der Startseite erscheint. Es hilft ungemein, wenn man sich mal Gedanken über die Ziele und Aufgaben einer Webseite macht. Wenn man sich auf die wichtigsten Inhalte und Botschaften konzentriert. Voraussetzung hierfür: Kenne/definiere Deine Zielgruppe(n) und Ziele.

Die Startseiten bzw. Homepages sind nicht immer die wichtigsten Seiten und verlieren zudem weiter an Bedeutung: The Decline of the Homepage. Ich denke aber, dass Homepages meistens – für den Einstieg – doch noch die wichtigsten Seiten darstellen.

Das Bauchladensyndrom gilt es zu behandeln, in dem man Prioritäten setzt (Kampf um die besten Plätze) und die Herausforderungen gestalterisch löst (Essential Tips for designing an effective Homepage).

Eine Homepage ist irgendwie auch eine virtuelle Ladentheke.

• Was bietet ihr konkret an?
• Wie könnt ihr mir konkret helfen?
• Wie funktioniert das?

So funktioniert das schon mal nicht:

Was ist frei? Das es toll ist hab’ ich mir schon irgendwie gedacht. Und dass es mich reicht macht sowieso ;-)

In einem Artikel bei den Webkrauts habe ich mich mal ausführlicher mit dem Thema beschäftigt: Sprich mit mir – Gelungene Onlinekommunikation. Auch Nicolai Schwarz, der berüchtigte Textformer, nahm sich kürzlich der Sache an: Mit den richtigen Wörtern mehr verkaufen.

Anmerkung: Da ich nicht auf öffentliches Dissen stehe und man auch nie alle Hintegründe kennt, verzichte ich hier wieder auf die Angabe einer Quelle.

Man kann das ganze heute schon realisieren. Wenn auch nur mit Extra-Klimmzügen, will man es crossbrowser-mäßig heute schon einsetzen.

Webdesigntrends sind Frühjahr für Frühjahr ein beliebtes Thema. Nie waren wir hipper als dieses Jahr und verkürzen uns so die Wartezeit bis zum noch besseren kommenden Jahr.

So war u.a. der Spaltensatz in CSS3 Thema im Artikel Web Design Trends for 2010.

Now, with increased screen resolutions and the advent of grid layouts, more designers are adapting this method to the web to make websites easier to use and to fit in more content.

In den meisten Fällen war es bisher aber so, dass mir die Sache das Lesen enorm erschwert hat. Grund hierfür ist der unreflexierte Einsatz. Effekthascherei wird auch mit CSS3 fehl am Platz sein. Lesbarkeit ist ein wichtiges Gut. Auch in modernen Zeiten und eigentlich mindestens schon so lange es Print (-design) gibt ;-)

Droht der Spaltensatz zur neuen Mikroskopschrift zu werden?

Using several columns allows you to fit more content in the same space.

Es setzt unter einigen vielleicht eine Ernüchterung ein. Euphorisch losgerannt, wird/wurde der ein oder andere jäh gebremst.

Es gibt zwar schon das ein oder andere interessante Beispiel, ja sogar reale, in die Praxis umgesetzte Ansätze. So z.B. bei Youtube. Das war’s dann aber auch schon. So lange noch in großem Stil Fallbacks eingebaut werden müssen, rechnet sich der Aufwand eben nicht. Außerdem gibts es bereits die ersten Nebenkriegsschauplätze. So könnte Flash beispielsweise zur Spaßbremse werden: Die Angst vor dem Flash-Ersatz.

D.h. wir werden noch eine ganze Zeit mit dem schnöden alten Internet zu tun haben. Man kann aber dankbar sein, dass manch Einer die Zeit für Experimente mitbringt oder (finanzkräftige) Unternehmen, mit entsprechenden Forschungsressourcen Pionierarbeit leisten. So kann zumindest der Druck auf Browserhersteller und Standards-Stricker hoch gehalten werden. Nach dem Motto: „Da ist eigentlich schon was, das auch noch ganz gut funktioniert und Verbesserungen verspricht“.

So einfach kann es eigentlich nicht sein. Zumindest, wenn man sich die Problem- und Fragestellungen in zahlreichen Foren etc. ansieht. Oft offenbare diese eben ein mangelndes Verständnis der Grundlagen. Gerade im Bezug auf CSS.

In zwei Artikeln wurde u.a. auch darauf eingegangen.

Weak constructs are most often due to the fact that people do not know what block formatting contexts are and what they do.Everything you Know about Clearfix is Wrong

Often when designers try to explain a particular feature of CSS to each other, they get a few things wrong.8 Common CSS Mistakes and How to Fix Them

In einem Bewerbergespräch hatte ich mal das Vergnügen mit einem Erwachsenen. Zwei Fragen haben ausgereicht aufzuzeigen, wie einfach HTML & CSS sind – nicht ;-)

Da muss man durch: Grundregeln und Spezifikationen

Grundlagenartikel, die mir selbst geholfen haben, habe ich vor ein paar Jahren mal übersetzt: Block vs. Inline und Vererbung und Kaskaden. Es werden zentrale Grundkonzepte von CSS beschrieben. Mit diesem Grundlagenwissen lässt sich so manchem CSS-Problem vorbeugen.

Als Dauerbrenner immer zu empfehlen, ist die Einführung von Michael Jendryschik: Einführung in XHTML, CSS und Webdesign.

Es kann auch nicht schaden, sich mal durch die kompletten Spezifikationen zu wühlen. Zumindest bei Verständnisproblemen mal darauf zurückzugreifen. Also ran an die Specs: (X)HTML & CSS (W3C).

Zugegeben machen Spezifikationen und Grundregeln nicht alle Kinder froh. Wer aber fleißig ist, wird als Erwachsener mehr Spaß haben.

[...] (Website) schließlich kam aus Deutschland und bestand aus eng gesetzten Zeilen, die auf zwölf Seiten ein Phänomen behandelten, [...] Der Text wies einen bemerkenswerten Mangel an Absätzen auf und war eindeutig für Leute geschrieben, deren Vorstellung von Ekstase eine mit Formeln vollgekritzelte Schiefertafel war.

Hat der Autor, speziell bei deutschen Angeboten, etwa entsprechende Erfahrungen gemacht? Wir werden es nie erfahren. Aber trotzdem noch einmal der Hinweis auf zwei Artikel, hier aus dem Webzeugkoffer: Typografie ist das halbe Webdesign und Mehr Lesbarkeit im Web – Einfach.

Zwei Artikel, die ich gerade gelesen habe, beschäftigen sich mit dem Wandel.

Zunächst muss man sich natürlich fragen, ob es so was wie Corporate Websites noch gibt, bzw. ob diese noch zeitgemäß sind: Die Corporate Website ist tot,es lebe… U.a. findet sich dort diese These:

Die Corporate Website ist zentraler Ankerpunkt für alle Webaktivitäten eines Unternehmens

Das muss auch in der Kommunikation mit den verschiedenen Stakeholdern berücksichtigt werden. Hier bieten sich bspw. die Social Media Newsrooms als zeitgemäße Wege in der Onlinekommunikation an.

Der Artikel 5 Wege die Corporate Website mit Social Technologies weiterzuentwickeln beschäftigt sich mit Ansätzen zur Dialogorientierung und Reduktion der Komplexität.

Corporate Websites sind keine Silos mehr, in der wir alle unsere Daten und Features reinstopfen, um dann alle Interessenten einzeln ins Silo zu lassen, um sich die Sache mal anzusehen.

Brutal mag da etwas übertrieben sein, aber die Statements lassen erahnen, wie umfangreich und komplex das Management einer Website sein kann. Vielleicht habt auch Ihr schon in überraschte Gesichter geblickt, wenn es um Wartungskosten, Aufwände für frischen Content etc. ging. Oder Ihr seid daran verzeifelt, dass in großen Gremien, stundenlang über verschiedene Grüntöne diskutiert wurde.

Der o.g. Artikel listet 28 Punkte und Zitate. Von initialer Bedeutung sind meiner Meinung nach die Punkte:

• Direction bzw. Ownership
• Bunfights (interessanter Begriff) bzw. zu viele Stakeholder
• Speed Kills bzw. Go-Live in Rekordzeit

Gerade Direction und Ownership gilt es zu Beginn und für den späteren Betrieb eindeutig zu klären. Um erstens konsistent sein zu können und zweitens vorwärts zu kommen. Gerade an diesem Punkt scheitern viele Angebote, gerade dann, wenn es um Corporate Websites geht. Das endet oft darin, dass die Besucher einer Website förmlich erschlagen werden. Weil jede Abteilung meint, prominent auf der Startseite vertreten sein zu müssen.

Speed Kills beschreibt den Umstand, dass (leider) oft die Qualität der Inhalte und Usability/Barrierefreiheit, einem schnellen Go-Live geopfert werden.

Obwohl. Vielleicht ist das Managen einer Website doch brutal ;-)

Aber lest selbst: 28 reasons why website management is brutal.

Vor knapp einem Jahr habe ich mal etwas zum Redesign der BBC-Website geschrieben: Webdesign & GUI-Konzepte der Zukunft – Beispiel BBC.

Kürzlich erschienen im BBC-Blog ein Artikel, der die Hintergründe auf dem Weg zum neuen und vereinheitlichten Look der Webseite beleuchtet: A new global visual language for the BBC’s digital services.

However due to the organic way in which the website evolved and the old structure of the business, with dozens of small design teams working independently of each other, the site had a fairly schizophrenic nature once you delved into its depths.

Es begann damit, dass man die einzelnen Seiten einfach mal ausgedruckt und an die Wand gepinnt hat. Aus eigener Erfahrung kann ich diese Methode sehr empfehlen. Sehr schnell offenbaren sich die größten Problemfelder, v.a. in Bezug auf die Konsistenz des GUI und der Elemente, die es pflastern. Ein Ansatz, den ich auch mal in Re-Design Retrospektive beschrieben habe.

Neben dem Wall of Shame Ansatz (Ausdrucken der Seiten), liefert der Artikel weitere sehr interessante Einblicke in den Analyse-, Konzeptions und Designprozess einer großen Nachrichtenwebseite.

Es mag auch bei BBC noch nicht alles perfekt sein. Aber vieles passt. Und es ist v.a. auch interessant zu sehen, wie in solchen Großprojekten gearbeitet und gedacht wird, welche Ziele, Grundsätze und Methoden hinter dem Endergebnis stecken. Es zeigt auch, dass ein solch umfangreiches Angebot nur dann konsistent sein kann, wenn ein Styleguide das Oberflächen- und Informationsdesign in geregelten Bahnen lenkt.

Der Ansatz der BBC ist für mich persönlich das, was ich mir von einem Nachrichtenportal vorstelle. Nur so voll wie nötig und im Endeffekt nicht so extrem überladen, wie man es von den meisten Angeboten im Web kennt. Darüber hinaus habe ich als Nutzer dann die Möglichkeit, die Sache an meine eigenen Bedürfnisse und Vorlieben anzupassen.