Ich bin auf so viele Websites (einschließlich meiner eigenen), Produkte/Dienstleistungen, so viele Anmeldeformulare, so viele Gewinnspiele gestoßen, bei denen ich absolut verloren war, als ich bestimmte wichtige Aufgaben erledigen wollte. Aufgrund dieser Erfahrungen wollte ich schon immer mehr über User Experience lernen – nicht nur für Websites, sondern auch darüber, wie man eine gute Gesamterfahrung eines Produkts/einer Dienstleistung für Nutzer/Kunden schafft. Und man sagt, dass der beste Weg zu lernen darin besteht, zu lehren. Also habe ich, im Bewusstsein des Risikos, zu unwissend und als kompletter Amateur in Sachen User Experience zu klingen, einige Materialien zu diesem Thema zusammengestellt. Ich habe darüber auch in meinem neuesten Buch über Vietnam Digital Marketing Fundamentals gesprochen. Kürzlich bin ich auf diese Uhr gestoßen: Nebenbei bemerkt: Ich hätte sie fast gekauft. Es ist eine der klassischen Casio G Shock-Uhren. Sie sieht ziemlich cool aus und sieht tatsächlich besser aus, wenn man sie trägt. Ich habe sie aber letztlich nicht gekauft, weil ich als Uhr nicht auf die analoge Anzeige schauen und die Uhrzeit ablesen kann. Die grundlegendste Funktion einer Uhr ist es, die Uhrzeit anzuzeigen. Ich sage das nicht als Kritik – ich glaube, viele Menschen würden diese Uhr wegen ihres Designs kaufen, und ich habe tatsächlich einige Passanten gesehen, die sie tragen. Jeder ist eben anders. Genug der Einleitung. Jetzt tauchen wir ein.

Zu wenig Aufmerksamkeit von Marketern in Vietnam

