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

Schlichtes aber eindrucksvolles Blogdesign von Trent Walton. Im konkreten Fall hier auch ein interessanter Artikel, der über Content is King hinausgeht.

Die Links der Woche beschäftigen sich schwerpunktmäßig mit Content, dessen Gestaltungsformen und Authentizität.

• Pionierarbeit in Sachen individuelle Artikelgestaltung: Für und Wider individuell gestalteter Blogposts
• Social Media Nutzung im Reality-Check: Dabeisein ist bei weitem nicht alles. Wie auch Michael Jendryschik feststellt: Warum jedes Unternehmen seine Online-Reputation stärken sollte
• Microsites im Wandel: Die Zukunft der (Social) Microsite
• Mit Web Font Specimen erhält man ein effektives Testsetup für Web-Typografie
• @font-face gehört die Zukunft in Sachen Web-Typografie. Es ist aber noch nicht ganz einfach flächendeckend einzusetzen: How to Achieve Cross-Browser @font-face Support
• An Hand schlechter Erfahrungen und Fehler lernt man immer noch am besten: Clients From Hell. Kommunikative Dissonanzen.

Die Ergebnisse meiner kleinen Umfrage liegen vor. Es ging dabei zunächst um zwei zentrale Fragestellungen:

• Ist man generell bereit dazu, für ein Theme zu zahlen?
• Wenn ja, wieviel ist man bereit, in ein (hochwertiges) Theme zu investieren?

Insgesamt haben sich 82 Leser an der Kurzumfrage beteiligt. Ein Anspruch auf ein repräsentatives Ergebnis besteht nicht. Es geht um eine grobe Orientierungshilfe.

(Überraschend) viele würden für Themes zahlen

Unentschieden. Das weist darauf hin, dass es durchaus einen Markt für Theme-Entwickler gibt. Diese wiederum würden sich dann wiederum fragen, wie hoch sie den Preis ansetzen können.

Was darf ein Blogtheme kosten?

Die Eingrenzung in 1-100 € habe ich auf Grund meiner bisherigen Beobachtungen vorgenommen. In diesem Bereich liegen die meisten kostenpflichtigen Themes, die ich mir in letzter Zeit angesehen habe. Solche Themes, die nicht individuell angefertigt werden.

Über ein Fünftel der Befragten würde sogar ein Theme nach individuellen Anforderungen anfertigen lassen und dafür auch mehr investieren. Kein Wunder, da die Kosten der Entwicklung nicht auf mehreren Schultern bzw. Downloads verteilt werden, wie das bei den Themes von der Stange der Fall ist.

Weitere Überlegungen

In den Kommentaren zum Umfrageaufruf ist es bereits angeklungen. Eine weitere Differenzierung hätte an Hand von Zielgruppen erfolgen können. So wäre wahrscheinlich der Anteil der “Zahlungswilligen” unter Webdesignern wohl niedriger.

Trotzdem gibt es aber auch Webdesigner die auf fertige und gekaufte Lösungen setzen, um Zeit zu sparen.

Webdesigner/Webentwickler haben sicher eine ganz andere Motivation, Themes zu kaufen oder eben nicht als “normale” Blogger. Denn grundsätzlich beherrscht man ja das Themeing selbst, aber eine solide, flexible Basis kann Wege abkürzen und damit Zeit sparen.Kommentar von UschaSu

Es wäre vielleicht auch interessant, mal auf (Qualitäts-) Kriterien einzugehen. Eine interessante Diskussion in diese Richtung läuft derzeit unter What Are Your Theme Standards?

Ich habe dazu eine kleine Umfrage eingerichtet. Es sind nur zwei Fragen, die per Multiple-Choice beantwortet werden. Es geht darum, herauszufinden, ob und wieviel Ihr für Premium Themes bezahlen würdet.

Die Ergebnisse der Umfrage werde ich dann hier sehr gerne wieder präsentieren und besprechen. Es wäre schön, wenn sich möglichst viele Leser die eine Minute Zeit dafür nehmen würden.

Die Umfrage: Premium Blogthemes kaufen?

• Was macht Blogdesign aus?
• Was ist gutes Blogdesign?

