7 Best Practices für das User Experience Design für Ihre B2B-Website (+ Beispiele)

Veröffentlicht: 2022-01-20

Die Erstellung einer überzeugenden B2B-Website erfordert viel mehr, als sie gut aussehen zu lassen und zu erklären, was Sie tun. Sie möchten eine Käuferpersönlichkeit entwickeln, um sicherzustellen, dass Sie Inhalte für die richtige Zielgruppe schreiben. Sie möchten eine Keyword-Recherche durchführen, um sicherzustellen, dass diese Zielgruppe Sie findet. Und ja, Sie möchten es auf jeden Fall ansprechend aussehen lassen, damit die Leute durch Ihre Webseiten navigieren und schließlich Kunde werden möchten.

Der Nordstart für diesen gesamten Prozess ist die Benutzererfahrung (oder UX, wie die coolen Kids es nennen). Wenn Sie das richtig machen, ist die halbe Miete gewonnen. Aber was genau hat es damit auf sich? Wie können Sie wissen, ob Ihre bestehende Website eine gute UX hat?

Was ist Benutzererfahrung?

Die Benutzererfahrung ist, wie sich Besucher fühlen, wenn sie mit Ihrer Website interagieren. Das Ziel ist es, eine Website zu entwerfen, die intuitiv und einfach zu navigieren ist und dem Leser einen Mehrwert bietet. Jede einzelne Komponente sollte vorhanden sein, um sicherzustellen, dass sie auf Ihrer Website bleiben, anstatt frustriert zu werden und auf die Website eines Konkurrenten zu gehen.

Theoretisch klingt das ziemlich einfach. In der Praxis bedarf es vieler Planungen, Tests und Modifikationen. So sehr, dass es nicht nur ein weiterer Punkt ist, den Sie beim Entwerfen Ihrer Website abhaken müssen. Es gibt tatsächlich User-Experience-Experten, die ihren ganzen Arbeitstag damit verbringen, Ideen zu entwickeln, um eine bessere UX zu implementieren.

Unabhängig davon, ob Sie eine Website von Grund auf neu entwerfen oder eine Vorlage verwenden, sollte alles im Hinblick auf die Benutzererfahrung gestaltet werden.

über GIPHY

Wie sich UX auf Ihre B2B-Website auswirkt

Die Benutzererfahrung ist eines der wichtigsten Elemente Ihrer Website. Bei effektiver Durchführung gibt es mehrere positive Auswirkungen:

Niedrigere Absprungraten

Wenn eine beträchtliche Anzahl von Website-Besuchern sie kurz nach ihrer Ankunft verlässt, sind sie nicht alle in Eile. Das bedeutet, dass die Website zu wünschen übrig lässt. Dies kann daran liegen, dass schnellere Ladezeiten oder bessere Handlungsaufforderungen erforderlich sind oder dass die Navigation schwierig ist. Sie können all diese Probleme lösen, indem Sie UX-Experten ein Website-Audit durchführen lassen, um festzustellen, wo die Probleme liegen, und sie anzugehen.

Effektive Buyer's Journey

Nicht jeder Interessent befindet sich auf der Reise seines Käufers an der gleichen Stelle. Ein erstmaliger Website-Besucher sucht etwas ganz anderes als ein Stammkunde. Was also soll ein Website-Designer tun? Führe sie, das ist was. Gute UX bedeutet, dass Sie Inhalte haben, die auf Besucher zugeschnitten sind, die sich in der Bewusstseins-, Überlegungs- und Entscheidungsphase befinden. Sie können dies tun, indem Sie intelligente Inhalte bereitstellen und Schlüsselwörter verwenden, die sie wahrscheinlich bei ihrer Recherche in Suchmaschinen eingeben.

Höhere Konversionsraten

