Popup-UX-Design: Best Practices, Tipps und Beispiele

Jede Website, die auf Gewinn ausgerichtet ist, konzentriert sich auch darauf, mehr Conversions aus ihren Besuchern zu ziehen: sie zum Kauf zu ermutigen … oder zumindest zu abonnieren.

Popups sind das beste Tool, um die Konversionsraten zu steigern. Die Ergebnisse von E-Commerce-Shops, die mit der Verwendung von Popups beginnen, sprechen für sich:

• Kiss My Keto senkte die Abbruchrate des Einkaufswagens um 20 %
• Christopher Cloos verbesserte seine Konversionsraten um 37 %
• BOOM! von Cindy Joseph steigerten ihre E-Commerce-Einnahmen in nur einem Monat um 148.297 US-Dollar

Das Erfolgsgeheimnis der oben genannten Kampagnen war ihre Integration in die allgemeine Benutzererfahrung (UX) jeder Website. Diese Unternehmen haben die Benutzer nie beim Anzeigen von Popups unterbrochen, sondern sie so eingestellt, dass sie angezeigt werden, wenn sie nützliche und relevante Inhalte zur richtigen Zeit liefern können.

Wenn Sie dies auf Ihrer Website umsetzen können, vermeiden Sie nicht nur Störungen Ihrer UX, sondern verbessern sie sogar .

In diesem Artikel sehen wir uns 5 Möglichkeiten an, wie Sie genau das tun können, beginnend mit…

Eintrags-Popups können extrem störend sein.

Dies sind Popups, die erscheinen, sobald eine Website geladen wird. Gerade als ein Besucher beginnt, sich zu orientieren und alle Informationen auf Ihrer Website aufzunehmen, wird er von einem Popup unterbrochen, das aus dem Nichts kommt.

Eintrags-Popups auch:

• Verhindern Sie, dass Besucher Zugriff auf gewünschte Inhalte erhalten
• enthalten oft irrelevante Inhalte
• Besucher verwirren

Zusammenfassend sind sie fast immer eher lästig als hilfreich und verschlechtern die UX Ihrer Website.

Anstatt Ihre Besucher mit traditionellen Eintrags-Popups zu belästigen, lassen Sie sie Ihre Website zuerst kennenlernen. Dann können Sie Ihr Popup zeigen, wenn ihr Verhalten anzeigt, dass sie bereit sind, eine sekundäre Nachricht zu sehen.

Hier sind einige typische Möglichkeiten zum Auslösen von Popups basierend auf der Benutzerinteraktion:

• Popup nach X Sekunden anzeigen: Diese Option gibt Ihren Besuchern etwas Zeit, um die Seite zu durchsuchen, die sie gerade ansehen. Sie können ihre Aufmerksamkeit erregen, nachdem sie einige Zeit auf der Seite verbracht haben.

• Popup nach X Prozent Scrollen anzeigen: Sie können Ihre Popups so einstellen, dass sie erscheinen, nachdem ein Besucher einen bestimmten Prozentsatz Ihrer Webseite nach unten gescrollt hat.
  
  Sie könnten zum Beispiel ein Popup einrichten, das erscheint, wenn ein Besucher das Ende eines Blogartikels erreicht hat, was bedeutet, dass er bereit für neue Inhalte ist (vielleicht indem er ein kostenloses E-Book im Austausch für seine Kontaktinformationen anbietet).

• Zeigen Sie Ihr Popup bei Exit-Intent an: Auf diese Weise erregen Sie die Aufmerksamkeit von Besuchern, die im Begriff sind, Ihre Website zu verlassen.
  
  Mit einem Exit-Intent-Popup können Sie jemanden davon abhalten, ohne Konvertierung zu gehen, und ihn davon überzeugen, weiter einzukaufen oder eine E-Mail-Liste zu abonnieren.

