Zum Inhalt springen


www.testland-blog.de

Praxiswissen zu Testing, Optimierung und Landingpage


Dienstag, 31. März 2009

Welche 50 Dinge man vermeiden sollte um User nicht zu verägern… – Teil 1

Durch einen Hinweis bin ich auf eine interessante Liste von 50 Usability-Aspekten gestoßen, die Nutzer im Web verägern. Umgekehrt gedacht, kann wer sich die Liste zu herzen nimmt auch seine Landing Page, Website oder Shop damit optimieren. Hier mal die ersten 25 Aspekte:

  1. Automatischer Start – Multimedia Dateien die automatische Starten wie Sounds, Videos usw.
  2. Interstitials – Anzeigen die eine ganze Website füllen und häufig zwischen einem Seitenwechsel eingesetzt werden z.B. bei längeren Artikeln
  3. AdSense Überladung – Angebote, die durch AdSense Anzeigen so störend überladen sind, dass der eigentliche Inhalte gesucht werden muss bzw. kaum erfassbar ist
  4. Banner Überladung – Überladung einer Seite mit Banner, so dass beispielsweise erstmal heruntergescrollt werden muss um den eigentliche Inhalt einer Seite zu finden
  5. Pop-ups – Fenster die automatisch unaufgefordert sich störend und den Inhalt verdeckend über die aufgerufene Seite legen
  6. Verdeckende Rollover-Navigation – Rollover Navigation, welche sich so ausrollt, dass die anderen Navigationen überdeckt werden
  7. Angetäuschte Weißfläche – die in wirklich eine versteckten Link zu Werbung etc. trägt
  8. Über Seiten verteilte Artikel – die es erfordern ständig weiterzublättern um den Artikel zu lesen und somit den Lesefluss unterbrechen, dem Anbieter aber zahlreiche an Werbeplatzierer abrechenbare Pageimpressions bringt
  9. Umfrage Pop-ups – Pop-Up-Fenster, die genau dann sich über einen Artikel legen, wenn man begonnen hat zu lesen
  10. Unterstrichene Links, die auf Werbung verweisen – Links in einem Artikel die nicht inhaltlich Verlinkung sondern nur werblich
  11. Zu kleine Formularfelder – Formularfelder die nicht ausreichend groß sind, um die geforderten Angaben so einzutragen, dass man auch komplett sieht was gerade eingetippt wird
  12. Nicht auffindebare Login/Logout´s – Login/Logout Navigation, die so platziert ist, dass sich nicht von jeder Seite aus direkt auffindbar ist
  13. Captchas die nicht funktionieren – Nicht funktionierende Sicherheits-Eingaben von z.B. in Bildform angezeigter Buchstabekombination bei Registrierungen, die ein Formularmissbrauch verhindern sollen
  14. Unfilterbare Suchergebnisse – Suchergebnisse, die nicht durch wählbare Kriterien, weiter gefiltert werden können, besonders wichtig im E-Commerce bei der Produktsuche
  15. Abgeschaltetete „Zurück“- Funtion – Website die Probleme verursachen, wenn der Zurück-Button des Browsers benutzt werden bzw. die Zurück-Funktion unterdrücken/abschalten
  16. Flash-Voraussetzung – Website, die sich ohne Flash-Plugin nicht bedienen lassen. Damit sind diese Beispielsweise für alle iPhone Nutzer derzeit schonmal nicht nutzbar
  17. Keine Verlinkung – Artikel, die zwar eine URL erwähnen diese aber nicht gleich verlinken
  18. Knifflige Dropdowns – die sich schwer bedienen lassen oder bei abgeschaltetem Java-Script keine Alternativnavigation bieten
  19. Langsam ladende Webseiten – Webseiten, die ein Abbrechen durch ewig lange Ladezeiten herausfordern
  20. Schwierig lesbarer Text – schlecht oder fast nicht lesbarer Text durch falsche Schriftarten, Schriftfarben, fehlender Kontrast oder falsche Formatierungen
  21. Unendliche Absätze – Als Daumenregel empfiehlt es sich nicht mehr wie 4 Zeilen pro Absatz und wenn möglich pro Satz ein Gedanke/Idee. Den Blickverlauf verbessern außerdem farblich unterlegte Schlüsselbegriffe.
  22. Fehlende oder verwirrende Dankes-Seiten – Fehlende Dankesseiten nach einem Kauf oder einer Registrierung, werfen die Frage auf, ob die Interaktion auch tatsächliche funktioniert oder stattgefunden hat.
  23. Versteckte Telefonnummern – Keinerlei Angabe von Telefonnummern und damit die Möglichkeit der Kontaktaufnahme außerhalb des Webs unterbunden wird (z.B. Einsparung von Callcenter-Kosten)
  24. Endloser Kündigungsprozess – Vielfaches Nachfragen bei einem Kündigungsprozess (Sind Sie Sicher? Sind Sie wirklich sicher, dass Sie kündigen wollen? usw.) und Pflichtausfüllen von Kündigungsgründen (Bitte helfen Sie uns unseren Service zu verbessern und beantworten Sie folgende Fragen…)
  25. Undurchdachte Formulare – Formulare die so schwer und unangenehm zu bedienen sind, dass man froh ist, wenn man es am Ende einigermaßen geschafft hat.

Im zweiten Teil, der die nächsten Tage folgt gibt es dann die weiteren 25, sowie einige von mir ergänzten Punkte.

Testland-Blog.de
Einfach besser optimiert

Donnerstag, 19. März 2009

Testidee Nr. 3: Angebotsschaltflächen

Nachdem es einige Zeit eher ruhig in der Ruprik 1001-Testidee zugegangen ist möchte ich nun in nächster Zeit diese Ruprik wiederaufleben lassen. Den Neustart macht die Testidee Nr. 3: Test von Angebotsschaltflächen. Angebotsschaltflächen sind für mich im Kopf einer Seite platzierte farbige Flächen, in denen ausgewählte Top-Produkte auf der Startseite im Wechsel präsentiert werden. Hier ein Beispiel von www.ford.com:

angebotsschaltflaeche-ford-1

 

 

 

 

 

Angebotschaltfläche bei ford.com

Was kann alles bei solchen Angebotsschaltflächen getestet werden?
Grundsätzlich erstmal vorhandensein gegen nichtvorhandensein. Daneben bietet eine solches Element zahlreiche Testmöglichkeiten:

  • Platzierung von Vorschaubildern der weiteren Produkte/Services z.B. im Bild als Overlay, rechts/links/oben/unten neben dem gerade eingeblendeten Produkt oder Service
  • Schaltmöglichkeit z.B. Pfeil-Button wie im obigen Beispiel von Ford oder klickbare Nummern oder ganz allgemein Schaltmöglichkeit vorhanden vs. nicht vorhanden (nur automatische Weiterschaltung nach bestimmter Einblendzeit)
  • Einblendungen von Bestellbutton oder Button zum Abruf von weiteren Informationen
  • Angabe von Preisen vs. nicht vorhandensein von Preisen
  • Anbringungen von Störerern wie z.B. Bestseller-Hineweis
  • usw.

Nachfolgend zeigen die Beispiele von karstadt.de, dell.de oder valentines.de wie unterschiedlich Angebotsschaltflächen ausgeprägt sein können (zum Vergrößern bitte jeweiligen Screenshot anklicken):

Karstadt-angebotsschaltflaeche angebotsschaltflaeche-dell angebotsteaser-valentins
Beispiel karstadt.de Beispiel dell.de Bsp. valentines.de

Testland-Blog.de
Einfach besser optimiert

blogoscoop