Portfolio eines Art Directors. Sliden und Flippen werden hier groß geschrieben. Schön clean und durch die Animationen sehr luftig.

Die Ladung Links heute mit erfreulich vielen deutschsprachigen Texten.

• Online-Formulare: der Weisheit letzter Schluss?
• Teil 1: Mootools im Überblick
• Code-Effizienz bei CSS-Frameworks
• Die Mythen der Meta Tags halten sich immer noch hartnäckig
• 7 gute Gründe für Wireframes & Prototyping im Interfacedesign
• Nine Essential Characteristics of Good UX Designers
• How Usable is the Mobile Web? Das erinnert etwas an die Anfangszeiten des Web auf dem Desktop
• Communication Between Designers and Developers from a Developer’s View
• Über gute Kommunikation und Überzeugungskraft: Developer Evangelism

Instabox ist ein schön, sauber und übersichtlich aufbereitetes Angebot eines Verpackungsherstellers. Der großzügige Einsatz von Whitespace und ein gut abgestimmtes sowie dezentes Farbschema, sorgen für einen harmonischen Eindruck. Die Texte der Unterseiten dürften aber ruhig etwas größer sein.

Die Links diesesmal zu den Schwerpunkten Qualität und Tools.

• Gute Seiten, schlechte Seiten: 7 Qualitätskriterien zur Beurteilung von Webseiten – und Web-Designern: Peter Müller stellt Kriterien vor, die dabei behilflich sind, die Qualität einer Website objektiv einzuschätzen.
• Prototyping with Malo CSS Library: Schlanke CSS-Bibliothek, mit der sich schnell die strukturelle Basis für kleine und mittlere Projekte legen lässt.
• The Microsite Mistake (SEOmoz Video): Microsites (mit eigener Domain) sind nicht immer die beste Wahl.
• 10 techniques for an effective ‘call to action’: Betreiber einer Website haben Ziele. Besucher sollen was bestimmtes tun. Usability ist auch hier ein wesentlicher Erfolgsfaktor.
• 26 Essential Firefox Add-ons for Web Designers
• 30 Useful Open Source Apps for Web Designers

Was bringt es, wenn Besucher die Website finden und gleich wieder weg sind? Was bringt es, wenn die Website zum bleiben anregen würde, aber nur schwer gefunden wird? Was bringt es gefunden, für ansprechend befunden zu werden, aber schlicht unbenutzbar zu sein? Gutes Webdesign, Usability und SEO gilt es bestmöglich miteinander zu kombinieren, um das zu verhindern.

Hilfreich ist dabei, wenn die Anforderungen und der Kontext des Projekts klar definiert sind und ein durchdachtes Konzept vorliegt. Fehlt das Konzept, oder wird eine Disziplin zu Ungunsten der anderen überbetont, ergeben sich denkbare Problemszenarien:

• SEO schlecht, Design gut, wenige Besucher
• SEO gut, Design gut, schlechte Usability, Besucher frustriert
• SEO gut, Design schlecht, Besucher gleich wieder weg

Alle dieser Szenarien haben enorm negativen Einfluss auf den Erfolg einer Website. Einige weitere sind denkbar.

Der Artikel Why Web Design Matters geht der Frage nach, wie wichtig die Rolle guten Webdesigns ist und wie die falsche Überbetonung von Design oft dazu führt, dass es nicht richtig funkt zwischen Seite und Besucher. Es geht darum, wie gutes Webdesign mal sehr stark betont und in anderen Fällen wiederum geschickt reduziert zur Geltung kommt. Je nach Kontext, sowie den Erwartungen und Zielsetzungen der Besucher. Ausgangspunkt ist immer die Ausrichtung einer Website: Zielgruppe(n) und Zielsetzung(en).

Zentrale Fragen am Anfang eines Webdesign-Projekts

Der Artikel im SEO Book geht v.a. auch auf den wichtigen initialen Schritt in der Konzeption ein. Die Frage nach den Besuchern (Publikum, Zielgruppe) der Website und ihrer konkreten Zielsetzung. Oder konkreter noch:

• Wer wird die Website nutzen?
• Was wollen Nutzer mit der Website tun?
• Wie finden Nutzer zur Website?

Gerade die dritte Frage wird oft nur unzureichend beantwortet, wenn überhaupt. Aber auch diese Frage soll Antworten zum Kontext der Website liefern. Auf diese dritte Frage sollen die folgenden Ausführungen näher eingehen.

Ein Beispiel – Microsite zu einem Produkt-Bundle