Conversion-Raten sind nicht nur Verkäufe. Zugegeben, ja, die zählen am meisten. Aber es ist unrealistisch zu erwarten, dass jede einzelne Website-Interaktion mit einem Verkauf endet. Effektive UX berücksichtigt jeden Schritt auf der Reise eines Benutzers, sodass er mit größerer Wahrscheinlichkeit alle gewünschten Aktionen ausführt – Ihrer E-Mail-Liste beitreten, Ihren Blog abonnieren, sich für ein Webinar anmelden, eine Demo anfordern, einen Anruf planen, tätigen ein Kauf. Dies erfordert effektive Schlagzeilen, ansprechende Texte, hilfreiche Grafiken und starke Handlungsaufforderungen.

Kürzere Verkaufszyklen

Einer der Unterscheidungsfaktoren zwischen B2B- und B2C-Websites ist, dass B2B-Websites in der Regel einen viel längeren Verkaufszyklus haben. Dies ist verständlich, da der Rechercheprozess der Interessenten länger dauert und die Investition viel größer ist. Es ist sehr selten, dass Leads beim ersten Besuch einer Website bereit sind, einen Kauf zu tätigen. Aber wenn Ihre Website schnell lädt, einfach zu navigieren ist, sie mit allen Informationen versorgt, die sie brauchen, und sie beschäftigt hält, können Sie den Prozess beschleunigen. Ein weiteres Schlüsselelement ist die Gestaltung einer Website, die Besucher dazu verleitet, sich für Ihren E-Mail-Newsletter anzumelden. Auf diese Weise können Sie diese Leads pflegen, bis sie zum Kauf bereit sind.

Erhöhte Kundenbindung

Neukunden zu gewinnen ist wesentlich teurer als Bestandskunden zu halten. Und es gibt viele Möglichkeiten, wie Ihr Website-Design Kunden dazu bringen kann, für mehr zurückzukommen. Tun Sie alles in Ihrer Macht Stehende, um ihre Interaktionen mit Ihrer Website angenehm zu gestalten. Stellen Sie sicher, dass es schnell geladen wird. Implementieren Sie ein responsives Design. Fügen Sie eine native Zahlungsfunktion hinzu. Erstellen Sie ein Kundenportal, damit sie den Status ihrer Projekte und/oder Bestellungen überprüfen können. Geben Sie mehrere Möglichkeiten an, wie sie Sie kontaktieren können. Verwenden Sie den Live-Chat, damit sie schnelle Antworten auf ihre Fragen erhalten. All diese Elemente werden Ihre Kunden glücklich machen und den Umsatz Ihres Unternehmens weiter steigern.

über GIPHY

Was ist User Experience (UX) Design?

Der User-Experience-Designprozess beinhaltet die Berücksichtigung aller Bedürfnisse Ihrer Website-Besucher und die Optimierung jeder Funktion und Platzierung auf Ihrer Website. Sie können nicht einfach eine Liste aller oben aufgeführten Funktionen erstellen und sie nach dem Zufallsprinzip hinzufügen.

UX-Design stellt jedes Element in einen Kontext; macht alles relevant für das, was der Webbesucher zu einem bestimmten Zeitpunkt tut. Und neben dem Praktischen kann dieser Prozess auch das Hinzufügen von rein lustigen oder unterhaltsamen Elementen beinhalten. Der Schlüssel liegt darin, ein Umfeld zu schaffen, in dem Interessenten und Kunden bleiben möchten.

Der UX-Designprozess kann von einem Website-Projekt zum nächsten variieren, aber gemeinsame Nenner sind:

  • Durchführung umfangreicher Marktforschung
  • Käuferpersönlichkeiten entwickeln
  • Drahtgitter erstellen
  • Entwickeln Sie hilfreiche Funktionen wie Tools, Tutorials, 3D-Erlebnisse oder Infografiken
  • Sicherstellen, dass alle Bereiche des UX-Quadrantenmodells abgedeckt werden (wie unten erläutert)
  • A/B-Tests

Das UX-Quadranten-Modell

UX-Designer sind Experten in vier verschiedenen Bereichen, die zusammenkommen, um das Benutzererlebnis zu optimieren.

