So entwerfen Sie narrensichere Links und CTAs

Haben Sie sich jemals Ihre Website-Statistiken angesehen und sich gefragt: „Warum gehen die Leute nicht dorthin, wo ich sie haben möchte?“

Warum besuchen sie Ihre Produktseiten nicht? Warum kaufen sie nicht ein?

In diesem Beitrag gebe ich einige Expertentipps, die Ihnen helfen können, den Fortschritt der Besucher auf Ihrer Website zu kontrollieren.

Identifizieren Sie das Problem

Zuerst müssen wir herausfinden, was das Problem sein könnte. Nützliche Tools wie Google Analytics können Ihnen viele statistische Informationen über Ihre Website liefern, aber ich habe festgestellt, dass mehr visuelle Tools wie Crazy Egg, Heatmap.com und Inspectlet Ihnen wirklich helfen können, genau zu lokalisieren, wo die Probleme in Ihrer Website liegen Website liegen.

Ein visueller Bezugsrahmen wie eine Heatmap kann Ihnen sofort zeigen, was die Aufmerksamkeit Ihres Publikums auf sich zieht. Es ist besonders nützlich, wenn es mit einer Scrollmap kombiniert wird, die Ihnen sagen kann, wie weit Ihre Seitenbesucher nach unten schauen! Manchmal lassen sich die Probleme schnell und einfach beheben, manchmal ist es aber nicht so klar. Hoffentlich helfen Ihnen diese Tipps, Ihre Website zu verbessern und mehr Ihrer Ziele zu erreichen.

Lösungen

Klarheit

So bescheuert es klingt, manchmal kann das Problem so einfach sein, dass Kunden nicht auf einen Blick wissen, was ein Link ist und was nicht. Obwohl dies für Sie und andere offensichtlich erscheinen mag, müssen wir bedenken, dass jeder anders funktioniert und Ihre Website möglicherweise anders sieht als Sie sie sehen.

Beispielsweise können die Werbebilder auf Ihrer Website es schwierig machen, genau zu bestimmen, wohin Ihre Besucher klicken sollen. Dies ist ein sehr häufiges Problem auf Websites wie downloads.cnet und filehippo.com:

Download.cnet.com ist dafür genauso schlecht wie Filehippo. Haben Sie zuerst den Download-Link oder das große orange-blaue Banner oben auf der Seite gesehen? In diesem Fall würde es Sie nur zur Website des Unternehmens führen, aber eine andere könnte Sie überall hinführen.

Wie konnten sie das beheben? Einfach klarer zu machen, würde dieses Problem sofort lösen. Sie müssen ihre Links von den Anzeigen trennen, die versuchen, Menschen in die Irre zu führen. Eine Möglichkeit könnte darin bestehen, einen großen, offensichtlichen Rahmen um den Titel und den nachfolgenden Download-Link hinzuzufügen, oder sogar eine vollständige Hintergrundfarbe und -abstände, um den Titel und den Download-Link weiter hervorzuheben. Sogar etwas so Einfaches wie ein Pfeil, der auf den Download-Link zeigt, würde Wunder bewirken! Einfach alles, um sich schnell vom Rest abzuheben und so „verpasste Klicks“ zu reduzieren.

Stil

Ein weiteres Problem könnte sein, wie Ihre Links und CTAs gestaltet sind. Beim Styling gibt es kein richtig oder falsch. Es hängt alles davon ab, was mit Ihrem Design und Ihrer Website funktioniert, was Ihrer Meinung nach am besten aussieht und was für Ihr Publikum am besten funktioniert.

Allerdings haben Sie in den letzten Jahren vielleicht einen großen Anstieg an großen, hellen Knöpfen in riesigen Ozeanen des „weißen Raums“ bemerkt. Dieser Trend hat einen sehr guten Grund. Untersuchungen und Statistiken zeigen, dass Besucher eher mit diesen Arten von Links interagieren, vielleicht mehr als mit anderen Varianten:

