Call-to-Action-Buttons, abgekürzt CTA-Buttons, sollen die User zu einer Aktion bewegen. Was es bei der Gestaltung zu beachten gilt, erfahrt ihr in dieser Präsentation.

1. S e i t e 1
©2018XEITGMBH
©28.01.2020XEITGMBH|WWW.XEIT.CH|INFO@XEIT.CH
7 Tipps zur Gestaltung
der besten sowie
idealen
CTA-Buttons
presented by
www.xeit.ch

2. S e i t e 2
©2018XEITGMBH
©2020XEITGMBH
«Mit den richtigen CTA-Buttons
den User zum Abschlussziel
führen»

3. S e i t e 3
©2018XEITGMBH
©2020XEITGMBH
Tipp 1: Prägnant sein
Weniger ist mehr
Balance zwischen
Anzahl Wörter und
Botschaft finden

4. S e i t e 4
©2018XEITGMBH
©2020XEITGMBH
Tipp 2: Richtig kommunizieren
Aktion und Funktion des
Buttons beim Wording
beachten
Erwartungsmanagement
der Nutzer miteinbeziehen

5. S e i t e 5
©2018XEITGMBH
©2020XEITGMBH
Tipp 3: Konzentration auf die wichtigsten
Aktionen
Zu viele Signale sorgen
für Verwirrung anstatt
Klarheit
Buttons für die gezielte
Nutzerführung zu den
Zielen verwenden

6. S e i t e 6
©2018XEITGMBH
©2020XEITGMBH
Tipp 4: Kontrastreiche Farben verwenden
Es gibt keine
Allgemeinlösung!
Buttonfarben können
Hintergrund, Brand oder
sogar die Aktion
berücksichtigen

7. S e i t e 7
©2018XEITGMBH
©2020XEITGMBH
Sie möchten prägnante CTAs einsetzen?
Wir beraten Sie gerne.
ANFRAGEN

8. S e i t e 8
©2018XEITGMBH
©2020XEITGMBH
Tipp 5: Gezielt ausgewählte Platzierung
verwenden
Mentale Modelle der
User miteinbeziehen
Verständnis für
Nutzerreise gewinnen

9. S e i t e 9
©2018XEITGMBH
©2020XEITGMBH
Tipp 6: Visuelle Hierarchien
implementieren
Primärer CTA festlegen
Visuelle Hierarchie durch
Gestaltung oder
Platzierung der Buttons

10. S e i t e 1 0
©2018XEITGMBH
©2020XEITGMBH
Tipp 7: Testen, testen, testen
Wording, Platzierung,
Farbe, Stil, Grösse und
Form variieren
Durch A/B-Testing zum
wirksamsten Button

11. S e i t e 1 1
©2018XEITGMBH
©2020XEITGMBH
www.xeit.ch
blog.xeit.ch
www.facebook.com/xeitgmbh
www.twitter.com/xeitgmbh
Wir empfehlen uns als erfahrenen,
kompetenten und zuverlässigen Partner.
Vielen Dank!