Anleitung zur Verbesserung der Benutzererfahrung (UX) der WordPress-Site

Die Optimierung einer Website für eine bessere Benutzererfahrung ist kein Kinderspiel, vor allem, weil die notwendigen Tools und/oder das Programmierwissen nicht für einen Cent erhältlich sind. Aber wenn die Website auf einer Plattform erstellt wird, die für ihre Benutzerfreundlichkeit praktisch bekannt und beliebt ist, ist UXO ( User Experience Optimization ) deutlich weniger schmerzhaft.

Es gibt Tausende von Tools auf WordPress, viele davon sogar kostenlos, die Ihnen helfen, Ihr Publikum besser zu verstehen (Tracking und Analytics), die Leistung zu verbessern (Caching- und Bildoptimierungs-Plugins) und zu testen und zu verbessern (A/B Testsoftware wie Nelio, OptimizePress usw.). In diesem Handbuch geht es nicht um sie.

Dieser Leitfaden beschreibt einige der leichter zu übersehenden Aspekte der Benutzerfreundlichkeit einer WordPress-Website und die besten Möglichkeiten, diese Versehen zu beheben. Wir beginnen mit:

Karussells

Jede Abteilung in jedem Geschäft will Karussells/Schieberegler, einfach weil es ein schöner goldener Schnitt ist. Jeder bekommt sein Produkt/Ihre Kampagne/Botschaft an einem einzigen, am besten sichtbaren Platz auf der Seite platziert: Above the fold.

Aus diesem Grund packen die meisten wünschenswerten WordPress-Themes mindestens ein Slider-Plugin (normalerweise den Revolution Slider). Sehen wir uns die Vor- und Nachteile dieses Ansatzes an:

Vorteile:

• Zeigt die wichtigsten Nachrichten an einer einzigen Stelle an.
• Nachrichten können priorisiert werden (das Wichtigste bekommt die erste Folie)
• Soll alle Besuchersegmente ansprechen („für jeden etwas“)

Nachteile:

• Benutzer warten in der Regel nicht, bis sich Folien drehen und überspringen das Karussell nach einem Blick auf den aktuell sichtbaren Rahmen.
• Der Inhalt von Slides wird von Such-Bots nicht leicht gecrawlt, was eine schlechte Nachricht für SEO ist.

Es gibt Möglichkeiten, diese Nachteile zu umgehen und die Karussell-UX zu verbessern:

1. Achten Sie darauf, dass die Anzahl der Dias/Frames nicht mehr als 5 beträgt.
2. Geben Sie den Benutzern die Kontrolle über die Karussellnavigation
3. KEINE automatische Weiterleitung.

Manchmal ist die einfachste Lösung die beste. Anstatt sich auf ausgefallene Premium-Slider-Plugins zu verlassen, kannst du leichte JavaScript (jQuery)-Plugins wie Slick verwenden, um benutzerfreundliche Karussells auf WordPress zu erstellen.

Erweiterte Navigation

Ein Hauptmenü in der Kopfzeile kombiniert mit einer sekundären Navigation in einer Seitenleiste ist eine nahezu narrensichere Möglichkeit, sicherzustellen, dass Ihre Navigation vollständig und nutzbar ist. Aber wenn es um riesige Websites (insbesondere E-Commerce oder große, inhaltsreiche Blogs) mit Tausenden von Seiten geht, reicht eine sekundäre Navigation allein nicht aus.

Deshalb brauchen wir Mega-Menüs. Aber auch diese Medaille hat zwei Seiten.

Vorteile:

Einheitliche Sichtbarkeit: Inhalte/Seiten auf niedrigeren Ebenen werden in das Mega-Menü aufgenommen
Spart einen zusätzlichen Schritt: Benutzer können schneller zu entfernteren/unbekannteren Inhalten gelangen.

Nachteile:

• Es ist bekannt, dass sie Leistungsprobleme verursachen, wenn UI-Elemente wie Grafiken/Symbole hinzugefügt werden.
• Mehr oder weniger ineffektiv auf einer Website mit schlechter Inhaltshierarchie
• Mega-Menüs perfekt ansprechend zu gestalten kann eine Herausforderung sein

Bevor Sie die Vor- und Nachteile diskutieren (und ob Sie überhaupt ein Mega-Menü auf Ihrer Website benötigen oder nicht), müssen Sie Ihre Inhalte gründlich kategorisieren. Die WordPress-Taxonomie gibt es aus einem bestimmten Grund. Benutze es.

Sobald Sie Ihre Inhaltshierarchie ausreichend gezähmt und organisiert haben, können Sie WordPress-Plugins wie Max Mega Menu, uberMenu usw. verwenden, um der Website ein Mega-Dropdown-Menü hinzuzufügen. WooCommerce-Erweiterungen wie Ajax Layered Navigation fügen dem Shop eine Filterschnittstelle hinzu.

