Σχεδιασμός σελίδας προορισμού: 12 σημαντικοί κανόνες με πραγματικά παραδείγματα

Στο προηγούμενο άρθρο σχετικά με τις σελίδες προορισμού, εξετάσαμε 8 κύριους παράγοντες που πρέπει να ληφθούν υπόψη κατά τη δημιουργία τους. Αυτή τη στιγμή, αποφασίσαμε να επεξεργαστούμε το σχεδιασμό των σελίδων προορισμού. Δεδομένου ότι ο σχεδιασμός ιστοσελίδων είναι άρρηκτα συνδεδεμένος με το περιεχόμενο, θα εξετάσουμε επίσης ορισμένα σημεία σχετικά με το περιεχόμενο των σελίδων προορισμού.

Σίγουρα, γνωρίζετε τον κύριο σκοπό της σελίδας προορισμού - να αναγκάσετε έναν επισκέπτη της τοποθεσίας να λάβει κάποια ενέργεια (για παράδειγμα, αγοράστε το προϊόν σας ή εγγραφείτε στο ενημερωτικό δελτίο). Στην υλοποίηση αυτού του στόχου, όχι ο τελευταίος ρόλος διαδραματίζεται με υψηλής ποιότητας σχεδιασμό. Είναι σε θέση να εστιάσει την προσοχή των δυνητικών πελατών στην έκκλησή σας για δράση, ώστε να γίνει πιο ορατή. Επιπλέον, απλοποιεί την αντίληψη όλων των πληροφοριών που δημοσιεύονται στη σελίδα προορισμού.

Και τώρα, από τις λέξεις - στις επιχειρήσεις. Εξετάστε συγκεκριμένους κανόνες, μετά από τους οποίους μπορείτε να βελτιώσετε το σχεδιασμό της σελίδας προορισμού σας και, συνεπώς, να αυξήσετε το επίπεδο μετατροπής στον ιστότοπό σας.

1. Προσέξτε τη χρηστικότητα της σελίδας προορισμού σας.

Πηγαίνοντας στη σελίδα προορισμού, ο επισκέπτης του ιστότοπου πρέπει να καταλάβει αμέσως:

  • στόχου σελίδας
  • δράση που πρέπει να λάβει
  • τα οφέλη που θα προσφέρει το προϊόν σας

Εάν δεν πληροί αυτές τις απαιτήσεις, μπορεί να θεωρηθεί άχρηστο. Μην αναγκάζετε τους επισκέπτες στην περιοχή σας να περιπλανηθούν στο λαβύρινθο της σελίδας προορισμού σας. Πιστέψτε με, δεν θα θέλουν να ξοδέψουν το χρόνο τους σε αυτό και απλά να σας κυματίζουν ένα στυλό. Ως αποτέλεσμα, ο ιστότοπός σας θα αυξήσει μόνο το ποσοστό εγκατάλειψης και η αύξηση του ποσοστού μετατροπής θα παραμείνει ένα ανέφικτο όνειρο.

Ακολουθεί ένα παράδειγμα επιτυχημένης σελίδας προορισμού, που προέρχεται από το site FeedMyInbox, το οποίο ακόμη και ένας μαθητής θα ασχοληθεί με:

2. Μην χρησιμοποιείτε πάρα πολλά γραφικά.

Η σελίδα σας για κλήση πρέπει να περιέχει μόνο τα απαραίτητα γραφικά στοιχεία. Οι υπερβολικές εικόνες θα το γεμίσουν, ειδικά αν βρίσκονται στην περιοχή "πρώτης οθόνης". Στο άνω μισό της γραμμής κύλισης θα πρέπει να υπάρχει μόνο ένα λογότυπο και μια τυποποιημένη εικόνα του προϊόντος που θέλετε να πουλήσετε.

Μαζί με αυτές τις εικόνες επιτρέπονται επίσης εικόνες που παρουσιάζουν τα πλεονεκτήματα ή τα χαρακτηριστικά του προϊόντος σας. Προσέξτε όταν χρησιμοποιείτε εικονίδια. Σε ορισμένες περιπτώσεις, δεν θα αποφέρει οφέλη, αλλά θα αποσπά την προσοχή μόνο των δυνητικών πελατών.

