• Agentur
    • Team
    • Kontakt
  • Leistung
    • Conversion-Optimierung
    • A/B-Testing
    • Webentwicklung
    • E-Commerce-Workshops & Seminare
    • Suchmaschinenoptimierung / SEO-Optimierung
    • E-Commerce-Strategie
    • Content-Marketing
  • Referenzen
    • Kundenmeinungen
  • E-Commerce Blog
    • E-Commerce Lexikon
  • Suche

Case Study | Usability-Optimierung der Suchfunktion

By Andy Thaeger In Conversion-Optimierung Posted 17. Januar 2017

Usability-Optimierung der Suchfeld Teaser

Der Einsatz von JavaScript kann die Usability von Webseiten deutlich verbessern. Dabei sollte allerdings immer abgewogen werden, ob das durch JavaScript realisierte Feature, die Usability wirklich verbessert. Nur unter diesen Umständen ist ein Mehreinsatz von JavaScript gerechtfertigt.

Zu viele verbessernde JavaScript-Funktionen verlangsamen die Website. Eine langsamere Seite wird definitiv als schlechter benutzbar, also mit einer schlechteren Usability, bewertet. Dazu machen langsame Seiten „Tante Google“ traurig. Ein Bot sollte beim Crawlen der Seite, das JavaScript nicht ausführen. Allerdings wird Google mit Sicherheit in seine Berechnungen auch den PageSpeed einfließen lassen. Die Berechnung des PageSpeeds geschieht durch Programme, die das in der Seite enthaltene JavaScript, auch beachten. Ein Negativbeispiel wäre, aufwändige durch JavaScript gesteuerte Animationen, die sicherlich toll aussehen, aber gerade auf langsameren Endgeräten, die Seite unbenutzbar machen.

Fallbeispiel Usability-Optimierung der Suchfunktion

Grund für diesen Artikel war, die vermeintlich simple Aufgabe, bei Klick auf den Suche-Menüpunkt auf der Creatistas Homepage – ja, das ist diese Seite – den Cursor in den auf der Seite eingebaute Suchschlitz zu setzen. Oder aber, wenn sich der Benutzer nicht auf der Seite mit dem Haupt-Suchschlitz befindet, ihn dort hinzuleiten und hier dann das Suchfeld zu fokussieren. Oder kurzum die Usability-Optimierung der Suchfunktion.

Usability-Optimierung der Suchfunktion Suchfeld

Bei Klick auf den Menüpunkt „Suche“ landet der Cursor des Users direkt im Suchfeld

Dies ist auch schnell mit dem JavaScript-Befehl „focus“ erreicht. Auf den anderen Seiten wurde dieser Suchschlitz allerdings nicht eingebaut. Dafür jedoch ein Suchwidget am Ende der Seite. Um nun zu gewährleisten, dass nach Klick auf die Suche, nicht erst der Focus auf den Suchschlitz des Suchwidgets gelegt wird – er hat leider die gleiche ID wie der Suchschlitz auf der Hauptseite – und danach ohne weitere Benutzeraktion, auf die Seite mit der Hauptsuche weitergeleitet wird, wird einfach abgefragt, ob das umgebende Div die CSS-Klasse „search_widget“ hat. In diesem Falle wird umgehend weitergeleitet, ohne vorher das Widget zu fokussieren.

Fazit

Wie oben schon geschrieben: Man sollte immer abwägen, ob der Einsatz von JavaScript wirklich das Benutzererlebnis verbessert. Dies würde den Aufwand rechtfertigen. Oder ob eine vermeintlich verbesserte Usability, durch das verlangsamen der Seiten, eher eine schlechtere Usability nach sich zieht. In diesem Fall war der Einsatz auf jeden Fall goldrichtig.

case study, usability, user experience, website ladezeit

Newsletter abonnieren

Zusätzliche Conversion-Tipps, neuste Case-Studies, Veranstaltungen etc. direkt und bequem ins Postfach.

Über Andy Thaeger

Als Unternehmensberater verantwortlich für Conversion Optimierung verschiedener deutscher Versandhändler + Schulungen der Mitarbeiter (Douglas, Bijou Brigitte, Ulla Popken, St. Pauli Shop).

→ Alle Beiträge von Andy Thaeger

Related Posts

Social Media Reichweitensteigerung Teaser
Case Study Impressionen – Social Media Reichweitensteigerung
Aug. 15, 2016
Die sozialen Medien erfreuen sich stetig steigenden Nutzerzahlen.
Emotionalität & echter USP Teaser » Creatistas
Case Study Ulla Popken – Emotionalität & echter USP
Juni 15, 2016
Statistikexperten gehen davon aus, dass es allein in Deutschland weit
Umsatzsteigerung durch Sale-Teaser-Optimierung Teaser
Case Study Ulla Popken – Umsatzsteigerung durch Sale-Teaser-Optimierung
Dez. 14, 2015
„Retail is Detail“ – so lautet ein von
Kategorien
  • Büroalltag (2)
  • Content-Marketing (5)
  • Conversion-Optimierung (54)
  • E-Commerce Strategie (6)
  • E-Commerce Trends (5)
  • Internet of Things (3)
  • Mobile (2)
  • Suchmaschinenoptimierung/ SEO-Optimierung (2)
Newsletter abonnieren

Suche

Socialising

Facebook
Twitter
Instagram

Newsletter abonnieren

© 2022 | Creatistas E-Commerce Beratung | Impressum & Datenschutz

Cookie-Zustimmung verwalten
Wir verwenden Cookies, um unsere Website und unseren Service zu optimieren.
Funktional Immer aktiv
Die technische Speicherung oder der Zugang ist unbedingt erforderlich für den rechtmäßigen Zweck, die Nutzung eines bestimmten Dienstes zu ermöglichen, der vom Teilnehmer oder Nutzer ausdrücklich gewünscht wird, oder für den alleinigen Zweck, die Übertragung einer Nachricht über ein elektronisches Kommunikationsnetz durchzuführen.
Vorlieben
Die technische Speicherung oder der Zugriff ist für den rechtmäßigen Zweck der Speicherung von Präferenzen erforderlich, die nicht vom Abonnenten oder Benutzer angefordert wurden.
Statistiken
Die technische Speicherung oder der Zugriff, der ausschließlich zu statistischen Zwecken erfolgt. Die technische Speicherung oder der Zugriff, der ausschließlich zu anonymen statistischen Zwecken verwendet wird. Ohne eine Vorladung, die freiwillige Zustimmung deines Internetdienstanbieters oder zusätzliche Aufzeichnungen von Dritten können die zu diesem Zweck gespeicherten oder abgerufenen Informationen allein in der Regel nicht dazu verwendet werden, dich zu identifizieren.
Marketing
Die technische Speicherung oder der Zugriff ist erforderlich, um Nutzerprofile zu erstellen, um Werbung zu versenden oder um den Nutzer auf einer Website oder über mehrere Websites hinweg zu ähnlichen Marketingzwecken zu verfolgen.
Optionen verwalten Dienste verwalten Verwalten von {vendor_count}-Lieferanten Lese mehr über diese Zwecke
Einstellungen anzeigen
{title} {title} {title}