Η επιλογή δομής της φόρμας σου επηρεάζει τα ποσοστά ολοκλήρωσης κατά 20 έως 30 τοις εκατό. Μια φόρμα μίας σελίδας που δείχνει είκοσι πεδία μαζί και μια φόρμα πολλών βημάτων που ρωτά τις ίδιες είκοσι ερωτήσεις σε τρία ξεχωριστά βήματα μαζεύουν ακριβώς τις ίδιες πληροφορίες. Τα ποσοστά ολοκλήρωσης όμως διαφέρουν δραματικά. Η μία δομή κάνει τους επισκέπτες να σκέφτονται «μπορώ να τελειώσω σε δύο λεπτά». Η άλλη τους κάνει να σκέφτονται «αυτό είναι πολλή δουλειά» και φεύγουν.
Ποια προσέγγιση να διαλέξεις λοιπόν; Κοίτα την τωρινή σου φόρμα. Πόσα πεδία ζητάς; Οι επισκέπτες σου τη συμπληρώνουν σε κινητό ή σε υπολογιστή; Μια μεγάλη φόρμα τούς φαίνεται συντριπτική ή το σπάσιμο σε βήματα τούς φαίνεται περιττή τριβή; Η απάντηση καθορίζει τα πάντα. Μια φόρμα εγγραφής που ζητά όνομα και email δουλεύει διαφορετικά από μια φόρμα γνωριμίας B2B που ζητά στοιχεία εταιρείας, προϋπολογισμό και εξουσία απόφασης. Αυτό το άρθρο εξηγεί πότε να χρησιμοποιήσεις κάθε προσέγγιση και πώς να οργανώσεις τη φόρμα σου ώστε οι επισκέπτες να την ολοκληρώνουν πραγματικά.
Φόρμες ενός βήματος: τι είναι και πότε να τις χρησιμοποιείς
Μια φόρμα ενός βήματος δείχνει όλα τα πεδία σε μία σελίδα. Ο επισκέπτης βλέπει ολόκληρη τη φόρμα μόλις φορτώσει η σελίδα. Κυλά σε όλα τα πεδία, τα συμπληρώνει και υποβάλλει. Όλα γίνονται σε μία οθόνη.
Χρησιμοποίησε ένα βήμα όταν η φόρμα σου έχει πέντε πεδία ή λιγότερα. Ο επισκέπτης αντιλαμβάνεται μια φόρμα πέντε πεδίων ως σύντομη, είτε εμφανίζεται σε μία σελίδα είτε σε πολλές. Τα επιπλέον βήματα προσθέτουν τριβή χωρίς όφελος. Μια εγγραφή σε newsletter που ζητά Όνομα, Email και Χώρα δουλεύει καλά σε ένα βήμα. Μια απλή φόρμα σχολίων που ζητά Σχόλιο, Βαθμολογία και Email δουλεύει καλά σε ένα βήμα. Ο επισκέπτης ολοκληρώνει τη φόρμα σε λιγότερο από δύο λεπτά και συνεχίζει.
Χρησιμοποίησε ένα βήμα όταν κάθε πεδίο είναι απλό και αυτονόητο. Αν κανένα πεδίο δεν χρειάζεται πλαίσιο ή εξήγηση, το ένα βήμα δουλεύει. Μια φόρμα επικοινωνίας που ζητά Όνομα, Email, Μήνυμα και Τηλέφωνο είναι καθαρή. Κάθε επισκέπτης καταλαβαίνει τι ζητά κάθε πεδίο. Δεν χρειάζεται επιπλέον καθοδήγηση. Το ένα βήμα αφαιρεί περιττά βήματα και τελειώνει τη φόρμα πιο γρήγορα.
Χρησιμοποίησε ένα βήμα όταν θέλεις μέγιστη διαφάνεια για το μήκος της φόρμας. Μια φόρμα μίας σελίδας δείχνει στον επισκέπτη ακριβώς σε τι μπαίνει πριν ξεκινήσει. Χωρίς εκπλήξεις στην επόμενη σελίδα. Χωρίς το αίσθημα «δεν περίμενα αυτή την ερώτηση». Κάποιοι επισκέπτες προτιμούν αυτή τη διαφάνεια και θα ολοκληρώσουν μια φόρμα πιο γρήγορα επειδή ξέρουν από την αρχή την πλήρη έκτασή της.
Χρησιμοποίησε ένα βήμα για γρήγορες ενέργειες όπως αναζητήσεις, φίλτρα προϊόντων ή γρήγορες δημοσκοπήσεις. Μια φόρμα αναζήτησης σε e-shop δουλεύει σε ένα βήμα. Μια φόρμα φίλτρων προϊόντων δουλεύει σε ένα βήμα. Μια γρήγορη δημοσκόπηση που ρωτά «Ποιο χαρακτηριστικό να φτιάξουμε μετά;» δουλεύει σε ένα βήμα. Στόχος είναι η άμεση ενέργεια, όχι η συλλογή αναλυτικών πληροφοριών. Το ένα βήμα το προσφέρει αυτό.
Φόρμες πολλών βημάτων: τι είναι και πότε να τις χρησιμοποιείς
Μια φόρμα πολλών βημάτων μοιράζει τα πεδία σε πολλές διαδοχικές σελίδες. Ο επισκέπτης ολοκληρώνει το βήμα 1 με τρία έως πέντε πεδία, πατά Επόμενο και φτάνει στο βήμα 2 με νέα πεδία. Το βήμα 2 οδηγεί στο βήμα 3, και ούτω καθεξής. Η φόρμα αποκαλύπτει τις ερωτήσεις της σταδιακά.
Χρησιμοποίησε πολλά βήματα όταν η φόρμα σου έχει περισσότερα από πέντε πεδία. Μια φόρμα με δέκα ερωτήσεις μετατρέπει καλύτερα όταν σπάει σε δύο με τρία βήματα παρά όταν εμφανίζεται σε μία σελίδα. Ένας επισκέπτης που βλέπει δέκα πεδία σε μία οθόνη σκέφτεται «αυτό είναι πολλή δουλειά». Ο ίδιος επισκέπτης που βλέπει τρία πεδία σκέφτεται «αυτό το αντέχω». Σπάσε τα ίδια πεδία σε βήματα και τα ποσοστά ολοκλήρωσης ανεβαίνουν 20 με 30 τοις εκατό.
Χρησιμοποίησε πολλά βήματα για φόρμες που ρωτούν για διαφορετικές θεματικές περιοχές. Μια φόρμα ερώτησης B2B μπορεί να ρωτά για στοιχεία εταιρείας στο βήμα 1, επιχειρηματικούς στόχους στο βήμα 2 και προϋπολογισμό στο βήμα 3. Κάθε βήμα έχει καθαρό επίκεντρο. Ο επισκέπτης ξέρει γιατί αυτές οι ερωτήσεις μπήκαν μαζί. Αυτή η λογική οργάνωση κάνει τη φόρμα να μοιάζει λιγότερο τυχαία.
Χρησιμοποίησε πολλά βήματα όταν ζητάς ευαίσθητες ή προσωπικές πληροφορίες. Μια φόρμα που ρωτά για προβλήματα υγείας, οικονομικά στοιχεία ή οικογενειακό ιστορικό φαίνεται παρεμβατική όταν τα ζητά όλα μαζί. Το σπάσιμο σε βήματα βάζει τον επισκέπτη σταδιακά στη συζήτηση. Το βήμα 1 ζητά βασικά δημογραφικά στοιχεία που φαίνονται ουδέτερα. Το βήμα 2 ζητά κάπως πιο αναλυτικά στοιχεία. Το βήμα 3 κάνει τις ευαίσθητες ερωτήσεις. Μέχρι το βήμα 3, ο επισκέπτης έχει ήδη επενδύσει χρόνο και έχει αποφασίσει να συνεχίσει. Η ευαίσθητη φύση φαίνεται φυσική εξέλιξη και όχι άμεση απαίτηση.
Χρησιμοποίησε πολλά βήματα για φόρμες εγγραφής και δημιουργίας λογαριασμού. Ένας επισκέπτης που φτιάχνει λογαριασμό συνήθως συμπληρώνει πρώτα βασικά στοιχεία (email, κωδικός), μετά προσθέτει στοιχεία προφίλ (όνομα, τοποθεσία) και μετά ορίζει προτιμήσεις (συχνότητα επικοινωνίας, ενδιαφέροντα). Τα πολλά βήματα αντικατοπτρίζουν τη φυσική ιεραρχία των πληροφοριών. Ο επισκέπτης ολοκληρώνει κάθε στάδιο και περνά στο επόμενο.
Χρησιμοποίησε πολλά βήματα για φόρμες στο κινητό. Οι χρήστες κινητού κουράζονται από την κύλιση. Μια φόρμα με δέκα πεδία στο κινητό σημαίνει κύλιση σε μια μεγάλη σελίδα. Τα πολλά βήματα σημαίνουν ότι κάθε σελίδα δείχνει τρία με τέσσερα πεδία. Ο επισκέπτης τα συμπληρώνει, πατά Επόμενο και βλέπει νέα οθόνη. Χωρίς μεγάλη κύλιση. Χωρίς κούραση. Οι επισκέπτες κινητού ωφελούνται ιδιαίτερα από την προσέγγιση βήμα προς βήμα. Αν η φόρμα σου πρέπει να δουλεύει στο κινητό, διάλεξε εξ ορισμού πολλά βήματα, εκτός αν είναι πραγματικά σύντομη (πέντε πεδία ή λιγότερα).
Πόσα βήματα να έχει η φόρμα σου με πολλά βήματα
Μια φόρμα με 6 έως 15 πεδία δουλεύει καλά ως φόρμα 2 έως 3 βημάτων. Μια φόρμα με 15 έως 25 πεδία δουλεύει ως φόρμα 3 έως 4 βημάτων. Μια φόρμα με περισσότερα από 25 πεδία πρέπει να έχει 4 έως 5 βήματα το πολύ. Ο στόχος είναι κάθε βήμα να δείχνει 5 έως 7 πεδία, κάτι που φαίνεται διαχειρίσιμο χωρίς περιττές φορτώσεις σελίδας.
Μη σπας μια φόρμα 10 πεδίων σε 5 βήματα. Αυτό ακυρώνει τον σκοπό. Ένας επισκέπτης που πατά Επόμενο πέντε φορές για μια φόρμα 10 πεδίων νιώθει περισσότερη δουλειά, όχι λιγότερη. Κράτα τον αριθμό των βημάτων αρκετά χαμηλό ώστε ο επισκέπτης να φτάνει στο τέλος χωρίς κούραση.
Αν η φόρμα σου χρησιμοποιεί λογική υπό όρους όπου διαφορετικοί επισκέπτες ακολουθούν εντελώς διαφορετικές διαδρομές, ο αριθμός βημάτων μετράει λιγότερο. Ένας επισκέπτης που απαντά «Μέγεθος εταιρείας: 1-5 άτομα» μπορεί να δει 3 βήματα. Ένας που απαντά «Μέγεθος εταιρείας: 100+ άτομα» μπορεί να δει 5 βήματα. Κάθε επισκέπτης βλέπει μόνο τη δική του διαδρομή. Ο συνολικός αριθμός βημάτων είναι λιγότερο σημαντικός από το να φαίνεται η διαδρομή κάθε επισκέπτη σύντομη και σχετική.
Πώς να οργανώσεις μια φόρμα πολλών βημάτων
Το βήμα 1 πρέπει να ζητά βασικά στοιχεία ταυτότητας. Email, όνομα, εταιρεία. Αυτά τα πεδία είναι απλά και φαίνονται ασφαλή. Ο επισκέπτης ολοκληρώνει το βήμα 1 και παίρνει φόρα. Έχει επενδύσει στο να τελειώσει.
Το βήμα 2 πρέπει να ρωτά για ανάγκες, στόχους ή κατάσταση. «Τι προσπαθείς να πετύχεις;» «Ποια είναι η κύρια πρόκλησή σου;» «Πόσα άτομα έχει η ομάδα σου;» Αυτό το βήμα ξεκαθαρίζει το πλαίσιο του επισκέπτη. Περνά από το «Ποιος είσαι;» στο «Τι χρειάζεσαι;»
Το βήμα 3 πρέπει να ζητά αναλυτικές ή ευαίσθητες πληροφορίες. Προϋπολογισμός, χρονοδιάγραμμα, επίπεδο εξουσίας, πληροφορίες υγείας, οικονομικά στοιχεία. Μέχρι το βήμα 3, ο επισκέπτης έχει αποφασίσει να συνεχίσει. Οι ευαίσθητες ερωτήσεις εδώ φαίνονται φυσικές, όχι παρεμβατικές. Έχει ήδη επενδύσει.
Μη ρωτάς την ίδια πληροφορία δύο φορές. Το βήμα 1 ζητά email. Μη ζητάς ξανά email στο βήμα 2 ή 3. Κάθε βήμα πρέπει να μαζεύει νέες πληροφορίες, όχι να επαναλαμβάνει.
Ομαδοποίησε λογικά σχετικά πεδία στο ίδιο βήμα. Αν ρωτάς για στοιχεία εταιρείας, ρώτα μέγεθος, κλάδο και τοποθεσία στο ίδιο βήμα. Μην τα σκορπίζεις σε τρία βήματα. Η λογική ομαδοποίηση κάνει τη φόρμα να φαίνεται οργανωμένη, όχι τυχαία.
Μη ρωτάς στο βήμα 1 πεδίο που εξαρτάται από απάντηση του βήματος 2. Αν το βήμα 2 ρωτά «Ποιο είναι το μέγεθος της εταιρείας σου;», μη ρωτάς «Πόσους διευθυντές έχεις;» στο βήμα 1. Ο αριθμός των διευθυντών εξαρτάται από το μέγεθος της εταιρείας. Ρώτα τα πεδία με τη σειρά που εξαρτώνται λογικά το ένα από το άλλο.
Οι φόρμες κινητού χρειάζονται πολλά βήματα
Οι περισσότερες υποβολές φορμών γίνονται από κινητά. Αν η φόρμα σου πρέπει να δουλεύει στο κινητό, χρησιμοποίησε πολλά βήματα. Μια φόρμα ενός βήματος με δέκα πεδία στο κινητό σημαίνει ότι ο επισκέπτης κυλά σε μια μεγάλη σελίδα. Κουράζεται. Εγκαταλείπει τη φόρμα στη μέση.
Μια φόρμα πολλών βημάτων στο κινητό δείχνει 3 με 4 πεδία ανά βήμα. Ο επισκέπτης τα συμπληρώνει και πατά Επόμενο. Εμφανίζεται νέα οθόνη με νέα πεδία. Χωρίς μεγάλη κύλιση. Χωρίς κούραση. Κάθε βήμα φαίνεται γρήγορο.
Εξαίρεση: αν η φόρμα σου έχει πέντε πεδία ή λιγότερα, το ένα βήμα δουλεύει μια χαρά στο κινητό. Μια φόρμα πέντε πεδίων κυλά γρήγορα σε τηλέφωνο. Ο επισκέπτης την ολοκληρώνει χωρίς κούραση. Ό,τι είναι μεγαλύτερο από πέντε πεδία πρέπει να σπάει σε βήματα για χρήστες κινητού.
Αν η φόρμα σου πρέπει να δουλεύει και σε υπολογιστή και σε κινητό, σχεδίασε πρώτα για κινητό. Φτιάξε τη φόρμα με πολλά βήματα. Στον υπολογιστή η φόρμα δουλεύει κανονικά. Τα επιπλέον βήματα δεν βλάπτουν τις μετατροπές στον υπολογιστή. Μια φόρμα ενός βήματος βελτιστοποιημένη για υπολογιστή όμως θα έχει κακή απόδοση στο κινητό. Ο σχεδιασμός πρώτα για κινητό εξασφαλίζει ότι η φόρμα σου δουλεύει παντού.
Ο ρόλος των δεικτών προόδου
Μια φόρμα πολλών βημάτων πρέπει πάντα να δείχνει πρόοδο. Ένας δείκτης προόδου λέει στον επισκέπτη πού βρίσκεται στη διαδικασία. Το «Βήμα 2 από 4» ή μια οπτική μπάρα προόδου δείχνει πόσα βήματα απομένουν. Αυτό μετράει γιατί χτίζει εμπιστοσύνη. Ένας επισκέπτης που ξέρει ότι είναι στη μέση έχει περισσότερες πιθανότητες να συνεχίσει από έναν που δεν έχει ιδέα πόσα βήματα ακόμα υπάρχουν.
Οι δείκτες προόδου έχουν και άλλη λειτουργία. Μειώνουν το άγχος. Ένας επισκέπτης είναι πιο πρόθυμος να ξεκινήσει μια φόρμα αν ξέρει ότι έχει 3 βήματα παρά αν δεν έχει ιδέα πόσο θα κρατήσει. Η διαφάνεια για το μήκος αυξάνει τα ποσοστά ολοκλήρωσης.
Οι φόρμες ενός βήματος δεν χρειάζονται δείκτες προόδου γιατί δεν υπάρχει πρόοδος να δειχτεί. Ολόκληρη η φόρμα φαίνεται.
Δοκίμασε αν δεν είσαι σίγουρος
Αν έχεις μια φόρμα με 6 έως 10 πεδία και δεν είσαι σίγουρος αν θα δουλέψει καλύτερα το ένα βήμα ή τα πολλά, δοκίμασε και τα δύο. Φτιάξε δύο εκδοχές. Δείξε την εκδοχή Α (ένα βήμα) στο 50 τοις εκατό των επισκεπτών για δύο εβδομάδες. Δείξε την εκδοχή Β (πολλά βήματα) στο άλλο 50 τοις εκατό για την ίδια περίοδο. Παρακολούθησε τα ποσοστά ολοκλήρωσης. Μετά από δύο εβδομάδες θα ξέρεις ποια προσέγγιση δουλεύει καλύτερα για το δικό σου κοινό και τη δική σου φόρμα.
Η δοκιμή μετράει γιατί υπάρχουν εξαιρέσεις. Κάποια κοινά προτιμούν το ένα βήμα ακόμα και για μεγαλύτερες φόρμες, αν οι ερωτήσεις είναι πολύ απλές. Κάποιες φόρμες που φαίνονται πολύ μεγάλες για ένα βήμα μετατρέπουν παρ' όλα αυτά καλά, γιατί ο επισκέπτης είναι πολύ παρακινημένος. Τα δικά σου δεδομένα είναι πιο αξιόπιστα από τους γενικούς κανόνες.
Συνηθισμένα λάθη που πρέπει να αποφύγεις
Να βάζεις φόρμα δέκα πεδίων σε μία σελίδα και να περιμένεις υψηλή ολοκλήρωση. Ο επισκέπτης βλέπει δέκα πεδία σε μία οθόνη και σκέφτεται «αυτό θα κρατήσει μια αιωνιότητα». Μην το κάνεις. Αν η φόρμα σου έχει περισσότερα από πέντε πεδία, χρησιμοποίησε πολλά βήματα.
Να σπας υπερβολικά μια σύντομη φόρμα. Μια φόρμα τριών ερωτήσεων δεν χρειάζεται να σπάσει σε δύο βήματα. Αυτό προσθέτει τριβή. Κράτα τις φόρμες ενός βήματος για φόρμες με πέντε πεδία ή λιγότερα.
Να ρωτάς «Ποιος είναι ο ετήσιος τζίρος σου;» στο βήμα 1. Μην ανοίγεις με ευαίσθητες ερωτήσεις. Ο επισκέπτης δεν έχει δεσμευτεί ακόμα. Βλέπει μια ευαίσθητη ερώτηση και φεύγει. Ρώτα πρώτα στοιχεία ταυτότητας (όνομα, email, εταιρεία) και μετά τις ευαίσθητες ερωτήσεις στο βήμα 2 ή 3.
Να φτιάχνεις έξι ή επτά βήματα. Μια φόρμα που σπάει σε έξι βήματα μοιάζει ότι δεν θα τελειώσει ποτέ. Κράτα την σε δύο με τέσσερα βήματα για τις περισσότερες φόρμες. Με περισσότερα, οι επισκέπτες εγκαταλείπουν πριν φτάσουν στο τέλος.
Να μη δείχνεις πρόοδο. Μια φόρμα πολλών βημάτων πρέπει να δείχνει «Βήμα 2 από 4» ή μια οπτική μπάρα προόδου. Χωρίς πρόοδο, οι επισκέπτες δεν ξέρουν αν είναι στη μέση ή κοντά στο τέλος. Αυτή η αβεβαιότητα μειώνει τα ποσοστά ολοκλήρωσης. Πρόσθεσε δείκτη προόδου σε κάθε φόρμα πολλών βημάτων.
Να ρωτάς την ίδια πληροφορία δύο φορές. Μη ζητάς email στο βήμα 1 και ξανά email στο βήμα 3. Κάθε βήμα πρέπει να μαζεύει νέες πληροφορίες. Οι επαναλαμβανόμενες ερωτήσεις δίνουν την αίσθηση χαλασμένης φόρμας.
Πώς σε βοηθά το WEMASY με τη δομή των φορμών
Στον Δημιουργό ιστοσελίδων του WEMASY μπορείς να προσθέσεις μια φόρμα στην ιστοσελίδα σου. Οι υποβολές φτάνουν με email και στον πίνακα ελέγχου σου. Για μια ευρύτερη εικόνα για το πώς ο σχεδιασμός φορμών επηρεάζει τις μετατροπές, δες τον οδηγό μας για τις αρχές σχεδιασμού φορμών και το πώς να μειώσεις την τριβή στις φόρμες και να αυξήσεις την ολοκλήρωση.