Leistung

Egal, was Sie glauben möchten: Sie sind NICHT exklusiv.

Benutzer möchten nicht auf Inhalte warten, also lassen Sie sie nicht auf Inhalte warten, sonst suchen sie woanders danach. Sogar Ihre Reihen leiden unter langsamen Websites. Das ist die Summe des Bedarfs an Leistungsoptimierung in der Benutzererfahrung.

Optimieren Sie Ihre WordPress-Website für die Leistung mit:

CDN: Eine praktikable Option für Websites, die ein globales Publikum erreichen und mittleren bis hohen Traffic haben. Das Plugin MaxCDN und W3 Total Cache ist eine Kombination aus dem Schnelllade-Himmel.

Cache: Wie oben erwähnt, ist W3 Total Cache das einzige Caching-Plugin, das Sie benötigen (auch ohne CDN-Unterstützung). Fragen Sie Ihre Entwickler auch nach serverseitigen Lösungen wie Redis und Memcached

Front-End-Optimierung: Plugins wie EWWW Image Optimizer komprimieren Bilder (ohne Qualitätseinbußen). Stellen Sie außerdem sicher, dass Ihre Designdateien so wenig Inline-CSS und JS wie möglich enthalten. Komprimieren und verkleinern Sie auch Stylesheets und JavaScript-Dateien.

Reduzieren Sie externe Abhängigkeiten, verwenden Sie CSS-Sprites und seien Sie beim Herunterladen von Plugins äußerst wählerisch (je weniger, desto besser). Sie können sich sogar an Ihren Webhosting-Provider wenden und um Hilfe bitten. Manchmal verursacht Ihr Webhost leistungsbezogene Probleme.

Modale Pop-Ups

Seien Sie im Namen von Interaktivität und Conversions nicht aufdringlich.

Ja, modales Pop-up (Unterbrechungsmarketing) ist ein großartiges Conversion-Tool. Es gibt buchstäblich Tausende von Plugins (die meisten Social-Media-Plugins verfügen jetzt über diese Funktion), mit denen Sie den Benutzern eine Nachricht zukommen lassen können, die sie „höflich“ daran erinnert, den Inhalt in sozialen Medien zu teilen/zu folgen/zu liken, zu abonnieren oder sich anzumelden. einen Rabatt in Anspruch nehmen, et al.

Es stimmt so vieles nicht… aber dazu kommen wir gleich.

Vorteile:

• Verbessert nachweislich die Konversionsraten

Nachteile:

• Ablenkend: Der Besucher ist wegen des Inhalts hier und das Popup ist im Weg.
• Popups werden (wie so viele Anzeigen) als weißes Rauschen behandelt, es sei denn, sie passen richtig in die Benutzerführung.
• BAD für Barrierefreiheit

Es gibt Beispiele für Popups, die gut im Kontext verwendet werden. BrainPickings.org versteht sein Publikum und bewirbt seinen „Spenden“-Link nur, wenn der Benutzer wiederholt auf die Website zugegriffen hat und wenn er den Inhalt fertig gelesen hat. Das Reebok Crossfit-Popup hat ein schlechtes Timing, gleicht es aber leicht mit einem Rabatt auf das Abonnement auf der Produktseite aus.

Quelle: REEBOK

Zeit- und Triggerverzögerungen sind in Ordnung, aber es ist auch notwendig, sich auf das Gesamtbild zu konzentrieren und ein Popup so zu verknüpfen, dass es für Benutzer relevant ist, die es möchten.

Bisher ist die Conversion-Steigerung eher auf schlichte Gewalt zurückzuführen, aber die Qualität der Conversions und der nachfolgenden Leads kann gesteigert werden, wenn Sie es klug machen. Wenn Sie einen erstmaligen Besucher bitten, eine Website zu abonnieren, erhalten Sie nicht 99/100-mal hochwertige Leads.

Versuchen Sie, WordPress-Plugins intelligent für Popups zu verwenden. Es gibt einige (wie Popups von Supsystic), die gut sind. Arbeiten Sie mit diesen, anstatt sich nur auf die Interaktion auf einer einzigen Seite zu konzentrieren.

Endnote

Um die Benutzererfahrung zu verbessern, hoffen Sie, dass Sie diesen Rat mit Vorsicht befolgen und alles testen (Verwenden Sie Google Analytics oder Nelio A/B-Tests oder ein anderes Tool: Es liegt an Ihnen).

Und versprechen Sie sich, sich weiter zu verbessern.

Lesen Sie mehr WordPress-Plugins | 5 Schnellkorrekturen für Ihre WordPress-Site