Es reicht nicht aus, sich ein passendes Theme zu besorgen und ein RSS-Feed anzubieten. Auch wenn viele Leser die Inhalte eines Blogs fast ausschließlich im Feedreader lesen, besuchen sie immer wieder mal das Blog zum Feed. Andere wiederum lesen Artikel direkt im Blog. Und immer wieder hat man die Gelegenheit, neue Leser begrüßen zu dürfen. Eine Chance, die man nicht ungenutzt lassen sollte.

In vielen Fällen hat das Blogdesign sogar sehr großen Einfluss darauf, ob ein Feed abonniert wird. So z.B. müssen Themenblogs zu Design und Webdesign optisch mehr überzeugen können. Aber neben ästhetischen Gesichtspunkten zählen auch und vor allem weitere Aspekte. Wobei langfristig natürlich v.a. die guten Inhalte und ein wenig Individualität die meisten Punkte machen dürften.

Wer behauptet, dass Blogdesign überhaupt keine Rolle spielt, hat in Ausnahmefällen vielleicht recht. Aber wir sollten den Begriff Design etwas weiter fassen. Es geht auch um Konzepte, Usability & Userexperience, Schreibstil etc.

Was macht also gutes Blogdesign aus?

How To & How not To

• 10 Punkte, die das Blog besser machen
• Die 7 Todsünden des Blogdesign
• Der Weg zu einem guten Blogdesign
• Weblog Usability: The Top Ten Design Mistakes
• How to Blog Design Style Guide
• How to Polish Posts: Individual Blog Post Design

Inspiration & Best Practice

• 100 Nice and Beautiful Blog Design
• Blog Design Lab
• 13 Characteristics of Outstanding Blog Design
• A Small Design Study Of Big Blogs

Thema Blogdesign im Webzeugkoffer

• Was ist gutes Blogdesign? Teil 1
• Was ist gutes Blogdesign? Teil 2

Der Artikel beschäftigt sich mit den verschiedenen Möglichkeiten, wie man besonders gelungene und wichtige Artikel des eigenen Blogs hervorheben kann.

Auf Markup habe ich die Artikel im Lauf der Jahre unter dem Link “Webpraxis” gesammelt, der auch viel besucht war. Wobei ich die Einträge immer manuell gemacht habe. Hier im Webzeugkoffer ist es auch langsam an der Zeit, gerade für neue Leser, einen solchen Bereich zu schaffen.

Im angesprochenen Artikel geht es um automatisierte Methoden. Mit diesen kann ich mich allerdings nicht recht anfreunden. Ich verwende hier bisher ein Plugin in der Sidebar, dass die “Top10″ meiner Artikel listet. Basierend auf den durchschnittlichen Leserzahlen/Tag. Wobei auch diese Methode nicht ganz sauber ist, da nur neuere Artikel eine Chance haben, in dieser Liste zu erscheinen.

Aber wie ich finde, zeigt die Liste ganz gut, was gerade aktuell im Webzeugkoffer besonders gefragt ist. Deshalb werde ich diese auch beibehalten.

Nur für die langfristige Informationsbasis muss auch ein Archiv der wirklichen Topartikel her. Ich denke, dass ich hier ganz einfach wieder mit einer statischen Seite arbeiten werde und die Artikel per Hand liste. So oft muss man das auch wieder nicht tun. Und eine handverlesene Liste bezieht mehr Faktoren ein, als nur die Anzahl der Leser oder Kommentare zu einem Artikel.

• Design
• Inhalte
• Dialog

Twitter soll hierbei als der derzeit prominenteste Vertreter verschiedener Socialmedia-Dienste, spezieller noch des Microblogging herhalten.

Microblogging

Twitter ist Microblogging. Zur Erinnerung, wie Wikipedia definiert.

Mikro-Blogging ist eine Form des Bloggens, bei der die Benutzer kurze,SMS-ähnliche Textnachrichten veröffentlichen können. (…) Die einzelnen Postings (…) werden wie in einem Blog chronologisch dargestellt. Die Nachrichten können meist über verschiedene Kanäle wie SMS, E-Mail, Instant Messaging oder das Web erstellt und abonniert werden.

