04.
August
2014
10 Tipps für eine gelingende User Experience

10 Tipps für eine gelingende User Experience

  Jens-Ole Boelsen
(Leiter User-Experience-Team, Otto Group E-Commerce Competence Center)

Jens-Ole Boelsen, Leiter des User-Experience-Teams im E-Commerce Competence Center, Otto Group.Als Fachmann für User-Experience-(UX)-Fragen weiß Jens-Ole Boelsen, wo die Stolpersteine liegen, die Usern das Handling von Webseiten und Webshops unnötig erschweren. 

Für ottogroupunterwegs.com hat er 10 wesentliche UX-Fallen zusammengefasst, die ihm immer wieder begegnen. Wer also nutzerfreundliche Webseiten kreieren will, sollte sich die nachfolgenden Hinweise gut einprägen:

1. Werbeoptik

Die selektive Wahrnehmung von Nutzern ist gerade beim Online-Surfen sehr stark. Sie haben gelernt, alles zu ignorieren, was ihnen beim Navigieren zu ihrem Ziel in die Quere kommt („Banner Blindness“ ). Dies ist besonders fatal, wenn legitime Design-Elemente einer Website wie Werbung aussehen und somit oft komplett übersehen werden. Das gleiche gilt für animierte Elemente. Von Pop-up-Fenstern ganz zu schweigen.

2. Kauderwelsch 2.0

Ich stelle immer wieder fest, dass auf Webseiten komplexes „Marketing-Sprech“ zum Einsatz kommt oder mit technischen Begriffen nur so um sich geworfen wird. Dabei bleiben die Nutzer bei der Suche nach Produkten oft auf der Strecke.  

3. Textwüsten

Nutzer lesen nicht online – sie scannen. Ärgerlich, wenn dann wichtige Inhalte, wie z.B. Produktbeschreibungen, als Fließtext dargestellt werden. Besser: Listenpunkte, Absätze mit Zwischenüberschriften oder Tabellen, die leicht zu überfliegen sind. Generell gilt: Weniger ist mehr! Online-Texte sollten maximal halb so lang sein wie die entsprechende Printversion. Dabei sollten die wichtigsten Inhalte immer prominent sichtbar für die Nutzer sein; zusätzliche Inhalte können dann auch gerne hinter einem – klar benannten – Link verortet werden.

4. Zug nach Nirgendwo

Es ist immer wieder sehr frustrierend für Nutzer, wenn die Suchfunktion einer Website unpassende oder gar keine Resultate liefert. Gerade wenn Nutzer sehr gezielt nach etwas suchen oder mit der Navigation der Seite nicht klarkommen, greifen sie auf die Suchfunktion zurück. Ungünstig, wenn diese dann auch nicht weiterhilft. Hinzu kommt oft, dass gängige Tippfehler bei der Eingabe in das Suchfeld nicht korrigiert oder Suchanfragen, die aus mehreren Wörtern bestehen, nicht korrekt verarbeitet werden.

5. Unsichtbare Inhalte

Nutzern entgehen wichtige Inhalte, wenn diese unterhalb des sichtbaren Bereichs einer Webseite platziert sind. Für die meisten ist das Scrollen zwar kein Problem, aber manchmal ist es – je nach Bildschirmauflösung – nicht klar zu erkennen, dass weitere Inhalte im unteren Bereich der Seite folgen. Dies ist vor allem dann kritisch, wenn wichtige sog. Call-to-Action-Buttons (z.B. „In den Warenkorb“) initial nicht gesehen werden oder nicht klar ist, dass nach etwas Scrollen noch wichtige Inhalte zum Vorschein kommen könnten.

6. Eingabefeld-Magnetismus

Es passiert nicht selten, dass Nutzer Eingabefelder vertauschen. Der Klassiker: Der Login-Bereich im Bestellprozess eines Online-Shops. Wenn hier gleichzeitig für beide Kundengruppen, Bestandskunden und Neukunden, die entsprechenden Eingabefelder in einer Maske gezeigt werden, füllen Nutzer oft zunächst die falschen Felder aus – generell die, die ihnen als erstes in Auge springen. Die meisten Nutzer erkennen dann zwar irgendwann ihren Fehler, aber ärgerlich ist es trotzdem.

7. Verwirrende Informationsarchitektur

Nutzer stoßen schnell an ihre Grenzen, wenn sie, z.B. beim Online-Shoppen die gewünschten Produkte nicht finden, weil die Navigation anhand einer internen Logik (z.B. nach Einkaufsbereichen) aufgebaut ist. Als Außenstehender ist das extrem verwirrend.

8. Formular-Frust

Das Ausfüllen von Formularen, wie z.B. bei einer Neukundenanmeldung, ist Usern oft ein Graus. Es sein denn, sie sind nicht allzu lang und weisen Pflichtfelder deutlich aus. Gerade bei der Passwortvergabe ist eine klare Kommunikation unerlässlich. Wer mehrere Anläufe braucht, bis sein Kennwort akzeptiert wird, fackelt meistens nicht lange und bricht den gesamten Vorgang frustriert ab.

9. Icon-Eintopf

Wenn Symbole und Icons auf einer Website nicht verstanden oder als Interaktionselemente erkannt werden, sind die Nutzer auf verlorenem Posten. Ein aktuelles Beispiel ist der sog. „Burger-Button“, der vor allem auf kleineren Displays – z.B. beim Smartphone – zum Einsatz kommt und das Hauptmenü ersetzt. Vielen Nutzern ist dieses Symbol noch nicht geläufig, und sie suchen dann oft vergeblich nach dem Hauptmenü. Textliche Zusätze unter den jeweiligen Icons oder die guten alten Textlinks können hier Abhilfe schaffen.

