5 Τεχνικές σχεδίασης για καλύτερα κουμπιά CTA
Όταν επισκέπτεστε τους περισσότερους ιστότοπους, έχουμε συχνά κατά νου έναν στόχο. Για να φτάσετε σε αυτόν τον στόχο, υπάρχει συνήθως μια σειρά από βήματα που πρέπει να λάβουμε και το πρώτο βήμα ξεκινά με κλικ σε ένα κουμπί CTA (πρόσκληση για δράση). Σκεφτείτε την τελευταία φορά που έχετε εγγραφεί για μια υπηρεσία ή έχετε κατεβάσει μια εφαρμογή, η διαδικασία πιθανώς περιελάμβανε μια αλληλεπίδραση με ένα κουμπί παρότρυνσης για δράση.
Τα κουμπιά CTA είναι τα κουμπιά που χρησιμοποιείτε στον ιστότοπό σας για να κατευθύνετε τους χρήστες προς τη μετατροπή στόχων. Το όλο σημείο ενός CTA είναι να κατευθύνει τους επισκέπτες του ιστοτόπου σας σε μια επιθυμητή πορεία δράσης. Μερικά κοινά παραδείγματα CTA περιλαμβάνουν:
- "Έναρξη δοκιμής"
- "Λήψη της εφαρμογής / βιβλίου / οδηγός"
- "Εγγραφείτε για ενημερώσεις"
- "Πάρτε μια διαβούλευση"
Σήμερα θα συζητήσουμε 5 βέλτιστες πρακτικές για το σχεδιασμό κουμπιών CTA μαζί με τα καλύτερα παραδείγματα πραγματικού κόσμου για να σας βοηθήσουμε να αποκτήσετε τα περισσότερα κλικ από τη σελίδα προορισμού σας.
1. Κουμπί οπτικής απεικόνισης
Το χρώμα του κουμπιού σας έχει σημασία. Στην πραγματικότητα, εάν πρόκειται να πάρετε μόνο μία μόνο συμβουλή από αυτό το άρθρο, θα πρέπει να είναι αυτό: "Εξετάστε το χρώμα του κουμπιού CTA". Χρησιμοποιώντας το χρώμα μπορείτε να κάνετε ορισμένα κουμπιά να ξεχωρίζουν περισσότερο από άλλα, δίνοντάς τους μεγαλύτερη οπτική προβολή.
Χρησιμοποιήστε χρώματα αντίθεσης
Αντίθετα χρώματα λειτουργούν καλύτερα για κουμπιά CTA, χρησιμοποιώντας αντίθεση χρώμα είναι δυνατό να δημιουργήσετε εντυπωσιακά κουμπιά που ξεχωρίζουν. Θα πρέπει να επιλέξετε ένα χρώμα σε αντίθεση με το χρωματικό σχήμα της ιστοσελίδας, ενώ εξακολουθεί να ταιριάζει με το συνολικό σχέδιο. Εξετάστε το παράδειγμα Firefox παρακάτω. Το πράσινο χρώμα του κουμπιού CTA στη σελίδα του Firefox ξεπερνά τη σελίδα και αμέσως λαμβάνει την προσοχή του χρήστη.
Το κουμπί CTA του Firefox είναι φωτεινό πράσινο και ξεχωρίζει καλά σε σκούρο μπλε φόντο
Ένα άλλο μάτι CTA κουμπί μπορεί να βρεθεί στην αρχική σελίδα Hipmunk. Ένα λαμπερό πορτοκαλί κουμπί συλλαμβάνει την προσοχή του χρήστη και καθορίζει την επόμενη δυνατή ενέργεια.
Αρνητικό διάστημα
Δεν είναι μόνο το χρώμα σημαντικό για ένα CTA, αλλά και το μέγεθος του χώρου γύρω του. Ο κενός χώρος (ή ο αρνητικός χώρος) δημιουργεί βασικό χώρο αναπνοής και χωρίζει τα κουμπιά CTA από άλλα στοιχεία του περιβάλλοντος χρήστη. Η παλιά αρχική σελίδα του Dropbox ήταν ένα καλό παράδειγμα χρήσης του αρνητικού χώρου για να γίνει το πρωταρχικό CTA pop. Το μπλε "Εγγραφείτε δωρεάν" CTA ξεχωρίζει από τα ελαφριά μπλε του φόντου.
2. Κείμενο που βασίζεται σε δράση
Η σύνταξη κειμένου για το κουμπί παρότρυνσης για δράση που θα αναγκάσει τους επισκέπτες σας να κάνουν τη σωστή ενέργεια δεν είναι εύκολο έργο. Ευτυχώς, υπάρχουν μερικά πράγματα που μπορούν να σας βοηθήσουν να το κάνετε:
Ξεκινήστε με ένα ρήμα
Θα πρέπει να αποφύγετε τις ασαφείς και βαρετές λέξεις όπως "Εισάγετε για περισσότερες πληροφορίες" για τα κουμπιά CTA και να τις αντικαταστήσετε με περισσότερες λέξεις με συγκεκριμένες ενέργειες όπως "Ξεκινήστε τη δωρεάν δοκιμή" ή "Αποκτήστε τώρα έκπτωση". Το Evernote έχει ένα από τα πιο συνηθισμένα, αλλά εξακολουθούν να λειτουργούν κείμενα με προσανατολισμό δράσης για το κουμπί CTA.
Ξεκινήστε με ένα ρήμα όπως "Έναρξη", "Πάρτε" ή "Συμμετοχή"
Ένα πιο ενδιαφέρον παράδειγμα μπορεί να βρεθεί στην αρχική σελίδα του Treehouse. Το CTA στην ιστοσελίδα του Treehouse δεν λέει μόνο "Ξεκινήστε μια δωρεάν δοκιμή". λέει "Ζητήστε τη δωρεάν δοκιμή σας". Η διαφορά στη διατύπωση μπορεί να φανεί λεπτή, αλλά το "Claim Your Free Trial" ακούγεται πολύ πιο προσωπικό.
Χρησιμοποιήστε σύντομη και εύκολη κατανόηση κειμένου για κουμπιά
Να είστε βέβαιος να δηλώσετε ακριβώς τι θα πάρει ο επισκέπτης εάν κάνουν κλικ στο CTA. Στην ιδανική περίπτωση, θέλετε να κρατήσετε το κείμενο κουμπιού σε δύο έως πέντε λέξεις.
Προσθήκη προσφοράς αξίας
Πιθανότατα έχετε παρατηρήσει ότι πολλά κουμπιά έχουν τις λέξεις όπως "δωρεάν" στο αντίγραφό τους και αυτό δεν είναι σύμπτωση, χρησιμοποιώντας τέτοιες λέξεις στο κουμπί αντιγράφου υπογραμμίζει την πρόταση αξίας της προσφοράς σας. Έτσι, όταν γράφετε το CTA σας, προσπαθήστε να βρείτε έναν τρόπο ενσωμάτωσης μιας (ή όλων) 3 πειστικών λέξεων:
- Ελεύθερος
- Δώρο
- Στη στιγμή
Επιτρέψτε μου να σας δώσω ένα παράδειγμα: Ένας μεγάλος φόβος που έχουν οι χρήστες πριν από τη δέσμευση να εγγραφούν για κάτι, είναι ότι θα είναι ένας πόνος να ακυρώσουν τη συνδρομή τους αν δεν τους αρέσει η υπηρεσία. Το Netflix ανακουφίζει από αυτό το φόβο χρησιμοποιώντας την υπόσχεση "Ακύρωση ανά πάσα στιγμή" δίπλα στο CTA "Join free for a month".
Δημιουργήστε μια αίσθηση επείγουσας ανάγκης
Η οικοδόμηση μιας αίσθησης επείγουσας ανάγκης στα κουμπιά CTA μπορεί να αποδώσει κάποια εντυπωσιακά ποσοστά κλικ. Για παράδειγμα, θα μπορούσατε να χρησιμοποιήσετε ένα κουμπί με κουμπιά όπως "Εγγραφείτε και λάβετε 25% έκπτωση μόνο σήμερα!" Ο περιορισμός της ώρας που κάποιος πρέπει να λάβει την απόφαση κάνει τους ανθρώπους να θέλουν να διεκδικήσουν την προσφορά τους όσο μπορούν.
Χρήσιμο κείμενο
Ορισμένες φορές μπορεί να θέλετε να προσθέσετε μια επιπλέον γραμμή πληροφοριών στο κείμενο του κουμπιού σας. Αυτή η πρακτική είναι κοινή με κουμπιά δωρεάν δοκιμής. Για παράδειγμα, ένα δωρεάν δοκιμαστικό κουμπί μπορεί να λέει "δοκιμή 30 ημερών, καμία πιστωτική κάρτα" σε μικρότερο κείμενο κάτω από το κουμπί CTA με το κείμενο "Ξεκινήστε τη δοκιμή σας δωρεάν". Αυτό το επιπλέον κείμενο θα πρέπει να διευκολύνει τη διαδικασία λήψης αποφάσεων.
3. Να είναι ορατό χωρίς κύλιση
Η τοποθέτηση των κουμπιών παρότρυνσης για δράση είναι εξίσου σημαντική με το χρώμα και το μήνυμα. Ένα κουμπί CTA θα πρέπει να βρίσκεται σε ένα εύχρηστο σημείο που ακολουθεί οργανικά από τη ροή της ιστοσελίδας. Θα πρέπει να προσπαθήσετε να κρατήσετε το κουμπί CTA πάνω από την πτυχή, έτσι ώστε οι χρήστες να μην το χάσουν ποτέ. Στην ιδανική περίπτωση, το κουμπί σας CTA θα πρέπει να είναι ένα από τα πρώτα πράγματα που ένας χρήστης βλέπει στη σελίδα όταν τα φτάσει. Οι πρόσθετες πληροφορίες θα πρέπει να παραμένουν κάτω από την πτυχή, όπου παραμένουν προσβάσιμες αλλά δεν αποσπούν την προσοχή.
4. Μεγάλο κουμπί με στρογγυλεμένες γωνίες
Σκεφτείτε πώς ο σχεδιασμός επικοινωνεί την προσφορά. Πώς καταλαβαίνουν οι χρήστες το στοιχείο ως κουμπί; Χρησιμοποιήστε σχήμα και μέγεθος για να κάνετε το στοιχείο να μοιάζει με ένα κουμπί.
Κάνε το Big Enough
Το CTA θα πρέπει να είναι αρκετά μεγάλο για να δει από απόσταση, αλλά όχι τόσο μεγάλο ώστε να μειώνει την προσοχή από το κύριο περιεχόμενο της σελίδας
Κουμπιά χρηστών με στρογγυλεμένες γωνίες
Το σχήμα των κουμπιών μπορεί να διαδραματίσει σημαντικό ρόλο. Είναι ένα αποδεδειγμένο γεγονός ότι οι στρογγυλεμένες γωνίες είναι ευκολότερες στα μάτια. Στη δοκιμασία του ContentVerve, ένα στρογγυλεμένο πράσινο κουμπί ήταν καλύτερο από ένα μπλε ορθογώνιο.
5. Το λιγότερο είναι περισσότερο όταν πρόκειται για επιλογές
Λάβετε υπόψη ότι εάν θέλετε οι πελάτες σας να αναλάβουν δράση, πρέπει να τους βοηθήσετε, αφαιρώντας όλα τα πιθανά εμπόδια από το δρόμο τους. Όταν οι χρήστες λαμβάνουν πάρα πολλές επιλογές, τείνουν να μπερδεύονται. Έτσι, είναι καλύτερο να προσφέρουμε στους δυνητικούς πελάτες μόνο μία επιλογή.
Εάν εξακολουθείτε να θέλετε να συμπεριλάβετε επιλογές πολλαπλών κουμπιών, δώστε βάρος σε μία επιλογή σε σχέση με άλλες για να βοηθήσετε τους χρήστες να στραφούν προς μια συγκεκριμένη διαδρομή. Ένα καλό παράδειγμα είναι το Evernote: μόλις φτάσετε στο κάτω τμήμα της αρχικής σελίδας του Evernote, είναι αρκετά σαφές ότι μια προτιμώμενη επιλογή είναι η "Εγγραφή δωρεάν", ενώ η CTA για τους χρήστες να συγκρίνουν τα σχέδια είναι πολύ δευτερεύουσα.
συμπέρασμα
Για να επιτευχθεί αποτελεσματικός σχεδιασμός CTA, θα πρέπει να εξετάσετε περισσότερα από το ίδιο το κουμπί. Είναι επίσης σημαντικό να σκεφτείτε το χρώμα του φόντου, τις γύρω εικόνες, το περιβάλλον κείμενο και πολλά άλλα στοιχεία. Η ομάδα Basecamp κατανοεί τη σημασία αυτών των στοιχείων και σχεδίασε μια τέλεια διάταξη για τη σελίδα προορισμού τους. Ακόμη και η μικρογραφία που χρησιμοποιούν στο πλαίσιο του κουμπιού CTA ("4.714 επιχειρήσεις που έχουν εγγραφεί αυτή την εβδομάδα!") Ενισχύει την εμπιστοσύνη των δυνητικών πελατών.
Ελπίζω ότι οι συμβουλές που αναφέρονται σε αυτό το άρθρο θα σας βοηθήσουν να δημιουργήσετε ένα καλύτερο κουμπί κλήσης για δράση για τον ιστότοπό σας. Η τελευταία στιγμή είναι η σπουδαιότητα της δοκιμής - αν αποφασίσετε να αναδημιουργήσετε ένα CTA στον ιστότοπό σας, θυμηθείτε να δοκιμάσετε εάν λειτουργεί για το κοινό σας.