Es ist auch wichtig, dass Sie auf die „Häufigkeit“ oder die maximale Häufigkeit achten, mit der das Popup angezeigt wird. Normalerweise möchten Sie dies auf 1 oder 2 Mal pro Besucher beschränken.

Das Anzeigen mehrerer Popups kann in Ordnung sein (wie wir unten sehen werden), aber das gleiche Popup immer und immer wieder zu sehen, wird Ihre Benutzer verrückt machen.

Hier ist ein gutes Beispiel für die Verwendung von Popups basierend auf der Benutzerinteraktion. Das Exit-Intent-Popup von Obvi wird nur Besuchern angezeigt, die die Website verlassen.

Es gibt kein magisches Popup, das für alle Ihre Besucher relevant ist. Das liegt daran, dass nicht alle gleichzeitig dieselben wichtigen Informationen oder Rabattangebote sehen müssen.

Leider können Sie nicht die Lösung für die Probleme jedes Einzelnen identifizieren und ihnen die Lösungen in einem Popup präsentieren.

Stattdessen können Sie Ihre Besucher in Gruppen unterteilen , die ähnliche Bedürfnisse und Eigenschaften haben.

Diese Segmente variieren je nach Branche und Art der Produkte, die ein Geschäft verkauft. Alle Unternehmen können ihre Besucher jedoch in Gruppen einteilen, je nachdem, in welcher Phase sie sich im Kaufprozess befinden.

Denken Sie über Ihre „Kundenreise“ nach: wie Menschen zum ersten Mal von Ihrer Marke erfahren, wie sie auf Ihre Zielseite gelangen und wie sie die Produkte finden, die sie kaufen möchten.

Segmente in verschiedenen Phasen der Customer Journey haben unterschiedliche Bedürfnisse, und die Popups, die Sie ihnen zeigen, müssen dies widerspiegeln.

Sehen wir uns nun einige andere Faktoren an, die Sie zur Segmentierung Ihrer Kunden verwenden können. Wir teilen auch einige Kampagnenideen für verschiedene Besucher in verschiedenen Phasen der Customer Journey.

2.1. Kalte vs. heiße Aussichten

„Hot Prospects“ sind Kunden, die gerade etwas kaufen möchten, während „Cold Prospects“ ihre Optionen noch prüfen und noch nicht bereit sind, etwas zu kaufen.

Anstatt alle Ihre Besucher wie „heiße Interessenten“ zu behandeln, die sofort kaufbereit sind, sollten Sie unterschiedliche Konversionsziele für heiße und kalte Interessenten erstellen.

Für heiße Interessenten ist das Conversion-Ziel einfach: Jetzt kaufen. Ihre Botschaft muss diese Interessenten zu einem sofortigen Verkauf mit einem zeitlich begrenzten Rabatt oder Angebot bewegen.

Sie benötigen ein sekundäres Konversionsziel für kalte Interessenten, das sie normalerweise dazu bringt, sich für Ihre E-Mail-Liste anzumelden. Nachdem Sie ihre Kontaktdaten erhalten haben, können Sie im Laufe der Zeit mit ihnen kommunizieren und die Beziehung pflegen, bis sie zum Kauf bereit sind.

Aus diesem Grund müssen Sie kalten Besuchern Inhalte zeigen, die sie dazu bringen, sich zu abonnieren, wie z. B. ein herunterladbares E-Book.

Mal sehen, wie es in Aktion funktioniert. Hier ist ein großartiges Beispiel aus einigen Kampagnen von BOOM !

Sie bieten ein E-Book als Lead-Magnet für kalte Interessenten an, die sich für ihre Produktlinie interessieren, aber noch nicht bereit sind, einen Kauf zu tätigen:

Für ihre heißesten Interessenten (die das größte Interesse an den Inhalten von BOOM! bekundet haben oder kurz davor sind, ihren Einkaufswagen aufzugeben) nutzen sie das Angebot eines 10 %-Rabattcoupons als Anreiz, lieber jetzt als später zu kaufen.

2.2. Geotargeting