Aber warum ist das so? Warum werden wir als Benutzer von Websites mit sehr wenigen Elementen angezogen, mit denen wir interagieren können, und nicht von Websites mit vielen Wegen und Links, die es zu erkunden gilt?

Es ist ganz einfach: Dadurch wird nicht nur jede Unordnung beseitigt, sondern das Styling macht auch sehr klar und deutlich, was anklickbar ist und was nicht. Die CTAs und die Sign up / Log in Buttons ziehen unsere Aufmerksamkeit auf sich und laden uns ein, darauf zu klicken.

Aber bedeutet das, dass alle unsere Links große, helle Schaltflächen sein sollten?

Überhaupt nicht. Wir möchten nur unsere „Calls to Action“ hervorheben, dh unsere Links, mit denen unsere Besucher interagieren sollen – etwas, von dem wir glauben, dass es ihnen und uns in irgendeiner Weise zugute kommt, wie zum Beispiel eine Verkaufsseite oder die neuesten Nachrichten Geschichte.

Um auf das Beispiel von PayPal zurückzukommen: Es ist in Ordnung, Nur-Text-Links für Standard- oder weniger wichtige Links zu verwenden, solange es sich immer noch um eindeutige Links zu etwas handelt. Früher wurde dies immer mit unterstrichenem Text angegeben, und wir können dies auch heute noch verwenden, solange es zum Design passt – obwohl manche Leute meinen, dass die unterstrichenen Links im modernen Design wenig Platz haben.

Sehen Sie sich zum Beispiel den Text unter dem Link „Weitere Informationen“ von PayPal an: „Kein PayPal-Kunde? Loslegen. “ Durch einfaches Ermutigen der letzten beiden Worte wird die Aufmerksamkeit der Besucher auf sich gezogen und sie werden auf subtile Weise zur Interaktion ermutigt. „Dieser Text ist anders“, denken sie. „Ist da was? Warum ist das Teil fett und der Rest nicht?“ Dies lädt den Benutzer ein, mit der Maus darüber zu fahren und zu entdecken, dass es sich um einen Link handelt!

Es ist ein einfacher Unterschied, aber in einer Welt, in der wir um jede Sekunde der Aufmerksamkeit des Benutzers kämpfen müssen, ist es ein Unterschied, der zu einem Durchklicken führen kann und der so einfach zu implementieren ist. Sehen Sie, was für Ihre Website und Ihre Kundschaft am besten funktioniert.

Position auf dem Bildschirm

Benutzer haben so wenig Zeit, eine Site nach einem Link zu durchsuchen, und mehr Zeitverschwendung führt dazu, dass mehr Leute Ihre Site verlassen. Wie können wir das also vermeiden? Auch hier machen wir es einfach, damit Benutzer die Links so einfach wie möglich identifizieren können.

Scrollmaps können hier eine große Hilfe sein. Meiner Erfahrung nach sehen fast alle Besucher einer Seite ganz oben auf der Seite, aber weniger als 20 % der Leute scrollen ganz nach unten – bei längeren Seiten sogar noch niedriger. Über 80 % sehen jedoch die ersten 50 % der Seite.

Neben Bildschirmauflösungen und Gerätegröße spielen dabei die Bildschirmgrößen eine große Rolle. Dies bedeutet jedoch, dass alles unter dem unteren Rand des Displays von Ihren Besuchern wahrscheinlich nicht gesehen wird. Idealerweise möchten wir also sicherstellen, dass unsere wertvollen CTAs ganz oben auf der Seite stehen. Problem gelöst, oder?

Dies ist eine gute Faustregel und funktioniert besonders gut für einzelne Produkte und Werbeaktionen. Aber was ist, wenn Sie beispielsweise die Suchergebnisse eines Produkts vergleichen? Sie werden viele Objekte haben, die um die Aufmerksamkeit des Besuchers kämpfen.

