Trotz allem, was viele Leute Ihnen sagen werden, gibt es keine harten Regeln, wenn es um Call-to-Action-Buttons geht. Ja, es ist wahr, dass große, farbige Schaltflächen, die von viel Platz umgeben sind, normalerweise die erfolgreichsten sind, aber es ist wichtig, dass Sie jede Schaltfläche an die Hauptaufgabe der jeweiligen Webseite anpassen, sei es zum Registrieren, zur Kasse oder zum Registrieren sonst. Als Designer ist es Ihre Aufgabe, Besuchern die Erledigung dieser Aufgaben so einfach wie möglich zu machen, und Call-to-Action-Schaltflächen sind die leistungsfähigsten Werkzeuge, die Ihnen zur Verfügung stehen. Verwenden Sie sie daher mit Bedacht.
Call-to-Action-Schaltflächen sollten im Allgemeinen einfach und klar sein. Sie müssen auffallen und die Aufmerksamkeit eines Benutzers auf sich ziehen. Alles muss sorgfältig geprüft werden, von den verwendeten Auslösewörtern über Farben, Größen, Formen und Positionierungen. Diese Schaltflächen müssen gut sichtbar sein, dürfen jedoch nicht so scharf sein, dass sie Ihre Website hässlich oder unausgewogen machen.
Nachfolgend werfen wir einen Blick auf 25 der überzeugendsten Call-to-Action-Schaltflächen im Internet. Wir untersuchen, warum jeder einzelne Button so erfolgreich ist. Hoffentlich geben sie Ihnen eine Vorstellung von grundlegenden Hinweisen und Dingen und helfen, Ihre eigenen Entwürfe zu inspirieren.
1. WordPress E-Commerce
Es ist wichtig, Ihren Knopf durch Farbe hervorzuheben. Wenn Sie eine Farbe auswählen können, die an die Palette Ihrer Website angepasst ist, wie diese, sind die Ergebnisse umso attraktiver.
2. Skype
Jetzt herunterladen? Button ist ziemlich einfach. Es ist nicht besonders groß oder hell gefärbt. Es ist jedoch von viel weißen Flächen umgeben, wodurch es für Benutzer noch auffälliger wird.
3. Picsengine
Picsengine setzt auf Platzierung für den Erfolg seiner "See in Action". Taste. Die Schaltfläche steckt genau in der Mitte der Seite, und es gibt keinen anderen störenden Text, keine Links oder Schaltflächen.
4. Mozilla Firefox
Der Mozilla Firefox? Kostenloser Download? Taste hat viel Debatte angeregt. Die meisten Leute, darunter auch ich, glauben, dass ihr großes, unregelmäßig geformtes und lebhaft farbiges Design wirklich revolutionär ist, was Call-to-Action-Grafiken angeht. Eine kleine Minderheit argumentiert jedoch, dass es verwirrend ist und überhaupt nicht an einen Knopf erinnert.
5. CakePHP
CakePHP's herunterladen? Der Button wurde mit großer Größe und ungewöhnlicher Form erstellt. Ihre Klarheit geht jedoch nicht auf Kosten der Gesamtstandortästhetik. Dank des passenden Farbschemas sitzt es bequem im Hintergrund.
6. Crazyegg
Crazyegg hat seine Site um den Call-to-Action-Button herum angelegt, der sich mitten in der Homepage befindet und von viel weißen Flächen umgeben ist. Seine hellgelbe Farbe wird nur durch die andere Handlungsaufforderung auf der Seite wiedergegeben - die wesentlich kleinere Anmeldung. Taste oben rechts.
7. Lackmus
Litmus ist mit seinem Call-to-Action-Button nicht über Bord gegangen. Trotzdem ist es sehr klar, was zu einem großen Teil auf den leeren Raum und die abgerundete Form zurückzuführen ist, die an keiner anderen Stelle auf der Seite zu finden ist.
8. StumbleUpon
Ein Hauptfunktionsziel pro Seite erleichtert Benutzern das Auffinden von Aktionsschaltflächen. Manchmal ist dies jedoch nicht möglich. Es gibt eine Menge zu klicken auf der StumbleUpon-Homepage, aber das? Stolpern beginnen? Der Button zeichnet sich durch die Verwendung von Farbe in einer ansonsten monotonen Einstellung aus
9. Erinnere dich an die Milch
Denken Sie daran, dass die Milch den Besuchern verschiedene Optionen auf ihrer Homepage bietet, aber die wichtigste - "Jetzt anmelden!" - ist bei weitem die klarste Position in der Mitte der Seite, umgeben von einem farbigen Kästchen und mit Großschreibung. Keine Notwendigkeit für knallige, helle Farben.
10. Lifetree-Motiv
Lifetree Creative hat es geschafft, den Call-to-Action-Button wirklich groß und sogar größer als das Firmenlogo zu gestalten, ohne dass die Seite unausgeglichen erscheint. Farbe, Form, Größe und Raum wurden hier mit großem Erfolg eingesetzt.
11. Dailymile
Dailymile hat mit dem Call-to-Action-Button etwas Ungewöhnliches getan. Es ist über allen anderen Elementen auf der Seite angeordnet, dahinter ein subtiler Schatten. Unterstützt wird dies auch durch die Tatsache, dass es grün ist.
12. Carsonified
Auf der Homepage von Carsonified finden Sie viele Informationen. Die Taste leuchtet dank der Verwendung von Kapitellen und Farben. Die weißen Buchstaben heben sich sehr gut vom Rot ab.
13. planHQ
PlanHQ hat die Kraft des weißen Raums genutzt, um die Call-to-Action-Tasten zu betonen. Weder in hellen Farben noch in übergroßen Farben sind diese Knöpfe dank der weißen Blöcke, in denen sie sitzen, klar.
14. Dinge
Things hat auf seiner Homepage zwei Call-to-Action-Buttons, die beide für das Unternehmen von ähnlicher Bedeutung sind. Aus diesem Grund haben sie eine identische Form, Größe und Farbe, aber beide heben sich gut von hellblau und grau ab.
15. Livestream
Rot ist eine ausgezeichnete Farbe, wenn Sie auf etwas aufmerksam machen möchten. Es hebt sich am besten von einem schwarzweißen Hintergrund ab, wie er auf der Livestream-Homepage verwendet wird. Die Pfeilform des? Broadcast Now? In der rechten oberen Ecke werden die Benutzer aufgefordert, vorwärts zu klicken.
16. Ncover
Ncover ist eine weitere Site mit zwei Call-to-Action-Buttons auf der Startseite. Durch die Verwendung der Farbe Grün vor einem blauen Hintergrund ist es Ncover gelungen, eine weitere wichtige Schaltfläche vor der anderen zu priorisieren.
17. Dashboard
Auch hier ist wieder Rot vor einem schwarzen und weißen Hintergrund zu sehen. Neben der Farbe des Dashboards können Sie es kostenlos testen! Der Knopf ist dank seiner Größe gut sichtbar, die ausreichend Platz für das Logo bietet und sich in 60 Sekunden anmelden lässt. mit dabei sein.
18. Freie Leute
Diese Seite sieht zwar eher normal aus, aber Sie werden überrascht sein, wie viele E-Commerce-Websites es falsch machen, wenn es um "in den Warenkorb legen" geht. Tasten. Die Schaltfläche "Free People" ist dank der Farbe und der großen, aber bescheidenen Größe offensichtlich, ohne unangenehm zu sein.
19. ClickFormant
In der Regel empfiehlt es sich, branchenübliche Auslösewörter für Call-to-Action-Schaltflächen zu verwenden. Für eine Mailingliste sollte die Schaltfläche normalerweise "Registrieren" lauten. oder "Mitmachen". Gelegentlich kann jedoch die Veränderung dieser Wörter zum Markenimage eines Unternehmens beitragen. Dies hat ClickFormant mit dem Wort "Informieren" getan.
20. Kalculator
Große, übergroße Call-to-Action-Schaltflächen sind oft sehr erfolgreich, können jedoch hässlich und manchmal etwas verzweifelt aussehen. In Kenntnis dessen hat Koombea Position, Farbe, Raum und Form anstelle von Größe verwendet, um den Knopf zum Leuchten zu bringen.
21. Basecamp
Basecamp wird von einer sehr intelligenten Gruppe betrieben, daher überrascht es nicht, dass der Call-to-Action-Button genauso schlau ist. Viele Websites machen den Fehler, eine Schaltfläche oben auf der Seite zu positionieren, was großartig ist, bis der Benutzer nach unten blättert und verdeckt wird. Der Button von Basecamp erscheint zweimal: einmal oben und wieder unten.
22. Spotify
Spotify's? Jetzt kaufen? Die Schaltfläche ist ein Paradebeispiel für die beste Verwendung von Farbe und Raum. Hellgrün und von Weiß umgeben, ist der Knopf für alle sichtbar.
23. Dropbox
Das Layout der Homepage von Dropbox ist genauso logisch und einfach wie Dropbox selbst (ein fantastisches Werkzeug, das Sie unbedingt ausprobieren sollten, wenn Sie es nicht bereits getan haben!). Die Besucher machen sich keine Illusionen darüber, was sie hier tun sollen. Sie können entweder ein Video ansehen? oder? Dropbox herunterladen? - so einfach ist das.
24. 280 Folien
Versuchen Sie es jetzt? ? Button bei 280 Slides ist groß? sehr groß! Es gibt keine Möglichkeit, dass ein Besucher es vermissen kann. Es ist blau und hat dieselbe Farbe wie der Hintergrund, daher sieht es nicht so unansehnlich aus, wie es leicht möglich wäre.
25. FlockDraw
FlockDraw? Zeichnen? Schaltfläche ist eine der attraktivsten in dieser Liste. Neben seiner tollen Farbe, die ihn vor dem gedämpften Hintergrund abhebt, ist er dezent beleuchtet und mit mehrfarbigen Pinselstrichen unterstrichen.
Fazit
Wenn ein Typ von Call-to-Action-Schaltflächen erfolgreicher war als jeder andere, können Sie sicher sein, dass jede Website ihn verwenden würde. Es ist zwar möglich, Ähnlichkeiten zwischen den Schaltflächen oben zu erkennen, es gibt jedoch auch viele Unterschiede. Es ist äußerst wichtig, dass Sie verschiedene Kombinationen von Call-to-Action-Schaltflächen auf Ihrer Website testen, um zu sehen, wie sich jede auf die Conversion-Raten auswirkt. Sie können dies einfach mit dem Google Website-Optimierungstool tun. Wie auch immer Ihre Call-to-Action-Schaltflächen aussehen, stellen Sie jedoch sicher, dass sie zu Ihrem gesamten Website-Design passen.