Wie wir Hotjar benutzt haben, um ALLES zu ändern

Haftungsausschluss - Wir sind nicht mit Hotjar verbunden und dies ist keine Werbung für ihr Produkt. Es gibt andere Analyseprodukte, die Sie verwenden können. Wir verwenden nur Hotjar

Heiligenschein

Wenn wir Dinge bauen, können wir uns sehr an unsere Kreationen anhängen, und dies kann dazu führen, dass alle anderen es genauso lieben wie wir. Wenn tatsächlich, kann das Gegenteil zutreffen. Wenn es darum geht, ein funktionales Produkt (wie eine Jobbörse) zu erstellen, ist es sehr einfach, es nur mit unseren eigenen Augen zu betrachten und davon auszugehen, dass jeder, der es verwendet, es wirklich intuitiv und leicht zu bedienen findet.

Es stellt sich heraus… das ist nicht der Fall.

Seit der Einführung von Remote Circle haben wir Hotjar von Anfang an installiert, vor allem, um Feedback von unseren Benutzern zu erhalten. In der Anfangsphase war das wirklich nützlich - aber als wir größer wurden, fanden wir andere Werkzeuge in Hotjar als nützlicher - dies waren Heatmaps und Bildschirmaufnahmen!

Wenn Sie nicht vertraut sind, können Sie mit Heatmaps einige interessante Informationen zu Ihren Webseiten visuell anzeigen, z. B. wie weit die Personen im Durchschnitt blättern oder die am häufigsten angeklickten Bereiche. Wir waren besonders interessiert, wo die Leute klicken. Wir haben dies mit Bildschirmaufnahmen kombiniert, die Ihnen grundsätzlich anonymisierte Bildschirmaufnahmen der Interaktion Ihrer Benutzer mit Ihrer Website ermöglichen. Unser Fazit Jeder hat unsere Seite falsch benutzt! Die erste Reaktion lautet normalerweise: "Wie können sie es nicht bekommen?!?! Es ist so einfach !!! “Aber ist es so? Es mag für uns einfach sein, aber wir haben es entworfen. Möglicherweise gibt es einen Grund, warum Benutzer nicht auf die Schaltfläche klicken, auf die Sie klicken sollen. Wir haben diese Dinge im Detail analysiert und festgestellt, dass die Benutzeroberfläche unserer Website einfach nicht klar genug ist. Benutzer haben es nicht verstanden. Und es war nicht ihre Schuld. Es war bei uns. Wir mussten tweak und tweak und tweak. Bis wir mit einer im wesentlichen kompletten Neugestaltung endeten.

So sah es früher aus

Und so sieht es jetzt aus

Zunächst war die Schaltfläche "Job speichern" ein schwarzes Lesezeichensymbol, das Sie auf der rechten Seite des ersten Screenshots sehen können. Niemand hat darauf geklickt. Warum? Weil es nicht anklickbar aussieht! Schwarz ist keine gute Farbe für ein nicht angeklicktes Symbol. Es braucht etwas Sanfteres, das nach dem Anklicken kühner wird. Aber ich bin nicht hier, um über Designprinzipien zu sprechen.

Was war sonst noch los? Oh ja, die Jobs sind ein winziger dünner Streifen in der Mitte der Seite, auf beiden Seiten viel Leerstelle! Warum? Wir hatten alle diesen Raum zum Spielen

Die Schaltfläche "CTA anmelden" befindet sich unterhalb der Filter, sodass sie wie eine Suchschaltfläche aussieht. Die Leute haben darauf geklickt, aber nur, wenn sie versuchten, nach Jobs zu suchen, nicht wenn sie sich anmelden wollten.

Das Header-Bild wurde von der Textüberlagerung abgelenkt, sodass es nicht gelesen wurde.

Wir verfügen über Funktionen, mit denen Benutzer Jobs speichern und Unternehmen folgen können. Diese Listen wurden jedoch auf separaten Seiten angezeigt, und Benutzer haben sie selten besucht.

Und lassen Sie mich nicht mit der mobilen Version beginnen!

Dies sind nur einige der Dinge, die wir aus der Betrachtung unserer Benutzer der Website gelernt haben. Dies hätten wir nie gelernt, wenn wir unsere Benutzer ignoriert und etwas gebaut hätten, mit dem wir zufrieden waren. Aber es geht nicht um uns.

Alles in allem haben wir hier einige Änderungen vorgenommen:

  • Wir haben das Layout geändert, um die Seitenbreite besser zu nutzen
  • Eine neue mobile Version erstellt
  • Die Schaltfläche "Job speichern" sah eher wie eine Schaltfläche aus
    • Kombiniert die Jobseite, die Liste der gespeicherten Jobs und die Unternehmen, denen Sie auf der Hauptseite folgen
    • Das Anmelde-CTA wurde viel kleiner gemacht und an einen logischeren Ort verschoben
    • Das Header-Bild wurde in eine Blockfarbe geändert, um den Text lesbarer zu machen, und der Text wurde klarer dargestellt
    • Und das ist nur die Homepage. Wir haben diese Änderungen auf der gesamten Website durchgeführt. Es war eine ziemlich große Überholung.

      Das Ergebnis?

      Höhere Bindung an die Website im Allgemeinen. Geringere Absprungrate, mehr Zeit vor Ort, mehr Seitenaufrufe usw.

      Ein großer Gewinn für uns.

      Und jetzt, da wir diese Änderungen vorgenommen haben, bedeutet das nicht, dass wir uns ausruhen können. Es ist ein fortlaufender Prozess. Wir müssen weiter überwachen und weiter optimieren. Es gibt immer Raum für Verbesserungen. Immer!

      Wir würden uns freuen, Ihre Gedanken zu dem neuen Design zu hören. Lassen Sie uns dies in den Kommentaren unten oder auf Twitter wissen.

      Und wenn Sie Lust haben, klicken Sie auf diesen kleinen neuen CTA-Button

      Frieden ️

      JT