Eine hervorragende Zusammenfassung von Gutjahrs Tipps zur Selbstvermarktung bringt der österreichische Standard: Der Erste oder der Beste sein

Zwar geht es vor allem um Journalismus bzw. um Blogger, aber dennoch sind die Hinweise gültig für alle, die das Web nutzen, um auf sich aufmerksam zu machen oder um eigene Inhalte unter die Menschen zu bringen.

• Generische Links wie ”klicken Sie hier“ sind tabu. Die bringen Besuchern nichts und Ihrem Suchmaschinen-Ranking auch nicht.
• Schreiben Sie Links wie Überschriften. Sie sollen die verlinkte Seite möglichst gut zusammenfassen.
• Vermeiden Sie Linktitel die nur das Format des Verlinkten beschreiben („PDF“, „Video“…). Ihre Besucher interessieren Inhalte, nicht die Art und Weise, in der Sie diese vermitteln. Allerdings kann die Formatangabe zusätzlich sinnvoll sein – allerdings erst nach dem Link.
• Halten Sie Links so kurz wie möglich und setzen Sie die wichtigsten Begriffe an den Anfang.

Statt

Wie Sie den IHRE_MARKE-Router R-Top2012 installieren

schreiben Sie

Installation Router R-Top2012

Alle Tipps finden Sie hier im Beitrag Tips for writing great links.

Infografik zu den Ergebnissen der Pew Internet Survey

Wer sich die trockene Lektüre ersparen will (oder Lust bekommen möchte, diese einmal anzugehen), der möge einen Blick auf diese hübsche Infografik werfen.

Die Grafik in ihrer ganzen Schönheit steht bei Flowtown.

Ich weiß, dass einige den Begriff „User Experience“ (kurz & praktisch auch „UX“) nicht mögen – ein Leser kommentierte vor einiger Zeit hier im Blog, das sei eine „verschwurbelte Worthülse, hinter der sich Manager und Werbung verstecken können“. Dennoch habe ich persönlich zumindest mich mit dem Begriff angefreundet. Denn er umfasst mehr als nur die Usability und beschreibt das ganz gut, was man auf einer guten Website bieten sollte.

Grundlagen – von der Usability zur User Experience

Den Weg der Konzeption von Usability zu User Experience habe ich schon vor einiger Zeit in einem Newsletter nachgezeichnet (Newsletter 06/2010 – Das Gesamterlebnis des Benutzers zählt).

Zum tiefer einsteigen: „Die Elemente der User Experience“

Nun liegt ein Standardwerk zum Thema auf Deutsch vor:

Die Elemente der User Experience. Anwenderzentriertes (Web-)Design.

Der US-Amerikaner Jesse James Garrett hat mit diesem Titel schon vor einigen Jahren ein Buch geschrieben, das Maßstäbe gesetzt hat. Es ist hervorragend strukturiert, und trotzdem angenehm zu lesen und vor allem: nicht zu lang.

Bevor ich weiter schwärme, wollte ich anmerken, dass ich nicht ganz neutral bin: Ich habe die Übersetzungen für die deutsche Auflage durchgesehen und mit der Lektorin zusammen versucht, die Begriffe möglichst gut an die in der deutschen Konzepter-Szene üblichen anzupassen. Das war bei manchen Begriffen ganz schön schwierig, und über einige kann man sicher diskutieren (das haben wir auch ausführlich getan).

Garrett füllt den Begriff User Experience mit Leben und gibt uns Konzeptern ein praktisch anwendbares Modell an die Hand. Er teilt die UX ein in fünf Ebenen („planes“):

1. Die Strategieebene (strategy)
2. Die Umfangsebene (scope)
3. Die Strukturebene (structure)
4. Die Rasterebene (skeleton)
5. Die Oberflächenebene (surface)

Diese stellt er nacheinander vor und erklärt, wie diese Einteilung hilft, besser(e) Konzepte zu erstellen. Damit stellt man sicher, dass eine Site in allen relevanten Bereichen den Besuchern das bestmögliche Erlebnis bietet.

Bei den einzelnen Ebenen geht es grob um Folgendes:

Die Strategieebene (strategy)

Hier definieren Sie, welche Ziele Sie, und welche die Benutzer haben. Auch wer welche Rolle im Team spielt wird hier festgelegt.

Die Umfangsebene (scope)

Dabei geht es darum, was man erstellen will – und vor allem darum, was man nicht erstellen will. Gerade Letzteres ist nach meiner Erfahrung ganz wichtig – nur wenn man das frühzeitig klärt, schafft man es, rechtzeitig fertig zu werden und die Funktionen umgesetzt zu bekommen, die wirklich wichtig sind.

Die Strukturebene (structure)

Auf dieser Ebene geht es darum, wie die Funktionen strukturiert werden. Also ums Interaktionsdesign und um die Informations-Architektur.

Die Rasterebene (skeleton)

Hier befinden wir uns auf der Ebene der einzelnen Seiten und legen fest, in welchem Gestaltungsraster die Elemente angeordnete werden. Interface-, Navigations- und Informations-Design haben hier also ihren Platz.

Die Oberflächenebene (surface)

Schließlich geht es auf der fünften Ebene um die Gestaltung der Seiten und ihrer Elemente.

Fazit

Das Buch bietet keinen neuen Ansatz – und das will es auch nicht. Es bereitet aber die wichtigsten Ansätze der Konzeption von Websites so auf, dass man ein praktisches, und doch gut strukturiertes Arbeitsmittel an die Hand bekommt.

Ein umfangreiches Fachbuch kauft man sich vielleicht, hat es dann aber mit schlechtem Gewissen ein paar Wochen auf dem Schreibtisch liegen, bis man es still und heimlich ins Regal stellt.

Das Buch von Garrett dagegen kann man an einem Abend, auf einer längeren Zugfahrt oder auf einem Flug durchlesen. Sein Modell ist einfach und einleuchtend, die klaren Illustrationen helfen dem Verständnis. Auch Menschen, die keine Erfahrung mit interaktiven Projekten haben, können es problemlos verstehen. Insofern eignet sich es auch als Empfehlung für Kunden, mit denen man zum Beispiel eine Website umsetzt.

Die zweite Auflage, auf der die deutsche Übersetzung beruht, hat Garrett so erweitert, dass sein Modell explizit nicht nur für Websites, sondern auch für mobile Anwendungen, Apps und praktisch alle anderen interaktiven Projekte angewandt werden kann.

» Das Buch bei Amazon

So groß darf Schrift sein. Lesen auf Ihrer Site soll ja nicht anstrengend sein.

Einige gute Tipps dazu finden sich bei informationarchitects.jp – eigentlich Pflichtlektüre für 95 Prozent aller Site-Betreiber.

So sehen meine Wireframes meistens aus....

Anders als der Titel vermuten lässt, geht es gerade nicht um schnell schlampig Hingeschmiertes. Vielmehr erklärt Peiter Buick (ja, der Mann heißt Peiter) wie er seine Skizzen erstellt. Da staunen selbst die, die viel und gern zeichnen.

Mit vielen Fotos und einem kleinen Video führt er vor, wie man seine Fähigkeiten zur visuellen Kommunikation verbessert.

Der kostenlose Dienst Wirify nimmt Ihnen diese Arbeit ab. Sie geben eine URL an, und bekommen diese Seite als Wireframe angezeigt. Ein nettes Spielzeug.

Wireframe der benutzerfreun.de, erstellt mit Wirify

Hier können Sie den Dienst selbst ausprobieren: www.wirify.com

Dieser Frage gehe ich im Newsletter zum Jahreswechsel nach.