Δοκιμές φόρμας: κερδίζουν τα λιγότερα πεδία
Η πολυπλοκότητα των πεδίων οδηγεί σε εγκατάλειψη
Περισσότερα πεδία σημαίνουν περισσότερη τριβή. Κάθε πεδίο είναι λόγος να φύγει κάποιος. Έρευνες δείχνουν ότι η εγκατάλειψη της φόρμας αυξάνεται με κάθε επιπλέον πεδίο. Ένα πεδίο έχει σχεδόν μηδενική εγκατάλειψη. Πέντε πεδία έχουν τριάντα τοις εκατό εγκατάλειψη. Δέκα πεδία έχουν πενήντα τοις εκατό εγκατάλειψη.
Ξεκίνα με την ελάχιστη βιώσιμη φόρμα. Μόνο τα πεδία που χρειάζεσαι οπωσδήποτε. Δοκίμασε να αφαιρέσεις πεδία πριν προσθέσεις.
Ποια πεδία να δοκιμάσεις να αφαιρέσεις
Αφαίρεσε πρώτα τα προαιρετικά πεδία. Τον αριθμό τηλεφώνου όταν χρειάζεσαι μόνο email. Τη διεύθυνση ιστοσελίδας όταν δεν σχετίζεται. Τον ταχυδρομικό κώδικα όταν αρκεί η χώρα.
Αφαίρεσε πεδία που διπλασιάζουν πληροφορίες που έχεις ήδη αλλού. Αν ξέρεις το domain του email, μη ρωτάς για την εταιρεία. Αν η φόρμα είναι στο ταμείο, μη ζητάς τηλέφωνο όταν το έχεις ήδη από την παραγγελία.
Δοκίμασε να αφαιρείς ένα πεδίο τη φορά. Αν η αφαίρεση του τηλεφώνου αυξάνει τις υποβολές κατά πέντε τοις εκατό, κράτα το αφαιρεμένο. Δοκίμασε μετά να αφαιρέσεις το επόμενο πεδίο.
Η σειρά των πεδίων μετράει
Οι επισκέπτες βλέπουν τη φόρμα από πάνω προς τα κάτω. Τα πιο δύσκολα πεδία στην κορυφή προκαλούν πρόωρη εγκατάλειψη. Βάλε πρώτα τα εύκολα πεδία. Το email πριν από την εταιρεία. Το όνομα πριν από το τηλέφωνο.
Τα πεδία υπό όρους δοκιμάζονται καλά. «Έχεις εταιρεία;» Αν ναι, εμφάνισε το πεδίο της εταιρείας. Αν όχι, παράλειψέ το. Μικραίνει τη φόρμα και αυξάνει τις ολοκληρώσεις.
Δοκιμές τύπου πεδίου φόρμας
Αναπτυσσόμενες λίστες έναντι πεδίων κειμένου
Αναπτυσσόμενες λίστες για γνωστές επιλογές. Λίστα χωρών. Λίστα πολιτειών. Γνωστές κατηγορίες.
Πεδία κειμένου για ανοιχτές απαντήσεις. Όνομα. Email. Ελεύθερη εισαγωγή.
Δοκίμασε πώς εμφανίζεις τις επιλογές. Μια λίστα με πενήντα χώρες έναντι ενός πεδίου κειμένου με «Γράψε τη χώρα». Η λίστα είναι πιο γρήγορη για τον χρήστη αν είναι μικρή. Το πεδίο κειμένου είναι πιο γρήγορο αν η λίστα είναι μεγάλη.
Φόρμα με ένα βήμα έναντι φόρμας με πολλά βήματα
Μια μακριά φόρμα σε ένα βήμα δίνει την αίσθηση ότι είναι πολλά. Δείχνει όλα τα πεδία μαζί.
Η φόρμα πολλών βημάτων δείχνει τρία πεδία ανά βήμα. Φαίνεται πιο σύντομη. Φοβίζει λιγότερο. Οι επισκέπτες την ολοκληρώνουν πιο εύκολα.
Δοκίμασε μία φόρμα με πέντε πεδία έναντι φόρμας τριών βημάτων με δύο, δύο και ένα πεδίο. Η φόρμα πολλών βημάτων συνήθως κερδίζει στην ολοκλήρωση, αλλά έχει κόστος εγκατάλειψης ανά βήμα. Μέτρα την πλήρη ολοκλήρωση, όχι την ολοκλήρωση ανά βήμα.
Placeholder έναντι ετικέτας
Το placeholder είναι κείμενο μέσα στο πεδίο. Όταν ο επισκέπτης πληκτρολογεί, το placeholder εξαφανίζεται. Το πεδίο φαίνεται άδειο.
Η ετικέτα πάνω από το πεδίο μένει ορατή. Ο επισκέπτης ξέρει πάντα τι είναι το πεδίο.
Δοκίμασε μόνο placeholder έναντι ετικέτας από πάνω. Οι ετικέτες κερδίζουν στην ολοκλήρωση. Το placeholder μόνο μπερδεύει τους επισκέπτες στα πεδία που παραλείπουν.
Δοκιμές διάταξης σελίδας και οπτικής ιεραρχίας
Τοποθέτηση πάνω από τη γραμμή κύλισης (above the fold)
Το above the fold είναι το μέρος που βλέπουν οι επισκέπτες χωρίς κύλιση. Αν μεταφέρεις το βασικό περιεχόμενο εκεί, αυξάνεται η αλληλεπίδραση.
Δοκίμασε να βάλεις το κουμπί call-to-action πάνω από τη γραμμή κύλισης έναντι του μέσου της σελίδας. Δοκίμασε να ανεβάσεις τον κύριο τίτλο. Δοκίμασε να βάλεις τη φόρμα στην κορυφή της σελίδας.
Οι επισκέπτες που βλέπουν το CTA χωρίς κύλιση έχουν περισσότερες πιθανότητες να κάνουν κλικ. Πολλοί από όσους πρέπει να κάνουν κύλιση φεύγουν πριν φτάσουν στο κουμπί.
Αναδιάταξη περιεχομένου και ροή
Τυπική ροή σελίδας: τίτλος, υπότιτλος, πρόβλημα, λύση, χαρακτηριστικά, CTA, φόρμα.
Εναλλακτική: τίτλος, φόρμα, αποδείξεις, περισσότερα χαρακτηριστικά, CTA.
Δοκίμασε να δείξεις τη φόρμα πριν από τις αποδείξεις έναντι μετά από αυτές. Σε B2B η φόρμα νωρίτερα συνήθως δουλεύει. Σε B2C χρειάζονται πρώτα περισσότερες αποδείξεις. Δοκίμασε με το δικό σου κοινό.
Δοκίμασε τη θέση της εικόνας. Η κεντρική εικόνα πάνω από τον τίτλο έναντι της εικόνας στο πλάι. Οι δοκιμές δείχνουν ότι η διάταξη δίπλα δίπλα κερδίζει μερικές φορές. Εξαρτάται από την ποιότητα της εικόνας και τη δύναμη του τίτλου.
Στοιχεία οπτικού σχεδιασμού
Το χρώμα του κουμπιού επηρεάζει τα κλικ. Κόκκινο κουμπί έναντι μπλε έναντι πράσινου. Δοκίμασε απέναντι στο τρέχον.
Ο λευκός χώρος επηρεάζει την αναγνωσιμότητα. Φορτωμένη σελίδα έναντι σελίδας με αέρα. Η σελίδα με αέρα συνήθως κερδίζει στα premium προϊόντα. Η φορτωμένη κερδίζει στις εκπτώσεις και στην αίσθηση του επείγοντος.
Δοκίμασε τη στοίχιση κειμένου. Το κεντραρισμένο κείμενο δίνει επίσημο ύφος. Το κείμενο στοιχισμένο αριστερά φαίνεται φυσικό και διαβάζεται εύκολα.
Δοκιμές τοποθέτησης κοινωνικής απόδειξης
Θέση των μαρτυριών
Μαρτυρία πάνω από τη γραμμή κύλισης έναντι κάτω από αυτήν. Οι μαρτυρίες χτίζουν εμπιστοσύνη. Αν βάλεις μαρτυρίες πριν από τη φόρμα, αυξάνονται οι ολοκληρώσεις της φόρμας.
Δοκίμασε μαρτυρίες δίπλα στη φόρμα έναντι μαρτυριών σε διαφορετική ενότητα. Η εγγύτητα στο CTA μετράει.
Ενδείξεις εμπιστοσύνης
Δοκίμασε να δείξεις λογότυπα πελατών. Δοκίμασε να δείξεις τον αριθμό αξιολογήσεων. Δοκίμασε να δείξεις σήματα βραβείων. Δοκίμασε να δείξεις δήλωση εγγύησης επιστροφής χρημάτων.
Το καθένα προσθέτει αξιοπιστία. Δοκίμασε τη θέση: πάνω από το CTA αυξάνει την εμπιστοσύνη πριν από τη δέσμευση. Κάτω από το CTA καθησυχάζει αφού ο επισκέπτης έχει δεσμευτεί.
Δοκιμές φόρμας και διάταξης ειδικά για κινητά
Μήκος φόρμας στα κινητά
Οι χρήστες κινητών δεν έχουν υπομονή. Οι μακριές φόρμες στο κινητό έχουν είκοσι τοις εκατό λιγότερες ολοκληρώσεις από ό,τι στον υπολογιστή.
Δοκίμασε πιο επιθετική αφαίρεση πεδίων στο κινητό. Στον υπολογιστή πέντε πεδία. Στο κινητό τρία πεδία. Δοκίμασε να κρύβεις πεδία υπό όρους στο κινητό.
Τύποι εισαγωγής στα κινητά
Το πεδίο αριθμού ανοίγει το αριθμητικό πληκτρολόγιο. Το πεδίο email ανοίγει το πληκτρολόγιο για email. Το πεδίο τηλεφώνου ανοίγει το αριθμητικό πληκτρολόγιο με το σύμβολο συν.
Δοκίμασε τους σωστούς τύπους εισαγωγής. Ο λάθος τύπος δυσκολεύει την πληκτρολόγηση. Ο σωστός τύπος την κάνει πιο γρήγορη.
Κατεύθυνση διάταξης στα κινητά
Υπολογιστής: αριστερή στήλη με τίτλο και φόρμα. Δεξιά στήλη με εικόνα.
Κινητό: τίτλος, εικόνα, φόρμα. Κάθετη στοίβα. Η σειρά στοίβαξης μετράει. Δοκίμασε την εικόνα πριν από τη φόρμα έναντι της φόρμας πριν από την εικόνα.
Συχνές ερωτήσεις
Αν αφαιρέσω ένα πεδίο και πάρω περισσότερες υποβολές αλλά χαμηλότερης ποιότητας leads, να το αφαιρέσω ούτως ή άλλως;
Μέτρα την επίδραση στην ποιότητα των leads. Αν πάρεις τριάντα τοις εκατό περισσότερες υποβολές αλλά τριάντα τοις εκατό χαμηλότερο ποσοστό μετατροπής, βγαίνεις στα ίσα. Έχεις όμως τριάντα τοις εκατό περισσότερες συζητήσεις με υποψήφιους πελάτες. Οι περισσότερες συζητήσεις συνήθως κερδίζουν μακροπρόθεσμα. Τρέξε τη δοκιμή για έναν μήνα. Υπολόγισε τις συνολικές μετατροπές, όχι μόνο το ποσοστό υποβολών. Μετράει και η ποιότητα και η ποσότητα. Μερικές φορές οι περισσότερες συζητήσεις κερδίζουν ακόμα και με χαμηλότερα μεμονωμένα ποσοστά μετατροπής. Με τον δημιουργό ιστοσελίδων του WEMASY μπορείς να το στήσεις απευθείας στην ιστοσελίδα σου.
Πώς δοκιμάζω τα πεδία μιας φόρμας που είναι ενσωματωμένη με διαφορετικό τρόπο σε πολλές σελίδες;
Δοκίμασε πρώτα στη σελίδα φόρμας με τη μεγαλύτερη επισκεψιμότητα. Συνήθως είναι η αρχική σελίδα ή η σελίδα προϊόντος. Όταν βρεις την κερδισμένη παραλλαγή στη σελίδα με την πολλή επισκεψιμότητα, εφάρμοσέ την παντού. Μετά δοκίμασε και στις δευτερεύουσες σελίδες, αν το επιτρέπει η επισκεψιμότητα. Μία δοκιμή τη φορά ανά σελίδα, για να μη μπερδεύεσαι για το τι προκάλεσε την αλλαγή.
Είναι πάντα καλύτερη η φόρμα πολλών βημάτων από τη φόρμα ενός βήματος ως προς την ολοκλήρωση;
Όχι πάντα. Η φόρμα πολλών βημάτων μειώνει την εγκατάλειψη ανά βήμα, αλλά προσθέτει εγκατάλειψη ανάμεσα στα βήματα. Κάποιος φεύγει μεταξύ των βημάτων. Δοκίμασε και τα δύο. Μέτρα το συνολικό ποσοστό ολοκλήρωσης από την αρχή ως το τελευταίο βήμα, όχι την ολοκλήρωση βήμα προς βήμα. Η φόρμα ενός βήματος συνήθως κερδίζει κάτω από τρία πεδία. Η φόρμα πολλών βημάτων κερδίζει πάνω από πέντε πεδία. Από τρία ως πέντε πεδία είναι στοίχημα. Δοκίμασε με το δικό σου κοινό.
Να δοκιμάσω να αφαιρέσω ένα υποχρεωτικό πεδίο ή να αλλάξω ποια πεδία είναι υποχρεωτικά;
Αν ένα πεδίο είναι υποχρεωτικό, δοκίμασε πρώτα να το κάνεις προαιρετικό πριν το αφαιρέσεις εντελώς. Ένα προαιρετικό πεδίο το παραλείπουν κάποιοι επισκέπτες. Εξακολουθείς να παίρνεις δεδομένα από όσους το συμπληρώνουν. Είναι καλύτερο από το να το χάσεις από όλους. Αν οι περισσότεροι επισκέπτες παραλείπουν ένα προαιρετικό πεδίο, τότε αφαίρεσέ το.
Αν ανεβάσω τη φόρμα πάνω από τη γραμμή κύλισης, θα βλάψει το SEO της σελίδας;
Όχι. Το above the fold δεν έχει ποινή SEO. Η Google ενδιαφέρεται για την ποιότητα και τη συνάφεια του περιεχομένου, όχι για τη διάταξη. Η μεταφορά της φόρμας πάνω από τη γραμμή κύλισης βελτιώνει την εμπειρία χρήστη, βελτιώνει τη μετατροπή και βελτιώνει τους επιχειρηματικούς δείκτες. Η επίδραση στο SEO είναι θετική ή ουδέτερη. Κάν' το.
Πώς δοκιμάζω αλλαγές φόρμας σε μια σελίδα με πολλές φόρμες;
Δοκίμασε μία φόρμα τη φορά. Διαφορετικές φόρμες μετατρέπουν για διαφορετικούς λόγους. Η φόρμα επικοινωνίας έχει διαφορετικό βέλτιστο σχεδιασμό από την εγγραφή σε newsletter. Αν δοκιμάσεις και τις δύο ταυτόχρονα, μπερδεύονται τα αποτελέσματα. Βρες ποια φόρμα φέρνει περισσότερη αξία. Δοκίμασε πρώτα εκείνη. Άλλαξέ την. Μετά δοκίμασε την επόμενη φόρμα.