10. Das stumme System

Manchmal braucht das System etwas länger, um einen Befehl auszuführen. Nutzer erkennen das nicht sofort und klicken sich die Finger wund. Hier ist die Gefahr eines Besuchsabbruchs besonders hoch. Ein automatisierter Hinweis (z.B. ein kurzer Texthinweis oder ein Sanduhr-Symbol) wäre in einem solchen Fall empfehlenswert. Eine Variante dieses Problems kennt man aus dem Online-Shopping: Man wählt auf einer Produktdetailseite eine bestimmte Farbe aus, aber das dazugehörige Bild ändert sich nicht entsprechend. Das wiederum führt zu Verunsicherung, ob die Farbauswahl nun wirklich korrekt verarbeitet wurde.


Jens-Ole Boelsen ist Leiter des User-Experience-Teams im E-Commerce Competence Center der Otto Group. Seit rund 15 Jahren beschäftigt er sich mit Fragestellungen rund um das Thema Usability bei Webseiten und Online-Shops. Er ist Gastredner bei Fachkonferenzen und an Hochschulen.


Foto: © bagiuiani - Fotolia.com  



1

Kommentar

  • Kevin Hasenkamp

    "Viele Punkte, die hoffentlich von Lesern beachtet werden - damit es auch klappt mit der guten User-Experience.

    Zum Punkt 10. allerdings möchte ich anmerken, dass der Aspekt Ladezeit nicht unter den Tisch fallen sollte - oder mit einer Sanduhr übertüncht.

    Performance Matters! Gerne diskutiere ich den Punkt.

    Kevin Hasenkamp "

    19. April 2016 11:44

Kommentar schreiben

Hinweis
Wir freuen uns über Ihre Kommentare in diesem Blog. Die Redaktion behält sich jedoch vor, Beiträge nachträglich zu löschen, sollten diese gegen die Kommentarrichtlinien verstoßen. Dies gilt insbesondere für solche Beiträge, die rechtswidrige Inhalte, Werbung für Dritte, Spam oder Beleidigungen enthalten oder in anderer Form unsachgemäß sind.

Verwandte Artikel

  •  
    07.
    Februar
    2017
    Kann bald jedes Unternehmen als Bank auftreten?

    Kann bald jedes Unternehmen als Bank auftreten?

    Icon Constance Stein
    (Innovation Manager Otto Group)

    Neue Regelungen und technologische Entwicklungen ermöglichen, dass nun auch Unternehmen abseits des klassischen Finanzmarkts ihren Kunden Banking-Dienstleistungen anbieten können – eine Analyse.

  •  
    30.
    Januar
    2017
    1
    Digitalisierung: Was passiert da gerade eigentlich?

    Digitalisierung: Was passiert da gerade eigentlich?

    Icon Redaktion ottogroupunterwegs
    (Admin)

    Die Blogparade "Digitalisierung: Was passiert da gerade eigentlich?" startet... Jetzt mitmachen!

  •  
    26.
    Januar
    2017
    3
    Wie weit darf Personalisierung gehen?

    Wie weit darf Personalisierung gehen?

    Icon Constance Stein
    (Innovation Manager Otto Group)

    AI Webdesign ermöglicht die dynamische Anpassung von Inhalt und Gestaltung einer Webseite in Echtzeit: Welchen Impact hat diese Technologie auf den E-Commerce?

Beliebte Artikel

  •  
    09.
    Mai
    2016

    Startups und die Altersfrage

    Icon Redaktion ottogroupunterwegs
    (Admin)

    Welche Rolle spielt eigentlich das Alter beim Gründen? Wir haben bei Startup-Unternehmern aus unterschiedlichen Branchen nachgefragt.

  •  
    30.
    Januar
    2017
    1

    Digitalisierung: Was passiert da gerade eigentlich?

    Icon Redaktion ottogroupunterwegs
    (Admin)

    Die Blogparade "Digitalisierung: Was passiert da gerade eigentlich?" startet... Jetzt mitmachen!

  •  
    06.
    Oktober
    2016

    Paketroboter in Hamburg: Mit 6D9 durch Ottensen

    Icon Ingo Bertram
    (Corporate Communications, Hermes Europe)

    Paketzustellung per Roboter – in Hamburg ist das jetzt Realität, zumindest testweise. Im Stadtteil Ottensen hat Hermes mit Starship einen umfangreichen Pilottest begonnen. Weitere Stadtteile folgen.

Neueste Kommentare

Lars Hahn zu Digitalisierung: Was passiert da gerade eigentlich?

"Schönes Thema der Blogparade. Da mache ich gerne mit. Passend bei..."
21.02.2017

Carsten Gans zu Meine künftige Rolle in der Otto Group

"Hallo Herr Otto, ich freue mich, auch zu lesen, dass Sie mit einer neuen Stiftung gesellschaftlich aktiv..."
20.02.2017

Thomassl zu Das Hermes Future Forum: Von Hamburg in die Welt

" - "
17.02.2017

Neueste Tweets

  • RT @MJPEDesign: @OttoGroup_Com #Digitalisierung: Was passiert da gerade eigentlich? : ...

  • RT @Franziska_DAW: Spannende Ausgabe! Auch dabei: Ein Beitrag zu Diversity in der Arbeitswelt ...

  • Welchen Stellenwert hat #mobile für die Otto Group? Einblicke bei @mobilbranche: ...