Twitters Einflussbereiche

Ohne zu detailliert auf einzelne Aspekte einzugehen, eine kurze Beschreibung der größten Einflussbereiche von Twitter auf Blogs und das Bloggen an sich.

Einfluss auf Blogdesign

Den Einfluss auf das Blogdesign beschreibt z.B. der Artikel 10 Ways Twitter will change Blog Design in 2009. Design wird hier im erweiternden Sinn verstanden (nicht reines Aufhübschen). Rachel Cunliffe befasst sich v.a. mit Strukturen, dem Informationsdesign und abgewandelten (neuen) Blogfeatures. So z.B. mit Tweetbacks, die quasi den Verlust von Trackbacks wieder ausgleichen.

Es geht darum, Twitter mehr in die Blogs und Aktivitäten der Betreiber integrieren zu können. Das Design im engeren Sinne ist insofern beeinflusst, dass beispielsweise immer mehr Blogs mit den aktuellsten Tweets ihrer Betreiber versehen werden. Twitter-Buttons und -Icons sind immer öfter zu beobachten. Das ist aber eher nebensächlich.

Einfluss auf Inhalte

Twitter reduziert zunächst Redundanzen in der Bloglandschaft. Reine Linkschleudern wurden – zumindest nach subjektivem Empfinden – weniger. Der Grund hierfür könnte u.a. in Twitter liegen. Links verbreitet man eher schnell mal über seinen Twitteraccount. Genauso schnell verpuffen sie meist auch wieder… Die Folge sind immer weniger Blogs mit immer gleichen Linklisten und Hinweisen. Mehr Raum für das Wesentliche. Sprich eigene Inhalte oder zumindest ausführlich kommentierte Links. So gesehen befreit Twitter nach und nach von inflationären Tendenzen beim Bloggen. Es ist also wohl eher eine Frage der Ergänzung. Symbiose.

Der eigene Twitteraccount kann und sollte das eigene Blog ergänzen. So z.B. verweist man über Twitter fix auf eine interessante Website, ohne gleich einen neuen Blogeintrag erzeugen zu müssen. Schnell und unkompliziert.

Stichwort Linkschleudern: Eine Topmeldung und schon schreiben 50 Blogs darüber. Meist mit gleichlautendem Inhalt. Das könnte sich über Twitter noch extremer auswirken. Ein Tweet ist wenig Aufwand, im Vergleich zum Verfassen eines Blogeintrags. Und schon liest man in 500 Tweets immer wieder das Gleiche. Vom Regen in die Traufe?

Einfluss auf Kommentare

Oft wird direkt über Twitter ein Artikel kommentiert. Ohne den Einsatz von erweiternden Tools verpufft die Ressonanz ziemlich schnell. Das wiederum schadet dem Dialog des Bloggens.

Die Anzahl der Kommentare im Blog sinkt so sehr wahrscheinlich. Die im oben genannten Artikel genannten Tweetbacks oder ähnliche Features, werden hier bald Abhilfe schaffen können. Es dürfte nur eine Frage der Zeit sein, bis hierfür die nötigen Tools und Dienste zur Verfügung stehen. Der Schaden sollte sich dadurch in Grenzen halten. Wobei man sich von der veilleicht etwas romantischen Vorstellung, vom echten Dialog im Blog, verabschieden muss.

Tweetbacks

Und kurz vor Fertigstellung dieses Artikels, erschien die Meldung, dass es für Wordpress bereits ein Plugin gibt: Tweetback Plugin for Wordpress (via @kwerfeldein). Schneller als gedacht und vielversprechend.

Weitreichender Einfluss

Twitter hat bereits sehr großen Einfluss. Zumindest für jene, die Twitter bereits nutzen. Im Wesentlichen aber nicht negativ. Es ist eine neue rasante Entwicklung. Auf weitere Bereiche bin ich noch gar nicht eingegangen. So z.B. auf die Relevanz von Twitter für Unternehmen oder Onlinemarketing.

Braucht man Twitter?

