Usability

Nutzerzentriertes Design für Ihren Erfolg im Web

Usability ist ein zentraler Aspekt des Internet-Erfolgs für Unternehmen. Benutzer erwarten heute, dass sie schnell und klar zu den gesuchten Informationen geführt werden. Oft wird dieser Aspekt nicht ausreichend beachtet. Die Folge sind ein schnelles Verlassen der Seite durch den Nutzer und eine geringe Conversion Rate — d.h. zu wenige Nutzer werden auch tatsächlich zu Ihren Kunden. Ein Unternehmen, das hier mit Usability punktet, kann seinen Mitbewerbern einen entscheidenden Schritt voraus sein.

Ein auf Ihre Kunden und Ansprechpartner ausgerichtetes Konzept beim Webdesign ist der Dreh- und Angelpunkt von erfolgreichen Kampagnen und jeder werblichen Aktivität. Dabei werden die Interessenlagen und Sichtweisen Ihrer Kunden und Ansprechpartner durch uns gemeinsam mit Ihnen genau bestimmt und ihre unternehmerische Ausrichtung passgenau auf diese Kundeninteressen bezogen.

Mit einer solchen soliden und transparenten Basis für Ihre Website können Sie eine langfristige Erfolgsstrategie umsetzen, die auch zu Ihrer Unternehmensentwicklung passt und Ihnen viel Geld und Zeit bei zukünftigen Werbemaßnahmen einspart.

Case-Study: Usability-Optimierung für ViGeno* mit Heatmapping

Mithilfe verschiedener Techniken kann eine Heatmap von einer Webseite angefertig werden. Diese gibt dann Aufschluss darüber, wie Nutzer diese Seite betrachten. So kann nicht nur der Blickverlauf nachvollzogen werden, sondern es können auch Bereiche identifiziert werden, die sehr stark oder auch zu schwach Beachtung finden. Das Ziel muss darin bestehen, den Blick des Nutzers bewusst auf die Bereiche zu lenken, die Ihnen einen Nutzen bringen – das kann ein Angebot oder auch ein Menü oder ein einzelner Menüpunkt sein. Zudem sollte der Blick des Nutzers immer wieder zur Mitte oder zu inhaltsrelevanten Bereichen zurückgeführt werden und niemals aus der Seite herauswandern.

Ausgangssituation:

Mit dem aktuellen Layout sind sowohl Nutzer, aber auch Autoren und nicht zuletzt der Kunde sehr zufrieden. Dennoch können anhand dieser Heatmap einige Schwachstellen identifiziert werden, die einer optimalen Nutzung entgegenstehen.
1. Null-Informationsbereiche: Der Blick des Nutzers verharrt an insgesamt sechs Stellen — allerdings sind an vier Stellen überhaupt keine weiterführenden Informationen zu finden! Die Folge: Der Nutzer nimmt keine für ihn relevante Information auf und wird die Seite wieder verlassen, weil sie ihm anscheinend keinen Nutzen bietet.
2. Schlechter Start- und Endpunkt: Der Blick beginnt bei dem Button "Jetzt kostenlos anmelden". Prinzipiell ist nichts dagegen einzuwenden, dass dieser Button Beachtung findet, allerdings sollten zunächst die interessanten Themen für den Nutzer erkennbar werden (bevor er diese nicht erkennt, wird er sich sowieso nicht anmelden). Der Blick wandert nun in die obere Mitte des Screens — er wird von der dunklen Augenpartie angezogen. Leider wird der Blick nun nicht auf die relevante Information, wie z.B. den Leitartikel, gelenkt, sondern wird von einem Null-Informationsbereich zum anderen geführt.
3. Navigation "Beliebte Links" findet keine Beachtung: Gerade diese Navigation soll Nutzer auf der Website halten. Anhand der Website-Statistik finden diese Themen bei anderen Nutzern großen Anklang. Die Chance, Nutzer auf der Website zu halten, indem diese beliebten Seiten direkt als Links angeboten werden, ist also eigentlich recht groß. Die Heatmap zeigt allerdings, dass dieser Bereich völlig unbeachtet bleibt.

Optimierte Version:

Nach der Optimierung wurden alle oben angesprochenen Probleme beseitigt.
1. Keine Null-Informationsbereiche: Das Verweilen des Blickes in den Null-Informationsbereichen wurde komplett eliminiert. Der Blick verharrt vor allem dort, wo der Leitartikel mit Nennung des Autors und des Titels beworben wird.
2. Optimierung von Start- und Endpunkt: Der Blick startet nun direkt am Leitartikel. Der Nutzer weiß sofort, wie er diese Website einordnen soll und welchen Nutzen sie ihm bringt. Dies wurde vor allem durch die Wahl eines anderen Bildes erzielt. Durch die dunklen Bildbereiche direkt neben dem Namen des Autors wird der Blick des Nutzers genau dort hin gelenkt. Während dessen waren dunkle Bildbereiche in der vorherigen Version eher nicht in Nähe der relevanten Informationen zu finden — folglich wurde der Blick an eine falsche Stelle gelenkt.
Der Anmelden-Button wurde an eine andere Position verschoben. Er befindet sich nun in der Nähe der inhaltsrelevanten Bereiche. 3. Navigation "Beliebte Links" findet nun Beachtung: Die "Beliebten Links" wurden mit kleinen Icons versehen. Dies hat dazu beigetragen, dass deutlich mehr Aufmerksamkeit auf diesen Bereich gelenkt wird.

Fazit:

Dieses Beispiel zeigt deutlich, dass bereits mit kleinen, aber bewusst gewählten Veränderungen eine Usability-Optimierung möglich ist. Das Internetportal ViGeno wird seit ca. einem Jahr stetig weiterentwickelt und erfreut sich einer wachsenden Beliebtheit. Kennzahlen wie "aufgerufene Seiten pro Nutzer" oder "Verweildauer pro Nutzer", aber auch die "gesamten Seitenaufrufe" sind seit Optimierungsbeginn steigend.

*ViGeno ist ein Internetportal für Themen rund um Spiritualität und Esoterik. Menschen besuchen diese Website vor allem, um interessante und exklusive Artikel von namhaften Autoren aus dem spirituellen Bereich zu lesen.

Die Vorteile des Heatmappings liegen klar auf der Hand:

• Bewusstes Lenken des Blickes
• Angebote und wichtige Inhaltsbereiche können in das Blickzentrum gerückt werden
• Oft können schon kleine Veränderungen wahre Wunder bewirken
  (Entfernen von störenden Elementen)
• Steigerung Ihrer Conversion Rate
  (Mehr Nutzer werden auch tatsächlich zu Ihren Kunden)

VOR der Optimierung

• Null-Informationsbereiche bekommen die Hauptaufmerksamkeit. » vgl. NACH der Optimierung
• Schlechter Start- und Endpunkt. Blick endet nicht bei der Hauptinformation. » vgl. NACH der Optimierung
• Navigation "Beliebte Links" findet keine Beachtung. » vgl. NACH der Optimierung

NACH der Optimierung

• Keine Null-Informationsbereiche mehr. » vgl. VOR der Optimierung
• Optimierung von Start- und Endpunkt. Blick endet in Nähe des Titelthemas. » vgl. VOR der Optimierung
• Navigation "Beliebte Links" findet deutlich Beachtung. » vgl. VOR der Optimierung