Ich muss sagen, User Experience ist ein Bereich, der von digitalen Agenturen und Marketern in Vietnam im Allgemeinen nicht ausreichend beachtet wird. Obwohl es nicht neu ist, scheint jeder nach einem schönen Design zu suchen, nicht unbedingt nach einer benutzerfreundlichen Website. Außerdem behauptet die Agentur vielleicht während der Pitch-Phase, dass sie sich um User Experience kümmert, in der Ausführungsphase passiert das aber möglicherweise nicht. (Wen wundert's!) Zeitmangel ist die häufigste Ausrede, geringer Budget vom Kunden eine weitere häufige. Mangel an Fachwissen könnte ein weiterer Grund sein. Die Wahrheit ist, dass es in Vietnam nicht viele User-Experience-Profis gibt.

User Experience: schwierig oder nur gesunder Menschenverstand?

User Experience ist schwierig, weil so viele Disziplinen zusammenkommen müssen. Aus der Sicht von Jodie Moule erfordert es: Interaction Design, Human Factors Engineering, Industrie-Design, Psychologie, Anthropologie (die Definition von Anthropologie findest du hier), Soziologie, Informatik, Grafikdesign und Kognitionswissenschaft. Es gibt auch viele Faktoren, die die Erfahrung eines Nutzers mit einem Produkt/einer Dienstleistung beeinflussen:

• Nützlichkeit
• Gebrauchstauglichkeit
• Erlernbarkeit
• Ästhetik: Sieht es gut aus?
• Emotionen

Übrigens hat Jodie Moule ein gutes Buch mit dem Titel „Killer UX Design" geschrieben. Killer UX Design ist sehr anwendbar, wenn du in einer Agentur arbeitest, weil die Autorin aus einem Agentur-Blickwinkel schreibt. Jodie spricht nicht nur über User Experience im Web, sondern diskutiert allgemein über alle Berührungspunkte, die du online/offline mit deinen Nutzern/Kunden haben könntest. Das ist ein wichtiges Konzept, das man beachten sollte, denn unter Owned Media allein hätten wir Website/Microsite, Facebook-Fanpage, YouTube-Kanal usw. Nicht nur das: Nutzer verwenden Desktops, Laptops, Smartphones und Tablets, um auf diese Angebote zuzugreifen, weshalb wir ein angenehmes Erlebnis während der gesamten User Journey sicherstellen müssen – vom Anfang, wenn sie zum ersten Mal mit uns in Kontakt kommen, was sie danach tun und dann, wohin sie gehen, wenn sie fertig sind. Für Anfänger sollte vieles bei der User Experience einfach und selbstverständlich sein. Es kommt aus einem Verständnis, einem Fokus auf die Bedürfnisse der Nutzer beim Design und der Entwicklung eines Produkts/einer Dienstleistung/Website. „Don't make me think" von Steve Krug ist wahrscheinlich eines der besten, leicht lesbaren Bücher für Anfänger wie mich. Der Buchtitel fasst alles für uns zusammen, nicht wahr? Unsere Aufgabe ist es NICHT, Nutzer dazu zu bringen, zu viel nachdenken zu müssen, nur um die Website/Anwendung nutzen zu können. Alles sollte für Nutzer natürlich und offensichtlich sein, besonders der wichtigste Call-to-Action. Wenn du weiter gehen und selbst Usability-Tests durchführen möchtest, hat Steve Krug ein weiteres gutes, leicht lesbares Buch mit dem Titel „Rocket Surgery Made Easy: The Do-It-Yourself Guide to Finding and Fixing Usability Problems" Amazon hat einen Abschnitt über Bestseller in User Experience und Website Usability, den du dir ansehen kannst. Da es zu diesem Thema bereits so viele Materialien gibt, möchte ich das Rad nicht neu erfinden. Ich empfehle dir, ein paar Bücher über User Experience zu lesen. Ich verstehe aber auch, dass manche von euch nicht zu viel lesen möchten und einfach ein paar praktische Tipps wünschen, die das Leben einfacher machen. Hier ist also die Checkliste grundlegender Dinge, auf die du achten solltest:

Geschwindigkeit zählt

Wie du dem Google-Bericht entnehmen kannst, beträgt die durchschnittliche Ladezeit für eine Website in Vietnam etwa 2,5 Sekunden. Wenn die Website also 15 Sekunden zum Laden braucht, stimmt etwas nicht. Nutzer wollen online nicht warten, und 20 Sekunden sind „eine lange Zeit" im Netz. Es gibt viele Artikel darüber, wie du deine Website schneller machen kannst, einschließlich Artikel von Google. Es ist mir egal, wie schön, nützlich oder reich deine Website ist: Wenn sie 30 Sekunden zum Laden braucht, bin ich NICHT interessiert. Wenn Google Analytics auf deiner Website installiert ist, kannst du dir den Seitengeschwindigkeitsbericht unter der Kategorie „Content" ansehen.

Der erste Eindruck zählt

Kannst du leicht verstehen, worum es auf der Website geht? Welche Website es ist? Auf welchem Abschnitt/welcher Seite der Website du dich befindest? Ist es für dich offensichtlich, was du von dort aus tun kannst? Wenn es zu lange dauert (z. B. 20 Sekunden), nur um herauszufinden, wo du dich befindest, was du hier tun kannst/wie du anfangen kannst, könnte die Informationsarchitektur der Website zu verwirrend oder das Design zu kompliziert sein. Wenn es in der Hauptnavigation Begriffe gibt, über deren Bedeutung du dir unsicher bist, dann ist sie wahrscheinlich nicht benutzerfreundlich genug. Zwar ist es wahr, dass bestimmte Websites Nutzer mit Fachkenntnissen erfordern, weil sie hochgradig technisch sind. Meine Herausforderung an diese Website-Betreiber lautet jedoch: „Willst du mehr Geschäfte machen?" Willst du mehr Geschäfte von Menschen machen, die vorher NICHT dein Kunde waren, neue Kunden? Daher ist es von größter Bedeutung, die Dinge für Menschen so einfach wie möglich zu gestalten, um diese neuen Kunden anzuziehen. Das übergreifende Prinzip hier ist wieder „Don't make me think".

Wo bin ich? Wohin kann ich von dort gehen?

Um Nutzern zu helfen zu verstehen, wo sie sich auf der Website befinden und welche Optionen sie auf dieser Ebene haben, können wir Breadcrumbs und andere Design-Hinweise verwenden. Wenn du nicht weißt, was ein Breadcrumb ist, sieh dir bitte den Screenshot unten an: Außerdem ist es wichtig, dass Nutzer die Website durchsuchen können, wenn sie sich verirren. Das ist eine sehr wichtige Funktion. Ich muss jedoch schämen, dass die Suchfunktion auf meiner Website nicht sehr gut ist! Meiner Meinung nach ist die interne Suchfunktion keine Option mehr, sondern ein MUSS (natürlich, wenn deine Website nur zwei Seiten hat, brauchst du wahrscheinlich keine Suchfunktion). Die interne Suchfunktion ist im Grunde der Suchbutton, mit dem Nutzer nach Inhalten auf deiner Website suchen können. Eine analoge Alltagssituation wäre: Wenn du nicht findest, was du suchst, oder dich in einem Kaufhaus verlierst, hast du im Grunde zwei Optionen:

• Du schaust an die Schilder, um zu verstehen, wo du bist, und suchst nach den Bereichen, wohin du möchtest. D. h. du schaust in die Hauptnavigation.
• Du fragst einen Verkäufer in der Nähe, wie du die Schmuckabteilung oder die Kinderabteilung findest usw. – das entspricht der Suchfunktion im Online-Bereich. Ich bin oft sehr faul und frage immer den Verkäufer, weshalb ich im Internet die Suchfunktion benutze, wenn ich nicht sofort finde, was ich suche. Amazon, eine der größten E-Commerce-Websites, hat eine sehr robuste Suchfunktion, die das Leben der Nutzer sehr erleichtert.

Grundlegende Barrierefreiheitsprobleme

Text-Hintergrund-Kontrast: Text sollte leicht lesbar sein und ausreichend Kontrast zum Hintergrund haben, wie schwarzer Text auf einem weißen oder leicht grauen Hintergrund. Bitte versuche nicht, dunkelblauem Text auf schwarzem oder blauem Hintergrund zu verwenden usw. Das folgende Beispiel hat keinen guten Text-Hintergrund-Kontrast, neben anderen Problemen wie dem Versuch, einen Standort mit Worten zu erklären: Eine weitere Sache ist Schriftgröße und Zeilenabstand. Ich würde argumentieren, dass alles unter Größe 10 im Web nicht leicht zu lesen ist. Vielleicht werde ich alt, aber ich werde keine Zeit damit verschwenden, kleinen Text zu lesen.

Klare visuelle Hierarchie

Darüber könnten wir viel Zeit diskutieren. Im Wesentlichen geht es darum: Je wichtiger etwas ist, desto weiter oben auf der Seite muss es sein. Wichtige Inhalte sollten über der Falz liegen. Das Obige ist BUCHSTÄBLICH der „über der Falz"-Teil einer Landing Page, nachdem ich auf ein Banner auf vnexpress geklickt habe. Was denkst du als Nutzer dazu? Außerdem sollte die wichtigere Überschrift in einer größeren Schrift dargestellt werden im Vergleich zu weniger wichtigen. Sieh dir bitte den Screenshot unten an und versuche zu erraten, welche Informationen er vermitteln soll – d. h., welches die wichtige Information auf dieser Karte ist. Der Kontext dieses Screenshots ist, dass es sich um den Standort eines Immobilienprojekts handelt. Kannst du das Projekt irgendwo auf der Karte finden? Ich habe es nach etwa einer Minute Suchen unter dem Menüpunkt „Standort" nicht gefunden. Dinge, die logisch zusammengehören, sollten auch physisch eng beieinander sein. Es ist wie die Anordnung von Waren in einem Supermarkt. Du siehst Fisch und Trockenware nicht in einer Abteilung gemischt, oder?

Konventionen befolgen ist wichtig

Einige der Konventionen sind:

• Site-ID (Logo) muss klar angegeben sein und befindet sich meistens oben auf der Seite. Es befindet sich eher in der oberen linken Ecke oder zentriert oben als in der oberen rechten Ecke. Hast du jemals ein Site-Logo in der oberen rechten Ecke gesehen?
• Das Firmenlogo sollte zurück zur Startseite verlinken.
• Klar machen, welcher Teil anklickbar ist: Konventionell ist blauer und unterstrichener Text anklickbar (in manchen Fällen nur blauer Text).
• Verwende keine selbst erfundenen Icons ohne unterstützenden Text. Das gilt auch für selbst erfundene Abkürzungen. Es mag cool klingen, eine neu erfundene Abkürzung zu benutzen, aber es ist NICHT gut für das Geschäft. Wenn die Leute etwas nicht verstehen und du NICHT da bist, um ihre Fragen zu beantworten (es ist schließlich online!), schreckt es die Leute ab.
• Die Site-Suche sollte sich oben in der Mitte oder oben rechts befinden.

Fähigkeit, wichtige Aktionen abzuschließen

Das gilt als der wichtigste Aspekt von allem. Wenn Nutzer das, was du von ihnen möchtest, einfach und ohne Probleme erledigen können, bist du ein Star! Wenn Nutzer nicht tun/erfüllen können, was sie von dir wollen, bist du verloren, egal wie „hübsch" deine Seite ist. Erstelle eine Liste der Top 3 bis 5 wichtigsten Aktionen, die Nutzer auf deiner Website ausführen sollen. Schreibe dann 3 bis 5 Szenarien, die zu diesen Schlüsselaktionen passen, damit wenn du jemanden bittet, diese Aufgaben zu erledigen, er/sie die Hintergrundinformationen hat. Das sollte einfach sein, und fast jeder aus dem Bereich Marketing, IT oder Vertrieb könnte die Liste erstellen. Teste diese Liste JETZT mit jemandem, der NICHT aus dem Marketing-Team, dem Kreativteam, dem Vertrieb oder der IT kommt. Im Grunde suche ich nach entweder dem Test mit deiner Zielgruppe oder, da deine Zielgruppe recht breit sein dürfte, dem Test mit jemandem, der NICHT an der Erstellung, Gestaltung oder Wartung der Website beteiligt ist. Ich hoffe, du wirst nicht so überrascht sein wie ich in vielen Fällen. Einige Beispiele sind unten:

• Wenn du Leute zu einer Party/Veranstaltung einladen möchtest, die du organisierst, ist es am besten, sie nicht auf deine PR-Nachrichtenseite zu verweisen oder deine Offline-Broschüre online zu stellen. Ich bin auf Broschüren-Typ-Landing-Pages gestoßen, auf denen Nutzer keine Ahnung hatten, wie sie sich registrieren sollten. Sie mussten im Grunde genommen etwa 5 Seiten nach unten scrollen, um einen sehr kleinen Call-to-Action unten über „Hier registrieren für dein kostenloses Ticket" zu sehen.
• Wenn du eine Fast-Food-Kette bist und möchtest, dass Nutzer die Website besuchen, um dich anzurufen und zu bestellen, sollte deine TELEFONNUMMER auf der Startseite und auf so vielen Seiten wie geeignet sichtbar sein. Versuche nicht, sie irgendwo anders zu verstecken.

Einige andere kleine Dinge

Hier sind ein paar häufige „Fehler" bei Websites/Microsites, die ich bisher gesehen habe, damit du auf sie achten kannst:

• Anmeldeformular mit nur 1 Feld für das Passwort, kein Feld zum Wiederholen des Passworts??
• Anmeldeformular, das zu viele persönliche Informationen ohne guten Grund abfragt.
• Anmeldeformular, bei dem nach dem Klicken auf den Sende-Button und wenn etwas falsch ist, alles weg ist und du alles neu eingeben musst! Ernsthaft, es ist 2013, und Nutzer sollten NICHT alle Felder im Formular neu eingeben müssen, nur weil etwas falsch ist. Das Passwort oder den CAPTCHA neu einzugeben ist verständlich, aber nicht alles wie Name, E-Mail usw.
• Statusleiste beim Hochladen eines Fotos oder Videos: Mit der relativ langsamen Internetverbindung in Vietnam ist es sehr wichtig, dass wenn wir den Nutzer bitten, etwas hochzuladen, wir eine laufende Statusleiste haben sollten, damit der Nutzer weiß, ob es in Bearbeitung ist, fehlgeschlagen ist oder wie viel Zeit er noch warten muss.
• Automatisch abspielendes Video mit TON AN: Ich weiß, dass wir als Marketer möchten, dass die Leute unser Video schauen, besonders wenn es Tausende von Dollar kostet. Jedoch ist ein automatisch abspielendes Video mit TON AN aus meiner Sicht ein absolutes NO-GO. Als Nutzer war meine erste Reaktion immer, dieses Video und den Ton sofort auszuschalten, egal was – d. h., ich warte nicht mal, um zu sehen, worum es in dem Video geht.
• Standort ohne Karte: Meistens haben wir Standorte unserer Büros, Filialen, Restaurants auf der Website und möchten, dass Nutzer diese besuchen. Jedoch ist nur die Adresse aufzulisten ohne die Karte suboptimal. Google Maps ist recht genau und einfach einzubinden, also füge sie einfach hinzu, damit der Nutzer weiß, wie er zu deinem Geschäft/Restaurant gelangt usw.

Die untenstehende Auflistung von Filialen ist für mich suboptimal. Diese hier ist viel besser. Sie hat eine detaillierte Adresse, Telefonnummer, Karte usw.

• Logo, das NICHT anklickbar ist! Das trifft mich wirklich. Es ist eine sehr verbreitete Gewohnheit, dass Leute auf das Logo klicken und erwarten, zur Startseite zurückzukehren. Ein Logo zu haben, das NICHT anklickbar ist, sendet die Botschaft, dass du dir KEINE Gedanken um deine Nutzer machst.

Das war's von mir. Bitte teile deine Erfahrungen und Ratschläge, um diese Liste vollständiger und nützlicher zu machen. Ich bin sicher, dass ich viel übersehen habe. Viele Grüße, Chandler P.S: Dieses Kapitel ist auch in meinem Buch über Vietnam Digital Marketing Fundamentals enthalten! Update 1: 13.07.2013 Es gibt eine nützliche, einfache Checkliste von Dr. Peter J. Meyers: „25 point website usability checklist" Update 2: 28.10.2013. Ein Muss – 28 fantastische Tipps zur Benutzeroberfläche: http://goodui.org/