Nein. Man braucht Twitter nicht, um zu bloggen. Der Einfluss ist zwar da, hält sich aber (noch) in Grenzen. Twitter und darauf basierende Dienste erzeugen z.B. bei diesem Blog derzeit etwa 5-10% des Traffics. Bei anderen mag das ähnlich sein. Wiederum andere beziehen u.U. noch mehr Traffic über die Kanäle der Ornithologie, ganz andere gar nichts.

Aber durch die o.g. Einflussfaktoren und bereits stattfindendenden Entwicklungen, könnte sich dieser Anteil weiter erhöhen. Twitter bedeutet aber nicht per se mehr Besucher und sollte auch nicht als reine Traffic-Einnahmequelle betrachtet werden. Ähnlich wie bei dem über Suchmaschinen erzeugten Traffic, zählt hier die Relevanz der Inhalte. Das eigene Microblogging ergänzt zu einem gewissen Teil auch die Inhalte des eigenen herkömmlichen Blogs. Locke ich über Twitter Leute mit verheißungsvollen Titeln und Links, liefere dann aber nur heiße Luft, ist der Ofen schnell wieder aus.

Auch andere Vertreter der Socialmedia werden immer mehr Einfluss gewinnen. Das ist die Evolutions des Web und des Bloggens. Ganz normaler Wahnsinn. Auch wenn man Twitter und Konsorten nicht nutzt, wird man sich trotzdem in gewisser Weise – wie schon immer – der Evolution ein Stück weit anpassen (müssen). Herkömmliche Blogs werden auch ohne Twitter weiter ihre Stammleser begrüßen und unterhalten können.

Und wenn ja? Twitter im Blog.

Wer sich also entscheidet, Twitter als Ergänzung zu seinem Blog zu verwenden, macht sich auf die Suche nach passenden Tools und Plugins. Das gerät schnell zu einer zeitaufwändigen Beschäftigung. Weswegen ich selbst noch zögere und auf das Einsetzen einer gewissen Konsolidierung warte. Es gibt zahllose Dienste und Plugins, die darauf abzielen, das eigene Blog um die Twitter-Inhalte zu ergänzen und umgekehrt über das Blog in Twitter zu publizieren:

• Twitter API: Twitter ansaugen und ausschenken. Wer’s kann schreibt seine eigenen Anwendungen.
• twitterfeed: Vom Blog nach Twitter
• TwitThis: Leser empfehlen Artikel direkt über Twitter
• Twitter Tools: Twitter Tools Wordpress-Plugin, u.a. von Twitter in’s Blog

Das sind nur ein paar wenige Vertreter, die derzeit mögliche Ergänzungs- und Integrationsmöglichkeiten aufzeigen.

Links zum Thema

Die weiter rasant stattfindende Entwicklung ist das eigentlich interessante an der Sache. Wer Web macht, ob im Beruf oder als Hobby, entwickelt sich in gewisser Weise eh immer mit. Erfolg definiert sich mehr darüber, wie man die sich bietenden Möglichkeiten am geschicktesten nutzt und wie flexibel man dabei bleibt. Artikel zur Evolution des Bloggens und Twitter.

• Quo vadis Microblogging?
• Twitter = Blog-Killer?
• Blogs sind schon wieder nicht tot
• Update: Wie Blogs und Microblogging zusammenwachsen
• Evolution of Communication: From Email to Twitter and Beyond
• Blogs sind tot! Lang lebe das Blogging!
• Blogging is dead, Lifestreaming is alive

Und, wie haltet Ihr’s mit dem Microblogging?

Nein, keine Wahlhilfe für die SPD. Die Website der Society of Publication Designers. Den Code der Seiten lassen wir diesmal großzügig außen vor.

Die ersten gesammelten Links des neuen Jahres. Diesmal zu Webdesign, Webstandards und Prozessen.

• Ein Projekt hat nicht nur User als Zielgruppe. Nein auch die Kunden, für deren Kunden und User man bspw. Websites macht, müssen verstanden und einbezogen werden: The client experience, via Medamind
• Eric Eggerts Ausblick auf die Entwicklung von HTML 5 in diesem Jahr: Das HTML5-Jahr
• Ob wir wollen, oder nicht. Twitter hat bereits große Auswirkungen auf Blogs. Und wird sich weiter auf die Entwicklung auswirken: 10 Ways Twitter Will Change Blog Design in 2009

