In letzter Zeit experimentiere ich ja bekanntlich in Sachen Usability und Design viel herum. Ein paar Dinge haben sich bei mir auf mehreren Projekten bewährt und die möchte ich euch nicht vorenthalten.

Logo!

Einer der ersten Schritte war es, statt schnödem H1-Text ein Logo auf viele Seiten zu bringen. Das Logo sollte dabei oben links stehen, nicht zu überladen sein und einfach nur den User erkennen lassen, auf welcher Seite er sich gerade befindet. Seokratie hat leider immer noch kein Logo – aber das wird demnächst definitiv kommen. Auf anderen Seiten habe ich durchweg gute Erfahrungen mit der Einführung von Logos gemacht. Die User finden die Seite besser, professioneller und seriöser. Ich bekomme mehr Werbe- und Kooperationsanfragen und das “Branding” fällt viel einfacher, auch bei sehr kleinen Seiten.

Adsense

Ich bin von der “die User klicken eh nur aus Versehen, also mache ich die Adsense Anzeigen unauffällig”-Strategie abgefallen und mache die Adsense anzeigen so auffällig wie möglich (d.h. richtig kontrastiv). Die CTR, auch in der Seitenleiste oder allgemein schlecht laufenden Seitenbereichen hat sich dadurch enorm erhöht.

Verdana statt Arial

Verdana ist eine viel bessere Schrift als Arial und die beste Schrift für Internetseiten. Die Absprungrate verringerte sich bei mir um 2-5 % – nur wegen der Schriftart!

1 Satz Seitenvorstellung

Es hilft ungemein wenn der User unterhalb des Logos ganz kurz mitgeteilt bekommt, was er auf der Seite finden oder machen kann. Hier darf man keinen Roman schreiben, sondern muss in einem Satz beschreiben was es auf der Seite gibt. Ein Beispiel findet sich seit heute rechts oben in meinem Blog unter “Wo bin ich hier?”. Meine Version ist natürlich noch nicht perfekt, zeigt aber neuen Usern (wenn sie es dort finden) sofort, was es bei mir gibt und was nicht. Ihr müsst mir einfach glauben, dass ich das woanders schon besser und mit mehr Erfolg gemacht habe.

Navigation ändern

Einer der wichtigsten Punkte von Usability ist eine ordentliche und selbsterklärende Navigation. Alles zu erklären würde den Rahmen sprengen, aber auf ein paar Dinge möchte ich schon hinweisen. Die Navigation soll:

• Nicht zu überladen sein (zu viele Punkte)
• Deutlich und klar als Navigation bzw. “Anklickbares” gekennzeichnet sein
• Klare und deutliche Begriffe enthalten (was steckt dahinter)
• Für den User gut gegliedert sein
• Überflüssiges muss raus!
• Navigation immer links oder oben (ich weiß… hier ist es anders, aber ist ja auch ein Blog)

Ich werde wohl mal einen extra Blogpost zur Navigation machen, weil sie so wichtig ist.

Wichtige Dinge mit Farben markieren

Signalfarben wie Rot oder Grün fallen enorm auf und helfen dem User die wirklich wichtigen Dinge auf der Seite zu erkennen. Grün ist gut, rot ist meist etwas Schlechtes oder sehr Wichtiges! Farbenspiele sind ein sehr guter Trick für Pro- und Kontra- bzw. Vor- und Nachteilslisten. Wie wirkt hier zum Beispiel der Rotdruck? Also für mich ist das der absolute Eyecatcher des Posts. Wenn ihr eine wichtige Aussage habt, dann sollte sie hier stehen.

Listen und Stichwörter

Web-User hassen Fließtexte. Texte sollen

• kurz
  
• prägnant
  
• in Listen geschrieben

sein. Super sind Tabellen, Listen, Nummerierungen und Stichwörter, die auch gut im Text als Fettdruck auffallen. Lange Texte sind langweilig, außer sie sind enorm gut geschrieben. Wenn man einen langen Text benutzt, sollte man unbedingt Überschriften verwenden. Nicht eine Überschrift pro Seite, sondern alle drei bis vier Zeilen.

Bilder verwenden

see more pwn and owned pictures

Ein Bild lockert die Seite auf und kann bestimmte Sachen veranschaulichen. Vorsicht Urheberrecht: Bilder einbinden nur mit Genehmigung! Ich benutze seit neuestem Fotolia (kapitalistischer Werbelink ) und bin damit sehr zufrieden. Leider muss man trotzdem den Autor nennen – da ist das deutsche Recht nicht sehr behilflich. Zumindest muss man nicht, wie bei anderen kostenlosen Anbietern auf die Fotoseite verlinken (und der Anbieter verkauft dann fleissig Links im Footer).

Testen!

Testen ist das Wichtigste überhaupt. Es gibt drei Arten von Usability Tests:

1. Ändern und Analysieren: Ganz plump, aber effektiv. Ich ändere etwas (eine Sache nur, nicht mehrere!) und sehe dann nach, ob das Verbesserungen gebracht hat. Momentan arbeite ich hauptsächlich so.
2. Fragen: Setzt jemanden, der keine Ahnung von eurer Seite hat an den Computer und lasst ihn sich die Seite ansehen. Kein Witz – die Ergebnisse werden euch tagelange Arbeit, aber einen viel besseren Webauftritt bescheren! Profis machen das mit 3 verschiedenen Personen.
3. Multivariables Testing: Für Landingpages (Stichwort Websiteoptimizer) unerlässlich, für Seiten mit mehreren Seiten Navigation würde ich eher Variante 1 bevorzugen (Aufwand geringer).

Usability bringt nichts ohne Reflexion. Ich muss etwas verändern und danach sehen können (objektiv!) ob das positive Auswirkungen hatte oder nicht.

Ich hoffe euch haben diese wild zusammengewürfelten Tipps zum Nachdenken angeregt. Momentan drifte ich voll in die Usability-Schiene ab, da ich mich eben in genau diesem Bereich schlau mache. In Sachen SEO gibt es sowieso nicht viel Neues.

Generell gilt für Webseiten:

1. Schwachstellen / vernachlässigte Bereich erkennen
2. Sich schlau machen, wie man das ändert
3. Ändern
4. Reflexieren Reflektieren, danke David (war das auch gut?)

Falls Ja: Freuen und neue Schwachstelle suchen
Falls Nein: Zurück zu Schritt 2.

Hoffentlich war euch das heute nicht zu bunt und ausgefallen.

1. Usability Wüste Deutschland >>Dass Deutschland eine Service-Wüste ist, hat wohl jeder begriffen der einmal in den USA oder in Japan war. Momentan befasse ich mich stärker mit dem Themen Usability und Conversionoptimierung und...
2. Welche Auswirkungen wird Searchwiki haben? >>Das Thema “Search Wiki” ist derzeit in aller Munde. Kurz gesagt hat Google bei den .com und englischsprachigen SERPS (Search Engine Result Pages) neben jede URL zwei kleine Buttons hinzugefügt,...
3. Usability Ressourcen >>Heute stelle ich euch wie versprochen ein paar Usability Ressourcen zur Verfügung. Usability.gov Ein wahrer Volltreffer bei meiner Suche war Usability.gov. Neben einführenden Definitionen (Was ist Usability?) liegen in der...
4. Usability Monitor von Syzygy >>Ein recht interessantes PDF wurde mir heute zugespielt: Der Usability Monitor 2008. Kann man sich auf jeden Fall einmal durchlesen – einige interessante Sachen stehen dabei. Neben Usability wird auch...