5 Pop-up-Designideen, die die Benutzer nicht stören

Bei der Gestaltung von Websites sind die Möglichkeiten sehr vielfältig. Abhängig von den Funktionalitäts- und Lead-Generierungszielen, die Unternehmen erreichen möchten, sollten sie Layouts wählen, die den Benutzern gefallen, sie dazu anregen, mehr Zeit auf ihren Seiten zu verbringen, und sich engagieren.

Dies ist jedoch nicht immer der Fall.

Haben Sie schon einmal eine Website durchsucht und sich an einem Inhalt erfreut, als plötzlich ein Popup-Fenster erscheint und Sie daran hindert, weiterzumachen? Frustrierend, nicht wahr?

Eine solche Erfahrung wird Sie sehr wahrscheinlich dazu bringen, zu gehen und die Informationen, die Sie benötigen, woanders zu finden. Das liegt daran, dass Pop-ups aufdringlich sein und Benutzer von ihrer Absicht ablenken können.

Tatsächlich mögen laut einer HubSpot-Umfrage 73 % der Menschen Online-Popups von allen Arten von Werbung am wenigsten. Außerdem installieren 64 % der AdBlock-Nutzer die Software, da sie Pop-ups als störend empfinden und sie besonders loswerden wollen!

Obwohl Pop-ups spaltend sind und meistens die Aktivitäten der Menschen unterbrechen und UX schaden, schaffen es viele Website-Besitzer, sie erfolgreich zu verwenden.

Darüber hinaus können sie, wenn sie richtig gestaltet und SEO-optimiert sind, Ihre Konversionsrate sogar um 3 % steigern, wenn nicht sogar noch mehr!

In diesem Artikel sprechen wir über Pop-up-Designs, erläutern die Richtlinien und Best Practices für UX und stellen 5 Pop-up-Designideen vor, von denen Sie profitieren können.

Was sind Pop-Ups?

Kurz gesagt, Pop-ups sind Browserfenster, die über dem Hauptinhalt einer Seite angezeigt werden, wenn der Benutzer eine bestimmte Aktion ausführt oder einen vordefinierten Schwellenwert erreicht. Das Ziel ist es, die Aufmerksamkeit des Benutzers zu erregen, ihm einen Call-to-Action (CTA) zu zeigen und ihn zum Engagement zu ermutigen.

Pop-ups können unterschiedliche Botschaften enthalten – Werbung für ein Produkt oder eine Dienstleistung eines Erst- oder Drittanbieters, Bitte um Feedback, Anzeigen einer Abonnementbox, Vorschlagen eines Angebots, Ausdrücken von Dankbarkeit usw.

Pop-up-Designs gibt es seit 15 bis 20 Jahren und sie werden definitiv bleiben. Sie ermöglichen Website-Eigentümern, potenzielle Kunden anzusprechen, ihre Aufmerksamkeit zu erregen und ihre Chancen zu erhöhen, sie in Käufer umzuwandeln.

Es gibt verschiedene Möglichkeiten, Pop-ups zu nutzen, um die Leistung Ihrer Website zu verbessern. Sie sollten jedoch immer unter Berücksichtigung der Benutzerabsicht und -präferenzen handeln und sicherstellen, dass das Pop-up relevant ist.

Normalerweise vertreiben Pop-ups Besucher, wenn sie von einem Drittanbieter kommen und keine direkte Verbindung zu dem haben, wonach der Benutzer sucht. Ein Benutzer liest beispielsweise einen Artikel darüber, wie man einen guten Anwalt findet, und plötzlich wird der Inhalt von einem Popup blockiert, das ihn zu einem Amazon FBA-Seminar einlädt.

Es ist auch eine sehr schlechte Praxis, Anzeigen zu platzieren, die ein neues Fenster öffnen oder den Besucher auf eine völlig andere Website führen.

Abgesehen von der Relevanz ist das andere, was Ihren Erfolg ausmacht, das Pop-up-Design. Es sollte zum allgemeinen Stil und den Farben der Website passen, clever und prägnant sein und einen klar definierten CTA haben. Sie können auch erwägen, ein spielerisches Element hinzuzufügen, sich für lebhafte Kontrastfarben entscheiden, um die Informationen wirklich hervorzuheben, oder irgendetwas anderes, von dem Sie glauben, dass es die Aufmerksamkeit des Benutzers erregen und ihn zum Mitmachen anregen könnte.

Denken Sie jedoch daran, dass je auffälliger das Pop-up ist, desto verdächtiger sieht es aus und desto wahrscheinlicher ist es, dass der Benutzer verärgert ist und vielleicht sogar geht.