Stellen wir uns vor, es wird auf Basis einer Kooperation das eigene Produkt kombiniert mit dem eines Partners angeboten. Ein Projektteam ist v.a. zuständig für die Entwicklung des Produkts und am Rande mit seiner Vermarktung beschäftigt. Wir brauchen eine Microsite, lautet der Auftrag.

Es ist verständlich, dass dann ein Szenario nicht alleine von diesem Projektteam beschrieben werden kann. Das Produkt-Bundle soll mit Hilfe einer Microsite vermarktet werden, aber auch die nötigen Services rund um das Bundle sollen zur Verfügung gestellt werden. Außerdem haben wir noch andere Produkte im Angebot, die auch noch interessant sein könnten.

Das Projektteam wird im Vorfeld wahrscheinlich nur einen Teil des Szenarios beschreiben. Naheliegend, etwas eindimensional gedacht, berücksichtigt dieser Teil nur einen Aspekt des Gesamtszenarios: Der Nutzer kennt das Produkt bereits. Seine Einstiege sind entweder das Produkt an sich – z.B. ein Link in einer Desktopanwendung – oder ein Handbuch, in dem eine URL angedruckt ist.

Es ist aber auch denkbar, dass es nicht rein um dieses konkrete Produkt-Bundle geht. U.U. besitzt der Besucher bereits einen Teil der Lösung und es geht darum, ihn auf den zweiten Teil aufmerksam zu machen und ihn dafür zu gewinnen. Also muss er sogar wieder den Weg fort von der Microsite, eins höher zur zentralen Produktwebsite finden.

Ja wo laufen sie denn?

Besucherströme von Websites laufen nicht nur eindimensional. In dem oben genannten Beispiel sind also, wie bereits erwähnt, weitere Kontextszenarien denkbar. Welche Quellen füttern diese Microsite also weiter mit Besuchern?

• Die zentrale Produktwebsite
• Suchmaschinen
• Onlinekampagnen

Allen dreien gemeinsam ist, dass die Besucher entweder auf der Suche nach der Lösung zu einem konkreten Problem ankommen oder bereits auf die Lösung eines konkreten Problems aufmerksam gemacht wurden. Gerade die Besucher von Suchmaschinen kommen außerhalb des Kontext des Bundles, haben aber evtl. ein Problem, dass dieses Bundle lösen kann. Man muss also die (wahrscheinlichen) Wege und gleichzeitig die Motivation der Besucher berücksichtigen.

Webdesign als ganzheitliches Konzept

Ohne jetzt weiter auf diese Motivation und ohne auf die Vermarktungsziele einzugehen, sollen diese Punkte verdeutlichen, dass oft komplexere Szenarien zu berücksichtigen sind. Das Konzept muss also zahlreiche Dinge gleichzeitig leisten:

• Eine durchdachte Informationsarchitektur
• Ein angemessen ansprechendes und benutzbares Design
• Gute Maßnahmen zur Suchmaschinenoptimierung

Ein gutes Produkt zu einem guten Preis selbstredend.

Im gegenseitigen Zusammenwirken der verschiedenen Disziplinen, unter Berücksichtigung dieser Aspekte, kann dann ein gutes Ergebnis erreicht werden. Dieses Ergebnis kann dann den Qualitätskriterien der einzelnen Disziplin, sowie der richtigen Ausrichtung der Website zu gute kommen. Kompromisse sollten nur innerhalb der einzelnen Disziplinen eingegangen werden, zu Gunsten des Gesamtergebnisses.

Via Jens Meiert Twitterstream

Und außederm die Chuck Norris Facts, mit Weisheiten wie:

Der Wecker von Chuck Norris klingelt erst wenn er wach ist, da er viel zu viel Angst vor nem Roundhousekick hat.
via Twitter

9 bei flickr

• Resources for Creating, Testing, and Sending HTML Emails
• 6 Best Design Pattern Sites
• 10 Weblog Engines Reviewed
• 33 Website Success Metrics Instead of Rankings, Google PageRank and Traffic
• Google Chrome: Google’s Browser wird veröffentlicht

• Tipps für mehr Traffic und steigende Leserzahlen: Gute Tipps und Tricks im Webstandard Blog
• How To Get New Web Sites To Rank Quickly: Starthilfe für neue, noch unbekannte Blogs
• Landingpages sollen nicht frustrieren: Usability hat großen Einfluss auf den Erfolg von Landingpages
• Erfolgsmessung für Suchmaschinenoptimierung: Gestaltet sich relativ schwierig, ist aber machbar
• Web usability and SEO: Die Homepage ist nicht die Einstiegsseite. Und andere wichtige Erkenntnisse

Etwas schlanker kommt die Version von suchmaschinentricks.de daher: Cheat Sheet Suchmaschinenoptimierung (PDF)