Wenn Sie international verkaufen, kann standortbasiertes Targeting oder Geotargeting eine großartige Möglichkeit sein, die Conversions zu steigern. Mit Geotargeting können Sie beliebig viele unterschiedliche Botschaften für beliebig viele Zielländer erstellen.

Indem Sie Ihre Besucher nach ihrem Standort segmentieren, können Sie ihnen länderspezifische Angebote machen, z. B. Versandangebote. Hier ist ein Beispiel:.

2.3. Sprechen Sie Besucher basierend auf ihrer Phase im Kaufprozess an

Jeder Ihrer Kunden durchläuft die folgenden Bewusstseinsstufen:

Die 5 Bewusstseinsstufen beschreiben die unterschiedlichen Denkweisen, die Kunden haben werden, wenn sie mit Ihrer Website interagieren. Ein Kunde, der gerade erfahren hat, dass Ihre Marke existiert, wird dieselbe Seite ganz anders sehen als ein treuer Kunde.

Aus diesem Grund müssen Sie jedem dieser Segmente über Ihre Popups unterschiedliche sekundäre Nachrichten übermitteln.

Hier sind einige Beispiele für Nachrichten, die auf eine dieser Gruppen zugeschnitten sind.

1. Problembewusste Besucher wissen, dass sie ein Problem haben, aber sie versuchen immer noch, den besten Weg zu finden, es zu lösen. An dieser Stelle ist es Ihr Ziel, ihnen zu helfen, ihr Problem besser zu verstehen (ob es sich um ein Problem mit der Hautpflege oder um die Notwendigkeit eines neuen Paars Laufschuhe handelt) und mögliche Lösungen anzubieten.

Eine Möglichkeit, dies zu tun, sind Blog-Posts und E-Books. Wenn Sie beispielsweise einen Artikel über „Lauftipps für Anfänger“ haben, könnten Sie auch für ein E-Book werben, das „How-to“-Tipps zum Laufen eines 10-km-Laufs gibt.

2. Lösungsbewusste Besucher wissen, welche Art von Produkt ihr Problem lösen wird, und wägen aktiv ihre Optionen ab (was sie zu „heißeren“ Interessenten macht als die problembewussten Besucher, die wir gerade besprochen haben). Das macht Ihr Ziel einfach: Helfen Sie ihnen, das beste Produkt für sie auf Ihrer Website zu finden.

Ein bewährter Ansatz besteht darin, ihnen die beliebtesten Produkte (oder „Trend“-Produkte) in der Kategorie zu zeigen, die sie durchsuchen.

3. Die bewusstesten Besucher haben ein bestimmtes Produkt gefunden, das sie lieben und das ihr Problem lösen wird. Alles, was sie tun müssen, ist auf „Jetzt kaufen“ zu klicken und den Bestellvorgang zu durchlaufen. Selbst wenn diese Kunden Ihre „heißesten“ Interessenten sind, brauchen sie oft einen letzten Anstoß, um einen Kauf zu tätigen.

Ein unwiderstehliches Sonderangebot, das nur für kurze Zeit verfügbar ist, ist der beste Weg, dieses Segment davon zu überzeugen, lieber jetzt als später zu kaufen.

2.4. Erweiterte Segmentierung

Sie können auch das Verhalten Ihrer Besucher vor Ort berücksichtigen und so immer spezifischere Benutzersegmente erstellen. Je spezifischer Ihre Segmentierung ist, desto relevanter kann Ihre Botschaft sein.

Sie können das folgende benutzerspezifische Verhalten verwenden, um Ihre Besucher weiter zu segmentieren:

• Sie waren mindestens X Sekunden auf der aktuellen Unterseite
• Sie stammen von einer bestimmten Verkehrsquelle
• Surfen gerade auf einer bestimmten Seite
• Haben zuvor eine bestimmte Seite(n) besucht
• Bestimmte Artikel in ihrem Warenkorb haben
• Einen Warenkorbwert haben, der größer als ein bestimmter Schwellenwert ist