So steigern Sie die Leistung von Pop-ups

Um sicherzustellen, dass Ihre Pop-ups gut funktionieren und die Conversions steigern, anstatt Kunden abzuschrecken, müssen Sie sie richtig gestalten:

Bieten Sie sofortigen Mehrwert

Was eine effektive Anzeige von einer gescheiterten unterscheidet, ist der Wert.

Sie müssen Ihr Publikum verstehen und wissen, was es von dem Produkt oder der Dienstleistung erwartet, die Sie anbieten. So können Sie ihnen direkt vor Ort die passende Lösung anbieten!

Außerdem werden Pop-ups mit relevantem Inhalt zu über 40 % konvertiert.

Dringlichkeit schaffen

Dringlichkeit zu schaffen ist der ultimative Weg, um den Umsatz zu steigern, da der Benutzer nur begrenzt Zeit hat, eine Entscheidung zu treffen. Ein Countdown für Ihre Popup-Werbung hat eine um acht Prozent bessere Conversion-Rate als solche ohne.

Quelle

Fördern Sie die Markenbekanntheit

Pop-up-Anzeigen sind schwer zu ignorieren, was zur Sichtbarkeit Ihrer Marke und Ihrer Produkte beiträgt.

Darüber hinaus sind sie eine großartige Taktik zur Lead-Generierung, und wenn sie strategisch auf Ihrer Website platziert werden, können sie Ihnen helfen, Ihr Publikum und Ihren Traffic zu vergrößern.

Sie können beispielsweise ein Scroll-Pop-up einführen, wenn Besucher die Hälfte eines Artikels gelesen haben. Auf diese Weise können Sie vorschlagen, ihnen ähnliche Inhalte per E-Mail zu senden, und eine solide E-Mail-Liste aufbauen.

Konzentrieren Sie sich auf Conversions

Wie oben erwähnt, kann ein gut implementiertes und zielgerichtetes Pop-up-Design wirklich einen Unterschied in Ihren Konversionsraten bewirken.

Letztendlich ist es Ihr ultimatives Ziel, den Umsatz zu steigern und mehr Besucher für Ihre Produkte und Dienstleistungen zu begeistern. Stellen Sie zu diesem Zweck sicher, dass Sie die Pop-ups an der richtigen Stelle und zum richtigen Zeitpunkt auf der Reise des Benutzers auf Ihrer Website positionieren.

Vergessen Sie auch nicht, einen klaren, unkomplizierten CTA einzufügen, um die Leute zum nächsten Schritt zu führen.

Fragen Sie vor Ort nach Feedback

Pop-ups sind eine großartige Möglichkeit, um eine sofortige Reaktion zu erhalten und Ihre Kunden einzuladen, ihre Meinung zu Ihren Produkten zu äußern.

Bitten Sie sie, einen Kommentar zu hinterlassen und ihre Erfahrung zu bewerten, bevor sie Ihre Website verlassen.

Sie können beispielsweise ein Pop-in für den Net Promoter Score (NPS) verwenden, gefolgt von einem Kommentarfeld, in dem der Benutzer zusätzliche Eingaben machen kann.

Diese Arten von Pop-ups ermöglichen es Ihnen, Ihre Kunden besser kennenzulernen und Ihre Dienstleistungen zu verfeinern, damit Sie ihre Bedürfnisse effektiver erfüllen können. Als nächstes wissen Sie, dass Sie auf der Überholspur zum Erfolg sind. Es ist in der Tasche!

Pop-up-Design: Die Richtlinien

Wenn es um Google-Abstrafungen geht, müssen Sie immer wachsam sein und die Richtlinien befolgen. Wenn ein Benutzer auf ein Suchmaschinenergebnis klickt, nachdem er eine Suchanfrage eingegeben hat, und das eine Seite mit einem Popup auslöst, das ihn auffordert, auf eine irrelevante Quelle zu klicken, ist das ein Warnsignal.

Pop-ups können jedoch immer noch sehr effektiv sein. Stellen Sie einfach sicher, dass Besucher nicht direkt nach dem Klicken auf ein SERP-Ergebnis auf einer Seite mit einem Popup landen. Planen Sie das Erscheinen der Anzeige richtig, um sicherzustellen, dass sie genug Gelegenheit hatten, Ihre Inhalte zuerst zu durchsuchen.

Laut Google Search Central sind Werbe-Interstitials Dialoge, die aufdringlich sind und Google und andere Suchmaschinen daran hindern, Ihre Inhalte zu verstehen. Es ist wichtig, Ihre Pop-ups so klein wie möglich zu halten, damit sie nicht den gesamten Bildschirm oder wichtige Teile der Seite verdecken. Die optimalen Abmessungen für ein Popup-Design betragen bis zu 15 % der Bildschirmgröße des Benutzers.