Hier müssen Sie die drei Dinge in Ihrem Design kombinieren: Klarheit, Stil und Lage. Das Wichtigste ist, dass der Benutzer schnell das Interesse verliert, wenn zu viele Informationen auf dem Bildschirm angezeigt werden. Wenn Sie viele Produkte ausstellen möchten, möchten Sie ihnen die minimalen Informationen geben, die Sie sich leisten können – idealerweise Titel, Preis und einen CTA „Mehr Infos / Jetzt kaufen“.

Es liegt an Ihnen, zu entscheiden, was Sie sonst noch hinzufügen möchten. Aber gute Designbeispiele finden Sie auf großen Supermarktseiten wie Tesco:

Eine einfache Suche nach „Brot“ führt zu Hunderten von verschiedenen Produkten, aber Tesco hat allen Produkten viel Raum zum Atmen gegeben und den Einkaufsprozess auf „Menge?“ vereinfacht. und „Hinzufügen“.

Sie werden vielleicht auch feststellen, dass die Schaltflächen alle Regeln befolgen: Sie sind klar, sie sind attraktiv verteilt und gestaltet und erscheinen logisch im Raster, unter dem Produkt und jeder Beschreibung, die es enthalten könnte.

Suchen Sie nach anderen Beispielen, um zu sehen, was große E-Commerce-Sites tun, wenn es darum geht, mehrere CTAs zu präsentieren. Sie werden vielleicht überrascht sein, was Sie finden!

Zusammenfassung

Hoffentlich hat Ihnen dieser Blog einen Einblick in die Art von einfachen Tricks gegeben, die wirklich helfen können, den Erfolg Ihrer Website zu steigern. Zusammenfassend müssen Sie beim Erstellen Ihrer Links und CTAs Folgendes beachten:

• Klarheit . Stellen Sie sicher, dass sich Ihre CTAs von allem anderen auf der Seite abheben, insbesondere wenn es andere Links und Schaltflächen gibt, die zu Verwirrung führen könnten. Sie sollten in der Lage sein, echtes von Fälschungen sofort zu unterscheiden.

• Stil. Menschen werden von großen hellen Schaltflächen angezogen und wir werden von großen Textfeldern angezogen, die unsere Aufmerksamkeit erregen. Je weniger Mühe der Benutzer aufwenden muss, einen Link oder eine Schaltfläche zu identifizieren, desto wahrscheinlicher ist es, dass er darauf klickt. Dies gilt für kleinere, weniger wichtige Links – Sie möchten nie einen Link in einem Text oder in einem Bild verlieren, also legen Sie strenge Richtlinien fest, wie Sie Ihre Links und CTAs gestalten. Verwenden Sie fette Schriftarten, verschiedene Farben oder etwas anderes, um Ihre anklickbaren Elemente hervorzuheben und von Ihren nicht anklickbaren Elementen zu unterscheiden. Stellen Sie nur sicher, dass sie konsequent verwendet werden. Stellen Sie in ähnlicher Weise sicher, dass keines Ihrer Bilder diese Elemente enthält, es sei denn, Sie haben einen wirklich guten Grund dafür.

• Lage, Lage, Lage . Wo Sie Ihre Links und CTAs platzieren, ist wichtig. Wenn Ihr äußerst wertvoller und wichtiger "Jetzt kaufen"-Link bei jemandem nicht über dem Fenster angezeigt wird, besteht eine Chance von weniger als 50 %, dass ein Kunde darauf klickt, da weniger als 50 % der Nutzer bis hierher scrollen.

Ich hoffe, dieser Rat hilft! Vergessen Sie nicht, sich immer umzusehen und zu sehen, was andere tun, um dieses Problem zu lösen, und vergleichen Sie ihre Website mit Ihrer, um zu sehen, wo und wie Ihre Website weiter verbessert werden könnte.