Εξετάστε τη σελίδα προορισμού της ιστοσελίδας Dialogix, η οποία προσφέρει μια υπηρεσία ιστού για την παρακολούθηση των κοινωνικών δικτύων:

Όπως μπορείτε να δείτε, δεν υπάρχουν επιπλέον γραφικά στοιχεία στη σελίδα. Περιέχει μόνο το λογότυπο του προγράμματος, το στιγμιότυπο οθόνης, τα εικονίδια εταιρειών πελατών, καθώς και την εικόνα ενός χαριτωμένου πουλιού που συμβολίζει το Twitter.

3. Ελαχιστοποιήστε τις επιλογές πλοήγησης

Όσες περισσότερες επιλογές πλοήγησης προσφέρετε στους επισκέπτες της τοποθεσίας σας στη σελίδα προορισμού, τόσο πιο πιθανό είναι να χρησιμοποιηθούν. Η αρχική σας σελίδα μπορεί να περιέχει δεκάδες συνδέσμους πλοήγησης, αλλά η σελίδα προορισμού θα πρέπει να υποδεικνύει μόνο μία κατεύθυνση σε πιθανούς πελάτες, αφού είναι το αρχικό στοιχείο της διοχέτευσης πωλήσεων.

Αν δεν μπορείτε να κάνετε χωρίς συνδέσμους σε άλλες περιοχές του ιστότοπού σας, τότε σκεφτείτε πώς να μειώσετε την πιθανότητα ότι οι επισκέπτες της τοποθεσίας θα κάνουν κλικ σε αυτά. Για παράδειγμα, μπορείτε να αφήσετε μόνο την επάνω γραμμή πλοήγησης και να καταργήσετε εντελώς ορισμένους συνδέσμους. Οι σύνδεσμοι πλοήγησης απαιτούνται μόνο εάν οι επισκέπτες του δικτυακού τόπου έχουν σοβαρό λόγο να κάνουν κλικ σε αυτά. Εάν πιστεύετε ότι οι δυνητικοί πελάτες είναι απίθανο να αναζητήσουν τέτοιους συνδέσμους, τότε δεν μπορείτε να τις συμπεριλάβετε.

Οι δημιουργοί της εφαρμογής eWedding, με τους οποίους μπορείτε να δημιουργήσετε τη δική σας ιστοσελίδα αφιερωμένη στον γάμο σας, υιοθέτησαν αυτόν τον κανόνα. Στη σελίδα προορισμού του ιστότοπού τους, εμφανίζονται μόνο σύνδεσμοι που σχετίζονται με το ίδιο το προϊόν (για παράδειγμα, χαρακτηριστικά εφαρμογής ή παραλλαγές θεμάτων). Και οι άλλοι σύνδεσμοι βρίσκονται σε ένα απομονωμένο μέρος: στο κάτω μέρος της σελίδας. Επιπλέον, εκτυπώνονται σε σχετικά μικρή εκτύπωση:

4. Χρησιμοποιήστε παράθυρα modal

Κατά την απόσπαση πληροφοριών ή ορισμένων συνδέσμων που μπορεί να ενδιαφέρουν τους επισκέπτες στον ιστότοπό σας, δοκιμάστε να χρησιμοποιήσετε τα παράθυρα modal αντί να τα ανακατευθύνετε σε μια νέα σελίδα. Τα παράθυρα τύπου μπορούν να παρέχουν στους πιθανούς πελάτες οποιαδήποτε πληροφορία χωρίς να διακόπτουν τη διοχέτευση μετατροπής.

Τα παράθυρα και τα παράθυρα εργαλείων ενδέχεται να περιέχουν συνήθεις ερωτήσεις, λίστες χαρακτηριστικών του προϊόντος, στιγμιότυπα οθόνης κλπ. Χρησιμοποιήστε τα με την πρώτη βολική ευκαιρία, ώστε να μην αναστείλετε τη διαδικασία μετατροπής των επισκεπτών του site σε πραγματικούς αγοραστές.

Για παράδειγμα, στη σελίδα πώλησης του προγράμματος Capo που δημιουργεί φασματογραφήματα μουσικών αρχείων, χρησιμοποιείται ένα παράθυρο τροχιάς με τη μορφή στιγμιότυπου οθόνης της διεπαφής του:

5. Αποφύγετε κόκκινο στο κουμπί παρότρυνσης για δράση.

Σε πολλούς πολιτισμούς, ιδιαίτερα στις Ηνωμένες Πολιτείες και τις ευρωπαϊκές χώρες, το κόκκινο έχει αρνητική σημασία. Στην εικόνα τους για τον κόσμο, το κόκκινο είναι το χρώμα της επιθετικότητας, του κινδύνου και ενός φώτα. Ακόμη και στις πιο θετικές υπονομεύσεις (πάθος και αγάπη), οι αποχρώσεις του κόκκινου προκαλούν το άγχος των ανθρώπων. Από εδώ, ένα συμπέρασμα: αν ο ιστότοπός σας προορίζεται για το ευρωπαϊκό και αμερικανικό κοινό, αρνούνται τη χρήση κόκκινου φόντου στο κουμπί παρότρυνσης για δράση. Ίσως, σε ορισμένες περιπτώσεις, θα ξεφύγει μαζί σας, αλλά δεν αξίζει τον κίνδυνο. Καλύτερη χρήση πιο ήρεμων χρωμάτων, όπως μπλε ή πράσινο (όπως γίνεται στην εφαρμογή σχεδιασμού χρόνου συλλογής):

6. Ορίστε το κουμπί κλήσης για δράση.

Επομένως, διαπιστώσαμε ότι το κόκκινο φόντο δεν είναι η καλύτερη λύση για την επισήμανση του κουμπιού παρότρυνσης για δράση (βλέπε προηγούμενη παράγραφο). Αλλά υπάρχει και ένα άλλο άκρο - η χρήση πολύ χλωμών χρωμάτων ή μικρών εκτυπώσεων, εξαιτίας των οποίων έχει χαθεί κυριολεκτικά στη σελίδα προορισμού σας. Το κουμπί παρότρυνσης για δράση θα πρέπει να είναι ένα φωτεινό σημείο στη σελίδα προορισμού σας, έτσι ώστε οι επισκέπτες της τοποθεσίας να μπορούν να το παρατηρήσουν ακόμα και με γυμνό μάτι.

Ο βαθμός "ορατότητας" του κουμπιού παρότρυνσης για δράση μπορεί να εκτιμηθεί χρησιμοποιώντας μια απλή οπτική δοκιμασία: σταματήστε περίπου ένα και ενάμισι μέτρο από την οθόνη του υπολογιστή και απαντήστε με ειλικρίνεια στην ερώτηση: "Είναι το μάτι με το μάτι καθαρό στο μάτι;" Αν δεν μπορείτε να πείτε ναι με εμπιστοσύνη, τότε το κουμπί παρότρυνσης για δράση σας χρειάζεται εργασία.

Μπορεί να χρειαστεί να αλλάξετε το χρώμα του ώστε να έρχεται σε αντίθεση με το φόντο της ίδιας της σελίδας ή ελαφρά να αυξήσει το μέγεθος της γραμματοσειράς. Μερικοί απίστευτοι σχεδιαστές ιστοσελίδων καταφέρνουν ακόμη και να τοποθετήσουν το κουμπί CTA έξω από την "πρώτη οθόνη", και έπειτα παραμένουν έκπληκτοι γιατί τα ποσοστά μετατροπής του ιστότοπου δεν φτάνουν στο έδαφος. Για να μην επαναλάβουν τα λάθη τους, εξετάστε προσεκτικά όλες τις πτυχές του κουμπιού παρότρυνσης για δράση.

Πάρτε ένα παράδειγμα από τους σχεδιαστές του site Plnnr, το οποίο κάνει μεμονωμένες εκδρομές σε διαφορετικές πόλεις. Το κίτρινο κουμπί τους, που βρίσκεται σε γκρίζο φόντο, είναι απλά αδύνατο να μην παρατηρήσετε!

7. Προσδιορίστε μόνο πληροφορίες που ενδιαφέρουν τους επισκέπτες του ιστότοπου.

Δώστε στους επισκέπτες της ιστοσελίδας σας μόνο τις πληροφορίες που χρειάζονται για να λάβουν μια απόφαση. Μην υπερφορτώνετε τα κεφάλια σας με πάρα πολλές πληροφορίες. Ο στόχος σας είναι να μετατρέψετε τους πιθανούς πελάτες σε πραγματικούς αγοραστές με το ελάχιστο ποσό πληροφοριών.