Dies ermöglicht Ihnen:

• Zeigen Sie Besuchern aus unterschiedlichen Verkehrsquellen (z. B. Facebook vs. Google Ads) unterschiedliche Popups an.
• Zeigen Sie potenziellen Kunden, die bestimmte Seiten besucht, aber noch keinen Kauf getätigt haben, bestimmte Kampagnen.
• Sprechen Sie Besucher basierend auf den Artikeln an, die sie bereits in ihren Warenkorb gelegt haben (für Upselling und Cross-Selling).

Wie wir schon sagten: „Wenn Sie an alle verkaufen, verkaufen Sie an niemanden.“ Mit Personalisierung können Sie dies auf die nächste Stufe heben.

Sobald Sie Ihre Besucher basierend auf ihren Interessen, demografischen oder geografischen Variablen und ihrem Stadium im Kaufprozess in Segmente unterteilt haben, können Sie ihnen die relevantesten Botschaften zeigen.

Wenn Sie beispielsweise Elektronik verkaufen und wissen, dass ein bestimmter Besucher an Smartphones interessiert ist, ist „25 % RABATT auf Smartphones“ eine viel effektivere Botschaft als „25 % RABATT auf ausgewählte Produkte“.

Es gibt vier grundlegende Anpassungsebenen für die Nachrichten in Ihren Popups:

1. Alle bekommen die gleiche Botschaft: Mit anderen Worten, Sie senden ein allgemeines Angebot an alle Ihre Website-Besucher. Dies wird nicht empfohlen.
2. Sie machen zwei unterschiedliche Angebote für heiße Interessenten und kalte Interessenten: Das heißt, Sie teilen Ihr Publikum basierend auf seinem Engagement in zwei Hauptsegmente auf. Selbst diese einfache Segmentierung kann einen Unterschied machen.
3. Für jede der Hauptbesuchergruppen gibt es mehrere Angebote: In diesem Fall teilen Sie Ihre Besucher anhand relevanter Variablen in mehrere verschiedene Gruppen ein und binden sie mit maßgeschneiderten Nachrichten für jede Gruppe erneut ein.
4. Jeder erhält eine angepasste Nachricht mit Dynamic Text Replacement: Dies ist die höchste Personalisierungsstufe für Ihre Popups. Jede Nachricht ist auf die spezifische Person zugeschnitten, die sie sieht.

Mit dynamischer Textersetzung wird der Text in Ihren Popups automatisch basierend auf den von Ihnen ausgewählten Variablen aktualisiert.

Das bedeutet, dass Sie eine Vorlage erstellen und dann den Inhalt ändern können, um die Bedürfnisse jedes Besucherpublikums zu erfüllen. Die Verwendung dieses Ansatzes reduziert den Aufwand Ihrerseits und stellt sicher, dass jedes Ihrer Besuchersegmente die relevantesten Inhalte sieht.

Zurück zu unserem Beispiel von oben: Der Elektronikladen bewirbt „25 % Rabatt auf Smartphones“, wenn ein Besucher versucht, seine Website von der Smartphone-Kategorieseite oder einer einzelnen Produktseite innerhalb der Smartphone-Kategorie zu verlassen.

Wenn ein Besucher jedoch nach Laptop-Zubehör sucht und versucht, die Website zu verlassen, ändert sich das Wort „Smartphone“ automatisch in „Laptop-Zubehör“ – es spricht direkt die Bedürfnisse dieses Kunden an.

Um Ihre Conversions zu maximieren, sollten Sie sich auf ein Ziel pro Popup beschränken und darauf achten, dass dessen Leistungsversprechen überzeugend ist.