Google erkennt jedoch an, dass einige Interstitials obligatorisch sind, z. B. Altersbeschränkungen und Datenschutzwarnungen:

Quelle

Um auf der sicheren Seite zu bleiben, stellen Sie sicher, dass Pop-ups den Seiteninhalt nicht verdecken. Dies erleichtert das Crawlen und Indizieren und beeinträchtigt die Benutzererfahrung weniger.

Vermeiden Sie außerdem die Umleitung eingehender HTTP-Anfragen auf eine andere Seite als die, auf der sich der Nutzer vor der Anzeige befand.

Verwenden Sie nach Möglichkeit Banner anstelle von Interstitials und verwenden Sie Plugins für Standard-Popup-Designs wie eine Newsletter-Anmeldung oder eine Feedback-Aufforderung.

Quelle

5 benutzerfreundliche Pop-up-Designideen

Schauen wir uns nun an, wie Sie Ihre Pop-ups richtig gestalten, damit sie den Benutzer weniger frustrieren und eine bessere Leistung erzielen:

Wählen Sie den richtigen Designstil

Das Erstellen eines UX-effektiven Pop-up-Designs kann schwierig sein. Sie möchten, dass das Pop-up auffällt, aber nicht so aufdringlich ist, dass es die Leute abschreckt. Gleichzeitig sollte das Design eng an Ihrer Markenidentität ausgerichtet sein. Und schließlich ist es wichtig, das Gesamtdesign einfach zu halten und nur wenige Farben, Schriftarten und Bilder zu verwenden.

Wenn es richtig gemacht wird, kann ein Pop-up ein unschätzbares Werkzeug sein, um Conversions zu steigern und Leads zu generieren.

Wenn das Design jedoch zu beschäftigt oder überwältigend ist, wird es die Benutzer nur frustrieren und sie abschrecken. Nehmen Sie sich also die Zeit, ein Pop-up zu erstellen, das Ihre Marke genau widerspiegelt und eine positive Benutzererfahrung bietet.

Position auf dem Bildschirm

Eine andere Sache, die Sie beachten sollten, ist, dass Pop-ups einfach zu schließen sein sollten.

Da sie das Surferlebnis des Benutzers unterbrechen, sollten Front-and-Center-Popups im Allgemeinen für wichtige Informationen reserviert werden, die für den Benutzer wichtig sind.

Quelle

Angesichts der Vielzahl möglicher Positionen für ein Pop-up haben Designer jedoch eine große Flexibilität bei der Verwendung.

Beispielsweise kann ein Pop-up in der Ecke des Bildschirms weniger aufdringlich sein als eines vorne und in der Mitte.

Ein beliebter Ansatz besteht darin, die Popup-Werbung von oben oder unten in den Bildschirm einzublenden. Dadurch kann der Benutzer weiterhin mit der Website interagieren, während das Popup vorhanden ist. Bei dieser Methode kann der Besucher wählen, wann (und ob) er mit dem Pop-up interagieren möchte. Denken Sie jedoch daran, dass das Pop-up, wenn es zu viel vom Bildschirm abdeckt und ablenkend wird, die Benutzer trotzdem abschrecken kann.

Ein weiterer benutzerfreundlicher Ansatz besteht darin, das Pop-up weniger aufdringlich zu gestalten, indem Sie eine deutlich sichtbare Schaltfläche zum Schließen einfügen, oder Sie können einfach das Design selbst verkleinern. Auf diese Weise können Besucher den Inhalt Ihrer Seite weiterhin sehen und interagieren mit größerer Wahrscheinlichkeit mit Ihrem Pop-up.

Zielen Sie auf jeden Besucher

Neben einem einfachen Layout und einem geradlinigen Text ist es sehr wichtig, Ihr Pop-up-Design individuell auf jeden Seitenbesucher abzustimmen. Identifizieren Sie die wichtigsten Seiten, auf denen eine Conversion ausgelöst wird.

Ein personalisiertes Erlebnis für Kunden zu schaffen, ist ein heikler Balanceakt. Auf der einen Seite kann eine fehlende Personalisierung eine verpasste Chance für Marken darstellen. Auf der anderen Seite führt laut Gartner eine übermäßige Personalisierung dazu, dass Benutzer eine Marke dreimal wahrscheinlicher verlassen.