Σκεφτείτε τι πληροφορίες μπορεί να ενδιαφέρουν οι δυνητικοί πελάτες σας και εκφράστε τις χρησιμοποιώντας ακριβείς και κατανοητές λέξεις. Το κείμενο σας πρέπει να είναι σύντομο και να αγγίξει το σημείο. Οι σύγχρονοι καταναλωτές εκτιμούν πραγματικά τον χρόνο τους, γι 'αυτό θα θέλουν αμέσως να μάθουν αν η προσφορά σας ανταποκρίνεται στις ανάγκες τους. Εάν δεν το κάνουν αυτό σε δευτερόλεπτα, θα εγκαταλείψουν τον ιστότοπό σας χωρίς δισταγμό.

Επιπλέον, το κείμενο που παρουσιάζεται στη σελίδα προορισμού πρέπει να έχει σαφή δομή (τίτλος, υπότιτλος, λίστες με κουκκίδες). Με την προϋπόθεση αυτή, οι επισκέπτες του ιστότοπου θα μπορούν να παρακολουθήσουν ολόκληρη τη σελίδα και να επιλέξουν μόνο τις πληροφορίες που τους ενδιαφέρουν.

Ρίξτε μια ματιά στη σελίδα προορισμού του επεξεργαστή κειμένου online TitanPad. Όπως μπορείτε να δείτε, περιέχει μόνο τις απαραίτητες πληροφορίες (λειτουργίες εφαρμογής και μια σαφή έκκληση για δράση):

8. Μην ζητάτε πάρα πολλές πληροφορίες.

Κατά τη δημιουργία μιας φόρμας συνδρομής, προσπαθήστε να ελαχιστοποιήσετε τις πληροφορίες που ζητάτε από τους επισκέπτες στον ιστότοπό σας. Στις περισσότερες περιπτώσεις, αρκεί μόνο να τους ζητήσετε μια διεύθυνση ηλεκτρονικού ταχυδρομείου. Εάν χρειάζεστε άλλα προσωπικά δεδομένα των δυνητικών πελατών σας, για παράδειγμα, έναν αριθμό κινητού τηλεφώνου, θα πρέπει να εξηγήσετε γιατί ζητάτε αυτές τις πληροφορίες.

Και πάλι, αυτό είναι απαραίτητο, ώστε οι επισκέπτες στον ιστότοπό σας να έχουν λιγότερους λόγους να το εγκαταλείψουν. Μετά από όλα, σχεδόν κάθε άτομο έχει αμφιβολίες για το πώς θα χρησιμοποιήσετε τα προσωπικά του δεδομένα. Τι γίνεται αν αρχίσετε να γεμίζετε το κουτί του ηλεκτρονικού ταχυδρομείου με το spam; Ή θα του στείλετε ένα μήνυμα κειμένου, γεμίζοντας το κινητό του τηλέφωνο με άχρηστες πληροφορίες;

Οποιεσδήποτε πρόσθετες πληροφορίες που ζητάτε από τους επισκέπτες του ιστότοπου είναι ένα άλλο εμπόδιο για να γίνετε πελάτες σας. Και τα περισσότερα εμπόδια στην πορεία τους, τόσο μεγαλύτερη είναι η πιθανότητα να μην φθάσουν στον τελικό προορισμό τους.

Ευτυχώς, πολλοί προγραμματιστές ιστού γνωρίζουν αυτή την απλή αλήθεια και προσπαθούν να μην εξάγουν επιπλέον πληροφορίες από δυνητικούς πελάτες. Σε μερικούς ιστότοπους, δεν ζητούν καθόλου προσωπικά δεδομένα: Απλώς εγγραφείτε και συνεχίστε την εργασία σας. Πάρτε, για παράδειγμα, το ιστολόγιο Pen.io. Το μόνο που απαιτείται από εσάς είναι να βρείτε το όνομα της σελίδας σας και έναν κωδικό πρόσβασης και μπορείτε να ξεκινήσετε αμέσως τη δημιουργία μιας ανάρτησης:

9. Μην ρωτάτε όλους τους επισκέπτες του site ταυτόχρονα.