Im ersten Teil wurde ein Blick auf gelungene Designs geworfen und deren individuelle Note. Dieser Teil beschäftigt sich mit Kriterien, die im weitesten Sinne dem Informationsdesign oder Contentdesign zuzuordnen sind.

Information design is defined as the art and science of preparing information so that it can be used by human beings with efficiency and effectiveness.
Robert E. Horn

Information so aufbereiten, dass sie von Menschen bestmöglich aufzunehmen ist. Aber auch ansprechend aufbereitet sollten die Informationen sein. Insgesamt schöner Lesen in Blogs. Dabei gilt es aber auch darauf zu achten, dass zu viel Firlefanz ablenken kann. Gut lesbare Inhalte und Orientierung stehen im Vordergrund.

Linkliste zum Thema am Ende des Artikels.

Wenige, wichtige Features und Informationsblöcke

Im Zweifel sollte der Einsatz von Features reduziert werden. Der Featureritis ist vorzubeugen. Am meisten geschätzt sind von Lesern solche Features, die Inhalte sinnvoll organisieren, aufbereiten, in Szene setzen und dem Leser zusätzlich die Orientierung erleichtern.

Zusätzliche Informationen – oft zur Person im Sozialen Netz (Twitter, flickr, last.fm & Co) – müssen nicht allesamt mit Hilfe von Plugins und Schnittstellen überall auf die Oberfläche des Blogs befördert werden. Wenige zentrale ja. Und im Zweifel spendiert man diesen Zusatzinformationen eine separate statische Seite.

Welche Informationen und Funktionen sollten gut sichtbar platziert werden?

Die Navigation besteht aus mehr, als der meist oben horizontal oder links vertikal angeordneten Hauptnavigation. Weitere Teilnavigationen oder Informationsblöcke dienen der Fortbewegung der Besucher und schließlich ihrer Orientierung.

Blogs are often too internally focused and ignore key usability issues, making it hard for new readers to understand the site and trust the author.The Top Ten Design Mistakes

• Autor und Themen
• Feedabo
• Kontaktmöglichkeiten
• Kategorien und/oder Tags
• Aktuellste und beliebteste Posts
• Aktuellste Kommentare
• Suche
• Archive
• Ähnliche Artikel
• Blogroll?

Gerade die aktuellsten und beliebtesten Posts sind ein guter Wegweiser. Dann, wenn man das Blog noch nicht kennt, ist es oft interessant zu wissen, wo es am meisten glüht. Genauso die aktuellsten Kommentare. Wobei sich eine solche Übersicht wohl erst ab einem gewissen Umfang lohnt.

Nennt mir der Autor Webdesign als Themenkomplex , interessiert mich weitergehend, welche Disziplinen konkret im Blog besonders stark gewichtet sind. Ein Muss ist daher eine Übersicht der Kategorien und/oder Tags.

In diesem Zusammenhang spielen auch die Archive eine wichtige Rolle. Immer wieder darf man neue Leser begrüßen. Diese möchten sich eine Übersicht zur Vorgeschichte verschaffen und weitere interessante Inhalte finden.

Ähnliche Artikel bieten Orientierungsmöglichkeiten für neue oder gelegentliche Leser. Hat ein Artikel gefallen, interessiert man sich u.U. zu weiteren Einträgen, die thematisch verwandt sind. Eine kleine Auswahl dazu anzubieten ist eine gute Sache.

Fraglich ist die Blogroll? Sie scheint immer mehr an Bedeutung zu verlieren. Ich persönlich vermisse sie nicht, wenn sie nicht da ist. Finde sie aber oft doch interessant, wenn ich ein Blog nicht kenne und mich vielleicht für die persönlichen Präferenzen des Autors interessiere, um so den Kosmos um sein Wirken einordnen zu können.

Aufbereitung von Content

Contentdesign soll v.a. dafür sorgen, die Aufmerksamkeit der Besucher zu gewinnen und schließlich die gute Lesbarkeit der Inhalte zu gewährleisten. Design hat auch hier nicht nur gestalterische Aufgaben.