Daher können einzelne Datenpunkte nützlich sein, um ein personalisierteres Erlebnis zu schaffen, aber es ist wichtig, sie mit Bedacht zu verwenden. Zu viel Personalisierung kann abschreckend wirken, daher ist es wichtig, ein Gleichgewicht zu finden, das der Kunde zu schätzen weiß.

Zeitliche Koordinierung

Wenn ein Benutzer auf Ihrer Website landet, möchten Sie idealerweise, dass er sich zuerst mit Ihren Inhalten beschäftigt und sich umsieht. Je länger ein Besucher auf einer Website verbringt, desto unwahrscheinlicher ist es, dass er sie verlässt (und am sichersten ist es, ihm eine Pop-up-Werbung einzublenden).

Quelle

Quelle

Stellen Sie sicher, dass Sie die Zeit analysieren, die Benutzer auf einer Seite verbringen, dh die durchschnittliche Sitzung. Verwenden Sie Google Analytics, um den erhaltenen Datenverkehr zu verfolgen und darauf zu reagieren.

Wenn Sie jedoch befürchten, dass Sie das Erscheinen-Timing durcheinander bringen und die Benutzer vertreiben könnten, finden Sie hier einige Vorschläge:

Eintrags-Pop-ups

Das Platzieren eines Pop-ups, sobald ein Benutzer auf einer Seite landet, kann Wunder wirken, wenn begrenzte Angebote oder Bündel vorgeschlagen werden. Es wird jedoch normalerweise nicht von Suchmaschinen empfohlen, wenn es um E-Commerce-Websites geht.

Scrollende Pop-ups

Wenn Sie sicherstellen möchten, dass Ihre Website-Besucher eine angemessene Zeit auf einer Seite verbracht haben und ausreichend informiert sind, ist ein scrollendes Popup eine gute Alternative. Sie können Ihr Pop-up so einstellen, dass es erscheint, nachdem sie durch einen bestimmten Prozentsatz der Seite gescrollt haben, indem Sie einen oder mehrere relevante Schwellenwerte setzen.

Beenden Sie Pop-ups

Exit-Pop-ups werden auch als „Leaving-too-soon“-Anzeigen bezeichnet. Sie werden angezeigt, wenn sich Ihr Cursor in Richtung der Schaltfläche „Zurück“ bewegt oder wenn Sie eine Seite schließen oder auf einen Link klicken, um zu einer anderen Seite zu wechseln. Das Exit-Popup-Design kann in den letzten Sekunden, die ein Besucher auf einer Seite verbringt, verwendet werden, um ein Last-Minute-Angebot vorzuschlagen.

Klicken Sie auf Pop-ups

Klick-Popups sind Dialoge, die als Ergebnis eines Klicks auf eine relevante Schaltfläche oder einen Link erscheinen. Dies sind wahrscheinlich die authentischsten und am wenigsten frustrierenden Popups, da sie erscheinen, nachdem sich der Benutzer bereits mit dem Seiteninhalt beschäftigt und eine Aktion durchgeführt hat.

Im folgenden Beispiel erschien ein E-Mail-Anmelde-Popup, nachdem ich auf die Schaltfläche „Auf die Warteliste treten“ geklickt hatte:

Quelle

Haben Sie einen witzigen/kreativen/lässigen/skurrilen Tonfall

Wenn Sie Ihre Benutzer fesseln und sie länger bleiben lassen möchten, lockern Sie ein wenig auf und machen Sie Ihre Pop-up-Kopie zuordenbar und einprägsam. Es muss weder aggressiv oder unhöflich noch zu 100 % verkäuferisch sein.

Denken Sie einfach darüber nach, wer Ihre Zielgruppe ist, verfolgen Sie deren Verhalten, Standort, Demografie und Vorlieben, damit Sie sich ein Bild von Ihrem durchschnittlichen Benutzer machen können. Gestalten Sie dann Ihr Pop-up so, dass es etwas anzeigt, das ihnen gefallen könnte.

Rekapitulieren

Nun, da haben Sie es! Wir haben uns eine Vielzahl von Pop-ups und Pop-up-Werbebeispielen angesehen und umsetzbare Tipps besprochen, wie sie effektiver gestaltet werden können. Hoffentlich hat Ihnen dies einige Ideen für Ihre eigene Website gegeben.

Wenn Sie Hilfe beim Entwerfen oder Implementieren von Pop-ups auf Ihrer Website benötigen, zögern Sie nicht, sich an die Webdesigner-Experten hier bei DevriX zu wenden. Wir können Ihnen helfen, ein ansprechendes und benutzerfreundliches Erlebnis zu schaffen, das die Ergebnisse steigert.