Erlebnisstrategie (ExS)

ExS ist das Hauptdach von UX. Hier verbinden Sie eine positive Erfahrung mit Details zu Ihren Geschäftslösungen. Beispiele hierfür sind leicht zu findende und leicht verständliche Produktbeschreibungen.

über GIPHY

Interaktionsdesign (IxD)

Interaktionsdesign bezieht sich auf die interaktiven Elemente Ihrer Website – Call-to-Action-Buttons, Tools, Quiz, Seitenübergänge usw. Dies sind entscheidende Elemente, um Website-Besucher zu führen und die Konversionsraten zu erhöhen.

Nutzerforschung (UR)

UR beinhaltet die Untersuchung dessen, was Webbenutzer wollen und bevorzugen, basierend auf ihrem eigenen Verhalten und Feedback. Um diese Art von Informationen herauszufinden, können Sie die Benutzerfreundlichkeit testen, Umfragen durchführen oder ihnen sogar direkt Fragen stellen (per E-Mail, über soziale Medien oder wann immer Sie mit ihnen interagieren).

​​Informationsarchitektur (IA)

Informationsarchitektur bezieht sich auf die Struktur einer Website. Wie alles nach der Navigationsleiste organisiert wird, zusammen mit untergeordneten Seiten und ihrer Hierarchie. Es geht darum, alles so zusammenzusetzen, dass es einfach zu navigieren ist.

Die Berücksichtigung aller vier Elemente bei der Gestaltung einer Website stellt sicher, dass alle Grundlagen einer optimalen UX abgedeckt sind.

Anzeichen einer schlechten Benutzererfahrung

Es gibt Websites, die so veraltet sind, dass ihre Elemente einer schlechten UX für jeden sichtbar sind, der sie besucht: Keine Bilder, keine Links, kaputte Links, viele Seiten mit wenig Inhalt, Bilder, die so langsam laden, als würde man ein Dial verwenden -Up-Internetverbindung. Kurz gesagt, alles, was so aussieht oder sich so anfühlt, wurde in den späten 90ern/frühen 2000ern geschaffen.

Allerdings können Websites, die moderner aussehen, immer noch eine schlechte Benutzererfahrung bieten. Führen Sie ein Website-Audit durch, um festzustellen, ob einer der folgenden Punkte auf Ihre Website zutrifft:

Langsame Ladezeiten

Die meisten Menschen haben die Aufmerksamkeitsspanne einer Mücke. Kombinieren Sie das mit unserer bestehenden Kultur der sofortigen Befriedigung, und wenn Ihre Website nicht in weniger als zwei Sekunden geladen wird, werden die Leute gehen.

Keine mobile Optimierung

Wenn sie nicht beruflich an ihrem Schreibtisch sitzen, gehen die meisten Menschen von ihren Telefonen aus online. Und während eine Website schnell geladen werden kann und auf einem Desktop gut aussieht, werden Interessenten gehen, wenn sie auf kleineren Bildschirmen schwer zu lesen oder zu navigieren ist.

Verwirrende Navigation

Websites sollten intuitiv sein. Zu viele Menüoptionen, inkonsistente Designs auf jeder Webseite, anklickbare Links, die dieselbe Farbe wie der Rest des Textes haben, und/oder vage Handlungsaufforderungen werden Ihre Besucher frustrieren.

über GIPHY

Vage Handlungsaufforderungen

Apropos CTAs: Diese sollten kurz und handlungsorientiert sein. Außerdem sollen die Leser genau wissen, was passiert, wenn sie darauf klicken. „Hier klicken “ ist nicht so effektiv wie „ eBook herunterladen “ oder „Anruf vereinbaren“ .

Hohe Absprungraten

