Als Designer sind wir ausgebildet und gezwungen, uns auf das zu konzentrieren, was uns am meisten gefällt. Wir arbeiten hart an der Erstellung der schönsten Websites, die alles zusammenbringen, was wir aus den Branding- und Geschäftszielen unserer Kunden oder aus unseren eigenen Aktivitäten ziehen können.
Die Realität ist jedoch, dass, egal wie perfekt ein Design aussieht, der einzige Weg, um absolut sicher zu sein, dass es seine Ziele erreicht, darin zu bestehen, die Zahlen mit ein paar echten Tests zu testen.
Q. Ist die Farbe, die Sie für die Farbe gewählt haben? Download kostenlose Testversion Knopf sehen toll aus?
EIN. Ja, natürlich, weil Sie ein fantastischer Webdesigner sind.
Q. Ist die Farbe, die Sie für die Farbe gewählt haben? Download kostenlose Testversion Die Schaltfläche zwingt die Benutzer tatsächlich dazu, eine kostenlose Testversion herunterzuladen?
EIN. Die Wahrheit ist, dass Sie keine Möglichkeit haben zu wissen, es sei denn, Sie erstellen alternative Schaltflächen und vergleichen die Ergebnisse, die Sie mit echtem Verkehr erzielen.
Jede Site hat ein völlig anderes Publikum. Und egal, wie viel Marktforschung Sie im Vorfeld durchführen, Sie können unmöglich die Gedanken aller Benutzer kennen. Bis diese echten Menschen anfangen, durchzukommen und echte Aktionen auszuführen, ist alles nur Theorie.
Das ist wo Geteiltes Testen auch bekannt als A / B Testing kommt ins Spiel. Die Entwurfsphase der Standortproduktion ist die Kunst, und das A / B-Testen ist die Wissenschaft.
Für jede Site, die ein bestimmtes Ziel, dh jede Business-Site, erreichen muss, ist das A / B-Testen für den Prozess genauso wichtig wie das Cross-Browser-Testen. Um sicherzustellen, dass eine Site ihre Ziele erreicht, gehört dies ebenso zum Erstellen einer funktionalen Site wie das korrekte Rendern aller CSS.
Trotzdem war es in der Vergangenheit immer ein bisschen wie die Zahnseide der Webdesign-Welt. Sie wussten, dass Sie es tun sollten, aber Sie ließen immer nach, weil es unangenehm und manchmal ein bisschen schmerzhaft war.
Sie mussten komplizierte Skripts installieren und konfigurieren, mehrere verschiedene Versionen Ihrer Websites erstellen, die unter verschiedenen URLs gespeichert sind, und der gesamte Prozess war umständlich und langwierig.
Wie alles andere in der Web-Welt entwickeln sich die A / B-Split-Test-Tools jedoch weiter und Dinge, die früher in den "zu harten Korb" verwiesen wurden, befinden sich jetzt im "schnellen und einfachen Korb".
Wir verfügen jetzt über eine neue Generation von A / B-Testwerkzeugen, die sicherstellen, dass jeder einzelne von uns erstellte Standort in jeder Hinsicht vollständig optimiert werden kann. So können wir Standorte entwerfen, die nicht nur gut aussehen, sondern auch alle ihre Ziele erreichen.
Eine der neuen Generation von A / B-Testwerkzeugen ist das Visual Website Optimizer oder VWO von Wingify. VWO macht die alten A / B-Testmethoden für endlose Codezeilen und Stunden für das Erstellen alternativer Versionen Ihrer Site überflüssig.
Stattdessen ist es so einfach:
Fügen Sie ein kleines Stück JavaScript in den Kopfbereich Ihrer Website ein.
Verwenden Sie die Drag & Drop-Oberfläche des Visual Website Optimizer, um beliebig viele alternative Versionen Ihrer Website zu erstellen.
Überwachen Sie den Datenverkehr und verwenden Sie die automatisch generierten Diagramme und Heatmaps, um genau zu sehen, welche Version Ihrer Website die besten Ergebnisse erzielt.
Dieser Prozess macht das Vermutung vollständig und lässt Sie mit absoluter Sicherheit feststellen, welche Variationen Ihrer Designs die meisten Leads und den größten Umsatz generieren.
Wenn Sie noch nie A / B-Tests durchgeführt haben, denken Sie möglicherweise, dass vollständige Site-Überholungen erforderlich sind, um die Ergebnisgenerierung zu beeinflussen. Tatsächlich sind es oft sehr kleine Änderungen, die zu den größten Unterschieden führen.
Ein guter Ort, um sich ein Bild von den kleinen Änderungen zu machen, die zu erheblichen Umsatzsteigerungen führen können, ist die Fallstudiengalerie von VWO.
Die Beispiele dort zeigen, dass Verbesserungen von etwas anderem als dem Ändern der Farbe eines Links von Blau nach Rot ausgehen können, um die Klickrate um 50% zu erhöhen:
EIN: Beamax, blaue VerbindungÄndern einer Schriftgröße von 15px in 20px und Fettdruck für eine Steigerung der Konvertierung um 36,54%:
EIN: Royal Discount, Schriftgröße 15px und Schriftgewicht normalOder fügen Sie ein paar Wörter hinzu, um die Conversion-Rate von 14,5% auf 18,6% zu erhöhen:
Lassen Sie uns das jetzt ein wenig in die Perspektive bringen.
Das oben gezeigte Beispiel, in dem Text fett gedruckt und vergrößert wurde, führte zu einer Umsatzsteigerung von 10,21%. Selbst wenn der gesamte Umsatz eines Unternehmens für ein Jahr nur 100.000 US-Dollar betrug (und ich bin mir sicher, dass es viel mehr ist), würde dies eine Auszahlung von 10.210 US-Dollar für zwei Minuten des Tweaking bedeuten.
Sie haben oben gesehen, wie auch kleinere Änderungen echte Ergebnisse erzielen können. Lassen Sie uns nun einen Blick darauf werfen, wie Sie mit VWO solche Änderungen vornehmen können.
Sie können diesen Schritten folgen, indem Sie sich für eine 30-tägige kostenlose Testversion bei VWO registrieren. Diese kostenlose Testversion bietet Ihnen:
Nach der Registrierung und der Eingabe einiger grundlegender Kontodaten wie Ihrem Firmennamen und Ihrer URL können Sie zu der Installationscode Tab in Ihrem Admin-Bereich, um Ihr JavaScript-Integrations-Snippet zu erhalten.
Kopieren Sie das Snippet und fügen Sie es am Ende des Kopfbereichs Ihrer Site ein. Nun können Sie loslegen.
Sie können überprüfen, ob alles in Ordnung ist, indem Sie die URL Ihrer Website in das Feld eingeben Smart Code Checker auf derselben Seite und klicken Sie auf die Prüfen Taste.
Nachdem Sie VWO in Ihre Site integriert haben, können Sie eine neue Kampagne erstellen. Klicken Sie auf das große + Symbol im linken Menü und wählen Sie Website-Kampagnen.
Sie werden dann zu einer Reihe von Kampagnentypen geführt, aus denen Sie auswählen können. Wählen Sie für unsere Zwecke A / B-Test.
Geben Sie im nächsten Fenster die URL der Seite ein, auf der Sie A / B-Tests ausführen möchten.
Sie werden dann im Visual Website Optimizer (VWO) direkt zu Ihrer Site geleitet, wo Sie verschiedene Versionen davon erstellen können, um sie zu testen.
Um dies zu demonstrieren, habe ich eine kleine Newsletter-Anmeldeseite für Menschen erstellt, die Videos von süßen Welpen lieben, denn wer nicht, stimmt?
Alles, was Sie tun müssen, ist, auf das Element zu klicken, das Sie ändern möchten. Daraufhin werden eine Reihe von Tools angezeigt, mit denen Sie alternative Versionen direkt in VWO erstellen können.
Aufnahmen von VWO allein werden dem nicht gerecht, denn man muss wirklich live dabei sein, um zu sehen, wie schnell man alternative Site-Versionen erstellt.
Dies sind die gleichen Arten von Optimierungen wie in den zuvor untersuchten Beispielen, bei denen kleine Änderungen zu großen Unterschieden bei den Ergebnissen führten.
Wie ich in dem Video erwähnt habe, konnte ich diese Änderungen nur über ein kostenloses Testkonto einrichten. Wenn Sie die gleichen Änderungen selbst ausprobieren möchten, besuchen Sie die VWO-Website und erhalten Sie 30 Tage lang voll funktionsfähigen Zugang.
Neben den A / B-Tests können Sie mit VWO auch multivariate Tests erstellen. Mit multivariaten Tests können Sie mehr als nur zwei Variationen einer Site vergleichen, sodass Sie sich A / B / C / D… als Tests vorstellen können.
Die resultierenden Berichte, die aus Ihren Tests generiert werden, liegen in verschiedenen Formen und Formaten vor. Unter der Auswahl der verfügbaren Berichte erhalten Sie "auf einen Blick" Zusammenfassungen, die Ihre Conversions, Ihren Umsatz, Ihren Umsatz usw. anzeigen:
Sie erhalten vergleichende Diagramme:
Und einer meiner persönlichen Favoriten, Heatmaps, um zu verfolgen, wohin Besucher klicken:
Während Sie sich für den Split-Test bei VWO befinden, können Sie auch die anderen Möglichkeiten nutzen, mit denen das Toolset verwendet werden kann, und einige der zusätzlichen Vorteile, die angeboten werden.
Was Ihnen das VWO bietet, ist eine Möglichkeit, Variationen Ihrer Website zu erstellen, ohne sie zu verlangsamen oder verschiedene Installationen unter verschiedenen URLs verwalten zu müssen. Geteilte Tests sind eine Möglichkeit, dies zu nutzen, aber Sie können auch Versionen bereitstellen, die speziell für verschiedene Arten von Faktoren wie Standort, Gerätetyp, Betriebssystem, Browser, Suchbegriffe usw. optimiert sind.
Sie könnten beispielsweise das Segmentverfolgungssystem von VWO verwenden, um herauszufinden, dass Personen, die über ein iPhone in New York über Facebook kommen, am meisten reagieren und die meisten Conversions erzielen. Sie können dann eine angepasste Version der Website nur für dieses Segment erstellen und sie hinsichtlich Benutzerfreundlichkeit und Konvertierungen analysieren und anpassen, bis Sie die optimal optimierte Variation erhalten.
Ein weiterer Aspekt der Mitgliedschaft, der meiner Meinung nach den Preis für die Aufnahme wert ist, ist die "Idea Factory". Wenn Sie die offensichtlichen Dinge wie Überschriften und Schaltflächenfarben getestet haben, fragen Sie sich vielleicht, was Sie als Nächstes tun können, um die Optimierung fortzusetzen. An dieser Stelle können Sie im VWO auf die Registerkarte "Ideen" klicken, um mehr Informationen und Anleitungen zu mehr als 400 zusätzlichen Möglichkeiten zu erhalten, die Sie weiter verbessern können:
Außerdem erhalten Sie Zugriff auf eine umfangreiche und eine Bibliothek realer Fallstudien, sodass Sie genau sehen können, was zur Steigerung der Conversions und des Umsatzes für andere Websites beigetragen hat. Diese Art von Dingen kann aus purem Gold bestehen, wenn Sie das, was Sie entdecken, auf Ihre eigenen Projekte anwenden.
Um dies in die richtige Perspektive zu rücken, erinnere ich mich vor ein paar Jahren an eine Person, die ein Kompendium von etwas mehr als 40 Fallstudien zu Split-Tests für 200 US-Dollar verkaufte, und das tat sie sehr erfolgreich.
Ich begann zu zählen, wie viele Fallstudien in der VWO-Ideenfabrik waren. Ich hörte auf, beim 120. Eintrag auf die Schaltfläche "Mehr laden" zu klicken.
Ich hoffe, dies hat Ihnen einige Einblicke in die Möglichkeiten von A / B Testing und wie VWO Ihnen dabei helfen kann. VWO verfügt über eine ganze Reihe von Funktionen, die Sie auf der Website nachlesen können.
Oder springen Sie direkt hinein und testen Sie Ihre Websites. Testen Sie Ihre Website 30 Tage lang, um Variationen zu erstellen und Ihre Ergebnisse mit der voll funktionsfähigen kostenlosen Testversion anzusehen.
Mal sehen, wie gut Ihre Websites abschneiden!