Ein Wertversprechen ist ein Vorteil, den Kunden erwarten können, wenn sie sich mit Ihrem Popup beschäftigen oder Ihre Produkte kaufen. Das Wertversprechen eines E- Mail-Anmelde -Popups kann der exklusive Zugriff auf bestimmte Verkäufe oder Produkte sein, während der Wert eines Rabatt-Popups aus dem Geld resultiert, das ein Besucher durch die Verwendung des Gutscheincodes sparen kann.

Wenn Sie versuchen, mehrere Ziele im selben Popup zu erreichen, verringern Sie die Chancen, eines davon zu erreichen. Letztendlich wird es Ihre Botschaft verwirren und Besucher über den Wert Ihres Angebots verwirren, wodurch Conversions und Verkäufe weniger wahrscheinlich werden.

Durch die Verwendung von Popups können mehrere Ziele erreicht werden, aber beschränken Sie sich darauf, in jedem Popup nur eines davon zu verfolgen.

Hier sind einige allgemeine E-Commerce-Ziele:

1. Verkäufe vorantreiben
2. Erstellen Sie Ihre E-Mail-Liste
3. Warenkorbabbruch reduzieren
4. Upselling und Cross-Selling
5. Verbesserung des Kundenerlebnisses

Wie wir gerade gesehen haben, hängt der Erfolg eines Popups von dem Wert ab, den es Ihren Besuchern bietet.

Aber egal wie wertvoll Ihr Angebot ist, wenn es zu schwierig ist, es zu nutzen, wird sich niemand die Mühe machen wollen.

Deshalb ist es wichtig, nicht zu viele Informationen zu erfragen. Wenn Sie beispielsweise zu viele Felder in einem E-Mail-Anmelde-Popup anzeigen, wird es für die meisten Benutzer wie zu viel Arbeit aussehen. Außerdem zögern neue Besucher möglicherweise, zu viele ihrer persönlichen Daten anzugeben.

Je weniger Daten Sie anfordern, desto mehr Conversions erzielen Sie. In vielen Fällen reicht bereits eine E-Mail-Adresse aus, wie im Beispiel unten.

Viele Websites fragen auch nach einem Vornamen, um ihre Nachrichten in Zukunft zu personalisieren, wie in diesem Beispiel von The Oodie.

Wenn Sie weitere Informationen anfordern möchten, verwenden Sie am besten ein mehrstufiges Popup. Auf diese Weise können Sie zuerst nach den wichtigsten Informationen fragen und dann zusätzliche Eingabefelder auf der zweiten Seite Ihres Popups haben.

Das Popup des Oodie hatte eine zweite Seite, auf der sie auch nach einer Telefonnummer fragten:

Diese von The Oodie angewandte Strategie wird als „Trojanisches-Pferd-Methode“ bezeichnet und brachte The Oodie in nur 30 Tagen zusätzliche Einnahmen in Höhe von 1,9 Millionen US-Dollar ein.

Wenn Sie ihre Strategie „stehlen“ möchten, sehen Sie sich unser kostenloses Training an.

Das Erstellen von Popups wie UX-Designern bedeutet, dass Sie jeden Ihrer Besucher als Menschen betrachten und sorgfältig überlegen, in welchem ​​​​Geisteszustand sie sich befinden, wenn ein Popup erscheint.

Aus diesem Grund sollten Sie niemals ein Eintrags-Popup verwenden und stattdessen Popups basierend auf der Benutzerinteraktion mit Ihrer Website erstellen. Der nächste Schritt ist die Definition von Nutzersegmenten und die anschließende Anzeige relevanter Angebote. Und schließlich können Sie Ihre Popups mit Dynamic Text Replacement personalisieren, um Ihre Nachrichten an jeden Benutzer anzupassen.

Indem Sie diese Best Practices befolgen, können Sie die Benutzererfahrung auf Ihrer Website verbessern, während Sie Ihre Bemühungen zum Erstellen von Listen verbessern und gleichzeitig den Umsatz steigern!

Beginnen Sie kostenlos mit OptiMonk und erstellen Sie beeindruckende Popups, die die Benutzererfahrung in nur wenigen Minuten verbessern.