Wenn Sie sich Ihre Website-Metriken ansehen, was sind die Seiten mit der höchsten Absprungrate? Und was ist der Grund? Wenn es sich um eine Zielseite handelt und sie nach dem Ausfüllen verlassen werden, sind Sie goldrichtig. Aber wenn Ihre Homepage, Produkt-/Dienstleistungsseite oder Blogs dazu führen, dass Nutzer die Website nach wenigen Sekunden verlassen, sind sie entweder verwirrt, überfordert oder gelangweilt.

Niedrige Conversion-Raten

Sie sollten auch darauf achten, wie oft die Leute Ihre gewünschten Aktionen ausführen. Alle CTA-Schaltflächen, die größtenteils ignoriert werden, sind Hinweise darauf, dass Sie etwas daran ändern sollten. Dies kann der Text, die Größe oder die Farbe sein.

UX-Design-Tipps und Best Practices

An diesem Punkt sollten Sie eine gute Vorstellung davon haben, was Best Practices für eine gute Benutzererfahrung ausmacht. Aber der Übersichtlichkeit halber hier sieben Best Practices, die Sie unbedingt umsetzen möchten:

1. Schnelle Ladezeiten

Wie bereits erwähnt, sind schnelle Ladezeiten entscheidend. Ihre Leser werden nichts anderes auf Ihrer Website sehen, es sei denn, sie wird schnell geladen. Um Ihre zu überprüfen, verwenden Sie ein Tool wie Google PageSpeed ​​Insights oder Pingdom.

über GIPHY

2. Einfache Navigationsleiste

Nichts auf Ihrer Website sollte überwältigend sein. Ihre Navigationsleiste sollte das Navigieren von Seite zu Seite erleichtern und unkompliziert sein. Das Hinzufügen zu vieler Optionen (oder zu vieler Dropdowns mit zu vielen Optionen darin) ist verwirrend und ein typisches Beispiel für schlechte UX.

3. Semmelbrösel

Breadcrumbs machen es Website-Besuchern leicht, zu einer bestimmten Seite zurückzukehren. Der Begriff bezieht sich auf eine Sekundärnavigation, bei der Benutzer sehen können, wo auf der Website sie sich gerade befinden. Dies ist eine gute Vorgehensweise für Websites, die Dropdown-Menüs in ihrer Navigationsleiste haben. Es erscheint als eine Reihe von horizontalen Verbindungen.

Im Beispiel unten sehen Sie, dass, obwohl die Bed, Bath & Beyond-Website viele Seiten hat, die Bilder von Kaffees unter der Menüoption Kaffee & Tee zu finden sind, die auf der Registerkarte Küche zu finden ist. Und das können wir dank Breadcrumbs auf einen Blick erkennen.

Quelle: Bed, Bad & Beyond

4. Hilfreiche Inhalte

Es war einmal, dass das Einfügen von Schlüsselwörtern in eine Website ausreichte, um ihr zu helfen, bei Google zu ranken. Nicht mehr. Diese Taktik wird Ihre Platzierung in SERPs nicht verbessern. Seien Sie außerdem kundenorientiert. Dabei geht es nicht nur darum, gut auszusehen. Hier geht es darum, die Schmerzpunkte Ihrer Benutzer zu lösen und ihnen zu helfen, Herausforderungen zu meistern. Also mach das. Stellen Sie Bildungsinhalte bereit – wie Blogs, eBooks und Whitepaper. Erklären Sie Prozesse in einfach zu befolgenden Schritten, z. B. mit Infografiken und Video-Tutorials. Beantworte ihre Fragen. Wert bieten. Dadurch kommen sie wieder, teilen Ihre Inhalte und empfehlen Ihnen mehr Geschäfte.

5. Leerzeichen

Leerzeichen sind genau das, wonach sie sich anhören – die leeren Bereiche zwischen Absätzen und Seitenabschnitten. Das Einfügen von vielen Leerzeichen hält Ihre Website sauber und leicht lesbar. Denken Sie an Apple und Amazon. Sie haben nicht viel Lärm, der um Ihre Aufmerksamkeit wetteifert; und das macht es viel einfacher, das zu finden, wonach Sie suchen.