Φανταστείτε ότι ένας πιθανός πελάτης έρχεται στον ιστότοπό σας και αμέσως βλέπει ένα τεράστιο λαμπερό κουμπί που καλεί ένα συγκεκριμένο προϊόν να αγοράσει. Ποια θα είναι η αντίδρασή του; Στην καλύτερη περίπτωση, θα έχει πολλές ερωτήσεις, όπως: "Τι προτείνουν να αγοράσω;" ή "Πόσο κοστίζει αυτό το προϊόν;". Και στη χειρότερη περίπτωση - θα κλείσει αμέσως τη σελίδα προσγείωσής σας, νομίζοντας ότι θέλουν να σπρώξουν ένα άχρηστο πράγμα χωρίς καν να ρωτήσουν αν το χρειάζονται.

Επομένως, μην ξεκινήστε αμέσως να μιλάτε για την αγορά, αν δεν θέλετε να τρομάξετε τους πελάτες σας. Διαχωρίστε τη διαδικασία αγοράς σε 2-3 βήματα, ώστε να μάθουν τις απαραίτητες πληροφορίες πριν λάβουν τελική απόφαση. Διαφορετικά, θα έχουν την εντύπωση ότι επιβάλλετε το προϊόν σας σε αυτά.

Το κουμπί παρότρυνσης για δράση πρέπει να περιέχει πιο ουδέτερες φράσεις, για παράδειγμα "Προβολή τελών και τιμών" ή "Μάθετε περισσότερα". Περιέχουν λιγότερο αναγκαστικό υποκείμενο από ό, τι στις εκφράσεις "Αγοράστε τώρα" ή "Εγγραφή". Επιπλέον, χάρη σε αυτούς, οι επισκέπτες του ιστότοπου καταλαβαίνουν τι πρέπει να περιμένουν στο επόμενο βήμα.

Οι προγραμματιστές του plugin VaultPress που έχουν σχεδιαστεί για να υποστηρίζουν τους ιστότοπους WordPress έχουν εφαρμόσει επιτυχώς αυτόν τον κανόνα στην πράξη:

10. Στόχος για έναν απλό και ξεκάθαρο σχεδιασμό.

Όλες οι εκφορτώσεις έχουν έναν συγκεκριμένο στόχο: να ενθαρρύνουν τους επισκέπτες της τοποθεσίας να εκτελούν μια συγκεκριμένη ενέργεια. Αν ορισμένα στοιχεία σχεδιασμού δεν συμβάλλουν στην υλοποίηση αυτού του έργου, μπορείτε να τα απαλλαγείτε από την ασφάλεια.

Αυτό δεν σημαίνει ότι η σελίδα προορισμού σας πρέπει να είναι εν μέρει άδεια: πρέπει απλώς να καθορίσετε ποια στοιχεία είναι συναφή και ποια όχι. Εάν είστε βέβαιοι ότι θα αυξήσουν την εμπιστοσύνη των πελατών στην κλήση πωλήσεων σας, θα τους βοηθήσουν να κατανοήσουν καλύτερα το προϊόν σας και γενικά να βελτιώσουν τις συνολικές εντυπώσεις της εταιρείας σας, το συμπέρασμα είναι προφανές: τα στοιχεία αυτά πρέπει να είναι παρόντα στη σελίδα προορισμού σας.

Δώστε προσοχή στη σελίδα προορισμού της εφαρμογής Τα πράγματα 2 για iPhone:

Όπως μπορείτε να δείτε, γίνεται απλά και με γούστο. Ταυτόχρονα, περιέχει όλα τα απαραίτητα στοιχεία: μια περιγραφή της εφαρμογής, των στιγμιότυπων οθόνης και μια πρόσκληση για δράση ("Μεταβείτε στο App Store").

11. Επισημάνετε καλύτερες προσφορές.

Εάν η σελίδα προορισμού περιέχει αρκετές προσκλήσεις για δράση (για παράδειγμα, πίνακες με διαφορετικά προγράμματα τιμολόγησης), μπορείτε να προτρέξετε τους επισκέπτες στον ιστότοπό σας να έχουν την πιο κερδοφόρα ή δημοφιλή επιλογή χρησιμοποιώντας γραφικά εργαλεία. Για παράδειγμα, μπορείτε να επισημάνετε την αντίστοιχη πρόταση στο πλαίσιο ή να κάνετε τη γραμματοσειρά της μεγαλύτερη.