Aufmerksamkeit

• Leadgrafiken für (größere) Artikel
• Diagramme zur Visulalisierung komplexer Zusammenhänge
• Zwischenüberschriften

Leadgrafiken können zunächst die Aufmerksamkeit auf einen Artikel lenken. Großformatige Grafiken oder Fotos, über die gesamte Breite des Contentblocks, setzen ein deutliches Zeichen. Außerdem können sie für Abwechslung sorgen und u.U. sogar das Design stützen und mit tragen. Im Idealfall passen die Grafiken gut zum Inhalt des Artikels, oder visualisieren direkt die Kernaussage.

Geht es um die Dartsellung komplexerer Zusammenhänge, wie z.B. “x% der Leser gaben an, dies und das zu tun”, sind Diagramme eine willkommene Unterstützung. Die Aufnahme solcher Informationen wird erleichtert.

Zwischenüberschriften signalisieren den Lesern einen neuen gedanklichen Zusammenhang. Sie schließen den Gedanken zum vorhergehenden Abschnitt ab und werden auf einen neuen Zusammenhang aufmerksam gemacht. Außerdem erlauben die Zwischenüberschriften Lesepausen.

Lesbarkeit

Der Informationsgehalt kommt oft erst dann zum tragen, wenn die Leser bereit sind, die Artikel ganz zu lesen. Weil aber die Leser im Web zunächst zum Scannen der Inhalte neigen, bevor sie entscheiden genauer hinzusehen, gilt es die Scanbarkeit der Inhalte zu unterstützen.

• Schreibstil
• Schriftarten,Zeilenlängen, Zeilenhöhe, Whitespace
• Portionierung durch Zwischenüberschriften und Absätze

Der Schreibstil sollte nicht zu ausführlich sein. Es gilt zu versuchen, mit möglichst kurzen Sätzen, schnell auf den Punkt zu kommen. Eine oft zitierte Regel: Ein Gedanke pro Absatz. Aufzählungen sollten wenn möglich in Listen gepackt werden.

Die Lesbarkeit von Texten wird durch Zeilenlängen und -abstände entscheidend beinflusst. Man sollten den Texten großzügige Zeilenhöhen spendieren. Vertikal gequetschte Texte sind schwerer lesbar. Auch die Zeilenlänge sollte gut bemessen sein. Vor allem die maximale Breite ist hier das Kriterium. Sind die Zeilen zu lang, fällt der Sprung zur nächsten Zeile oft schwer.

Bei den Schriftarten sind serifenlose, solchen mit Serifen vorzuziehen (im Gegensatz zu gedruckten Texten). Also eher Arial oder Verdana für Fließtexte, als z.B. Georgia. Serfifenschriften hingegen, haben oft wiederum einen besonderen Charme bei Überschriften. Dann wenn sie groß sind und die Serifen, die Lesbarkeit nicht beinträchtigen.

Zwischenüberschriften helfen beim Scannen von Inhalten. Das Ziel besteht zwar darin, dass Texte ganz gelesen werden, zunächst aber orientieren sich die Besucher eher scannend.

Die Links zum Thema

• Web Design is 95% Typography
• HTML-Schriften unter der Lupe
• Bitte Abstand halten
• Information Design: Beginners Blog Design
• Weblog Usability: The Top Ten Design Mistakes
• How to Polish Posts: Individual Blog Post Design

Die Serie im Überblick

Was ist gutes Blogdesign? Teil 1

Abbildung gesamtes Iconset

Auch im Webzeugkoffer gibt es ein paar Icons. Ich habe ein paar neue benötigt, die ich jetzt für die Kennzeichnung von Tags und Kommentaren verwende. Zusätzlich habe ich drei weitere Icons gemacht. Das Paket enthält die Icons als .gif-Dateien in der Größe 16×16.

zip-Paket Download

Die Icons sind kostenlos und unter einer Creative Commons 3.0 Lizenz (nicht kommerziell) veröffentlicht. Wer die Markup Icons noch nicht kannte, findet sie hier.