6. Konsistenz über Webseiten hinweg

Nutzer kommen auf Ihre Website, um Lösungen zu finden. Daher sollten sie in der Lage sein, schnell herauszufinden, wie sie Dinge auf Ihrer Website finden können. Und sobald sie das tun, möchten sie dies intuitiv tun, unabhängig davon, auf welcher Seite sie sich befinden. Halten Sie also das Layout konsistent, um es den Lesern so einfach wie möglich zu machen.

7. Mehrere Möglichkeiten, Sie zu kontaktieren

Ein Teil Ihrer Marktforschung besteht darin, herauszufinden, wie Ihre Zielgruppe am liebsten mit Ihnen kommunizieren würde. Abhängig von ihrer Generation, ihrer beruflichen Rolle oder sogar ihren Vorlieben kann dies E-Mail, ein Telefonanruf oder ein Live-Chat sein. Wählen Sie die beiden besten aus und implementieren Sie sie. Der Live-Chat ist großartig, um schnelle Antworten in Echtzeit zu erhalten.

Beispiele für UX-Design

Um einige dieser Elemente in Aktion zu sehen, schauen wir uns nun Unternehmen an, die UX richtig machen.

HubSpot

Natürlich beginnen wir mit HubSpot. Es ist sauber, hat viele weiße Flächen, Call-to-Action-Schaltflächen, die Ihre Aufmerksamkeit erregen und Ihnen genau sagen, was passieren wird, wenn Sie darauf klicken, und sie machen es einfach, mit ihrem Live-Chat-Tool schnelle Antworten zu erhalten.

Weiter unten auf der Seite erleichtern sie das Auffinden des gesuchten Hubs mit einem einfachen Kartendesign. Die Auflistung der beliebtesten Funktionen direkt unter jeder Kurzbeschreibung macht den Inhalt scanbar und leicht verständlich.

Apfel

Wie üblich ist Apple in so ziemlich allem führend – und sie setzen die Bühne mit der UX ihrer Website. Weißraum ist überall. Keine Ablenkungen. Klicken Sie oben auf eines der Symbole, um den gewünschten Produkttyp zu finden. Oder klicken Sie auf Kaufen, wenn Sie bereits Teil ihrer Kult-Gefolgschaft sind und bereit sind, Ihr Geld zu geben.

Aber wenn Sie noch nicht bereit sind, Ihre Brieftasche zu öffnen, erleichtern sie den Rechercheprozess, indem sie Ihnen eine hilfreiche Vergleichstabelle zur Verfügung stellen. Sie müssen nicht 50 Registerkarten öffnen oder von Seite zu Seite springen, um die gewünschten Informationen zu erhalten. Alles so einfach und vereinfacht wie möglich.

AirBnB

Airbnb macht es so einfach, eine Unterkunft zu finden – egal wohin du gehst. Selbst wenn Sie nicht wissen, wohin Sie gehen, werden sie Ihnen helfen, einen Ort zu finden, den Sie lieben werden. Ihre Homepage hat spärlichen Text, aber Sie wissen genau, wohin Sie gehen müssen, um entweder nach einem Ort zu suchen oder Gastgeber zu werden.

Sie bieten Website-Besuchern auch hilfreiche Inhalte, z. B. Dinge, die sie während ihrer Reisen tun können, oder Erfahrungen, die sie machen können, wenn sie in ihrer Heimatstadt bleiben.

Und wenn ein Benutzer erwogen hat, seine eigene Immobilie zu vermieten, aber noch Fragen hat, macht es die Website wirklich einfach, diese Antworten zu finden:

Bei der Bereitstellung von Benutzererlebnissen geht es darum, kundenorientiert zu sein: Was würde die Dinge für sie einfacher machen? Mehr Spaß? Ansprechender? Erweitern Sie dann jedes Element, damit sie begeistert sind, Ihre Website gefunden zu haben. Und sobald sie das tun, werden sie allen, die sie kennen, davon erzählen.