Δεν πρέπει να επισημάνετε αυτόματα την πιο ακριβή επιλογή, διαφορετικά οι επισκέπτες του ιστότοπού σας θα σκεφτούν ότι το κάνετε με σκοπό να τα φτιάξετε. Οι περισσότερες εταιρείες επικεντρώνονται στους πιθανούς πελάτες σε ένα ενδιάμεσο πρόγραμμα τιμολόγησης, το οποίο περιέχει όλες τις απαραίτητες επιλογές και ταυτόχρονα έχει μια λογική τιμή.

Δείτε πώς οι σχεδιαστές της ιστοσελίδας Ning, που προσφέρουν μια εφαρμογή για τη δημιουργία της δικής τους κοινωνικής πλατφόρμας, το έκαναν αυτό:

Όπως μπορείτε να δείτε, έχουν επιλέξει ένα πιο σκούρο υπόβαθρο για το πρόγραμμα επιδόσεων Performanceancé, το οποίο ανήκει στη μεσαία κατηγορία τιμών. Επιπλέον, βρίσκεται στο κέντρο της οθόνης - η πιο ορατή περιοχή της σελίδας. Δώστε προσοχή στο εικονίδιο της Δημοφιλούς επιλογής, αναφέροντας τη δημοτικότητα αυτού του προγράμματος τιμολόγησης.

12. Αναφέρετε τα οφέλη του προϊόντος σας.

Το κύριο ερώτημα που ενδιαφέρει τους επισκέπτες στον ιστότοπό σας: "Ποια οφέλη θα πάρω από αυτό το προϊόν;" Δεν αρκεί να καταγράψουμε τα γενικά χαρακτηριστικά και τις λειτουργίες του - πρέπει να υποδείξετε πώς μπορεί να τους βοηθήσει στην πραγματική ζωή. Πρώτα απ 'όλα, εσείς ο ίδιος πρέπει να είστε σίγουροι για την αξία του προϊόντος σας, προκειμένου να μεταφέρετε αυτήν την ιδέα στους πιθανούς πελάτες σας με τη βοήθεια ενός φωτεινού τίτλου, σαφούς κειμένου και βέλτιστης δομής περιεχομένου στη σελίδα προορισμού.

Σε γενικές γραμμές, μην διστάσετε να επαινείτε το προϊόν σας σύμφωνα με την αξία του, όπως γίνεται για παράδειγμα από τους προγραμματιστές της εφαρμογής Skylight:

Μην ξεχάσετε να δοκιμάσετε τις σελίδες προορισμού

Έτσι, αναλύσαμε μια δωδεκάδα συστάσεων για το σχεδιασμό των σελίδων προορισμού και μας έδωσε πραγματικά παραδείγματα που θα ακολουθήσουν. Ελπίζουμε ότι θα σας ενθαρρύνουν να βελτιώσετε περαιτέρω τις σελίδες προορισμού σας.

Ωστόσο, μην ξεχάσετε ένα άλλο σημαντικό στάδιο στη δημιουργία των σελίδων προορισμού - A / B-δοκιμές. Οποιεσδήποτε αλλαγές κάνετε στον σχεδιασμό της προσγείωσής σας, με τον ένα ή τον άλλο τρόπο, θα οδηγήσουν σε ορισμένα αποτελέσματα. Μπορούν να αυξήσουν ή να μειώσουν το ποσοστό μετατροπής του ιστότοπού σας ή ακόμα να το διατηρήσουν στο ίδιο επίπεδο. Όλα εξαρτώνται από την συγκεκριμένη κατάσταση.

Εξ ου και το συμπέρασμα: Μην είστε τεμπέλης για να διεξάγετε δοκιμές A / B πριν σταματήσετε σε μια συγκεκριμένη έκδοση της σελίδας προορισμού. Σημειώστε τα αποτελέσματα αυτών των μελετών και επιλέξτε την επιλογή που προηγείται όλων των άλλων όσον αφορά τη μετατροπή, ακόμη και αν, με την πρώτη ματιά, φάνηκε να είναι δυσδιάκριτη σε σας.

Loading...

Αφήστε Το Σχόλιό Σας