Φόρμες πολλών βημάτων

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

Πρόχειρο

Έχεις συμπληρώσει ποτέ μια φόρμα στο κινητό και έβλεπες τα πεδία να μην τελειώνουν; Απαντάς σε μια ερώτηση, πατάς επόμενο και βγαίνει άλλη. Και μετά άλλη. Μετά την πέμπτη ή την έκτη οθόνη, χωρίς τέλος στον ορίζοντα, απλώς φεύγεις. Δεν τελειώνεις τη φόρμα. Βρίσκεις έναν ανταγωνιστή που το κάνει πιο εύκολο. Αυτό συμβαίνει συνέχεια με κακοσχεδιασμένες φόρμες πολλών βημάτων. Όταν όμως η φόρμα είναι σωστά φτιαγμένη, γίνεται κάτι διαφορετικό. Οι χρήστες τη συμπληρώνουν γρήγορα. Την ολοκληρώνουν πιο εύκολα από μια μεγάλη φόρμα σε μία σελίδα. Τα ποσοστά μετατροπής ανεβαίνουν κατά 86 τοις εκατό σε σύγκριση με το να τα ρωτάς όλα σε μία σελίδα.

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

Τι είναι μια φόρμα πολλών βημάτων;

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

Ο όρος φόρμα οδηγός αφορά μια φόρμα όπου τα βήματα είναι διαδοχικά και υποχρεωτικά. Το βήμα 1 οδηγεί στο βήμα 2, το βήμα 2 στο βήμα 3 και δεν υπάρχει παράλειψη. Αυτό δουλεύει καλά σε διαδικασίες αίτησης, σε ροές εισαγωγής νέων χρηστών ή σε φιλτράρισμα ενδιαφερομένων, όπου κάθε βήμα στηρίζεται στο προηγούμενο. Η προοδευτική φόρμα είναι διαφορετική. Δείχνει πεδία δυναμικά με βάση τις προηγούμενες απαντήσεις στην ίδια οθόνη ή φορτώνει πεδία υπό όρους χωρίς να αλλάξει σελίδα. Κάποιες προοδευτικές φόρμες διακλαδίζονται σε διαφορετικές διαδρομές ανάλογα με όσα γράφει ο επισκέπτης, οπότε δύο επισκέπτες μπορεί να δουν εντελώς διαφορετικά βήματα.

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

Πότε να διαλέξεις φόρμα πολλών βημάτων και πότε φόρμα μίας σελίδας;

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

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

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

Απόφυγε τις φόρμες πολλών βημάτων αν το κοινό σου έχει ήδη αποφασίσει και είναι έτοιμο να δράσει. Ένας υποψήφιος που έχει ήδη αποφασίσει να αγοράσει το προϊόν σου και θέλει να προχωρήσει γρήγορα θα ενοχληθεί από μια φόρμα πληρωμής τριών βημάτων. Θέλει να ολοκληρώσει την αγορά με τον πιο γρήγορο τρόπο. Γι' αυτό οι συναλλαγές B2B υψηλής αξίας χρησιμοποιούν συχνά φόρμες μίας σελίδας. Ο πελάτης ξέρει τι θέλει και δεν χρειάζεται η φόρμα να τον πάρει από το χέρι βήμα βήμα.

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

Πόσα βήματα πρέπει να έχει μια φόρμα πολλών βημάτων;

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

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

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

Γιατί μετράει η λογική υπό όρους στις φόρμες πολλών βημάτων

Δεν χρειάζεται κάθε επισκέπτης να δει κάθε βήμα. Ένας επισκέπτης που κάνει αίτηση για δάνειο δεν χρειάζεται τις ίδιες ερωτήσεις με κάποιον που ζητά demo. Ένας επισκέπτης που αγοράζει βασικό πακέτο δεν χρειάζεται τα ίδια βήματα με κάποιον που αγοράζει επιχειρησιακό πακέτο. Εδώ η λογική υπό όρους γίνεται κρίσιμη. Η λογική υπό όρους σου επιτρέπει να δείχνεις διαφορετικά βήματα ανάλογα με τις απαντήσεις του επισκέπτη. Μειώνει τον συνολικό αριθμό βημάτων που βλέπει και κάνει τη φόρμα να φαίνεται προσαρμοσμένη αντί για γενική.

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

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

Πώς να οργανώσεις και να βάλεις σε σειρά τα βήματα μιας φόρμας πολλών βημάτων;

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

Πρώτο βήμα: ξεκίνα με εύκολες, μη ευαίσθητες ερωτήσεις

Το πρώτο βήμα μιας φόρμας πολλών βημάτων πρέπει να έχει το χαμηλότερο δυνατό εμπόδιο εισόδου. Ζήτα όνομα, email ή μια απλή ερώτηση προτίμησης. Μην ξεκινάς ζητώντας τηλέφωνο, προϋπολογισμό, συστάσεις ή οτιδήποτε απαιτεί εμπιστοσύνη ή σοβαρή σκέψη. Ο επισκέπτης βλέπει το πρώτο βήμα και αποφασίζει αμέσως. Αν φαίνεται εύκολο και γρήγορο, το συμπληρώνει. Αν φαίνεται παρεμβατικό ή σύνθετο, φεύγει.

Η ψυχολογία εδώ λέγεται endowed progress effect (φαινόμενο της δωρεάν προόδου). Μόλις κάποιος ξεκινήσει τη φόρμα σου, έχει ήδη επενδύσει. Έχει επιλέξει να ασχοληθεί μαζί σου. Το επόμενο βήμα φαίνεται λιγότερο τρομακτικό, επειδή έχει ήδη επενδύσει στο πρώτο. Γι' αυτό το πρώτο βήμα πρέπει να είναι το πιο εύκολο. Κάνε τους ανθρώπους να νιώσουν ότι προχωρούν από την πρώτη στιγμή. Μετά το πρώτο βήμα, το 90 τοις εκατό όσων ξεκίνησαν θα προχωρήσει στο δεύτερο. Μετά το δεύτερο, το 85 τοις εκατό θα συνεχίσει στο τρίτο. Αν όμως το πρώτο βήμα είναι δύσκολο και σύνθετο, δεν φτάνεις ποτέ στο δεύτερο.

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

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

Να η βασική αρχή. Μη ζητάς ευαίσθητες πληροφορίες στα πρώτα βήματα, ακόμα κι αν είναι σχετικές. Άφησε τις ερωτήσεις για τον προϋπολογισμό, τα τηλέφωνα και οτιδήποτε απαιτεί προσωπική αποκάλυψη για το τρίτο ή το τέταρτο βήμα. Γιατί; Επειδή στο τρίτο βήμα ο επισκέπτης έχει ήδη επενδύσει. Έχει συμπληρώσει δύο βήματα πληροφοριών. Το κόστος που έχει ήδη πληρώσει δημιουργεί μια ψυχολογική δέσμευση. Είναι πιο πρόθυμος να απαντήσει σε ευαίσθητες ερωτήσεις, γιατί το να τα παρατήσει τώρα μοιάζει με χαμένο κόπο. Η αρχή αυτή λέγεται φαινόμενο του «skin in the game». Όσο πιο επενδυμένος είναι ένας επισκέπτης, τόσο πιο πρόθυμος είναι να δώσει πληροφορίες που κανονικά θα δίσταζε να μοιραστεί.

Τελικό βήμα: επιβεβαίωση, πληρωμή και ευαίσθητα στοιχεία

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

Το τελικό βήμα μπορεί να περιλαμβάνει και μια οθόνη επιβεβαίωσης που δείχνει στον επισκέπτη όσα έχει συμπληρώσει. Άφησέ τον να ελέγξει τις απαντήσεις του πριν από την τελική υποβολή. Αυτό βελτιώνει την ακρίβεια και χτίζει εμπιστοσύνη ότι τα στοιχεία του είναι σωστά. Λειτουργεί και ως σήμα προόδου. Βλέπει μια οθόνη επιβεβαίωσης και ξέρει ότι η φόρμα σχεδόν τελείωσε. Αυτό το ψυχολογικό κλείσιμο αυξάνει τα ποσοστά ολοκλήρωσης.

Ενδείξεις προόδου και πλοήγηση

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

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

Η ίδια η ένδειξη προόδου έχει ψυχολογική επίδραση. Το να δείχνεις πρόοδο μέσα στη φόρμα αυξάνει πράγματι την ολοκλήρωση. Μια φόρμα που δείχνει ότι έχεις κάνει το σαράντα τοις εκατό έχει περισσότερες ολοκληρώσεις από μια φόρμα χωρίς ένδειξη, ακόμα κι αν η συνολική προσπάθεια είναι ίδια. Είναι πάλι το endowed progress effect. Οι επισκέπτες νιώθουν ότι προχωρούν και αυτό τους παρακινεί να συνεχίσουν.

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

Στρατηγική πεδίων μέσα σε κάθε βήμα

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

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

Χρησιμοποίησε διάταξη μίας στήλης για κάθε πεδίο. Μη χρησιμοποιείς ποτέ διατάξεις πολλών στηλών μέσα σε ένα βήμα. Ακούγεται αυτονόητο, αλλά πολλές ομάδες προσπαθούν να χωρέσουν περισσότερα πεδία στην οθόνη με δύο ή τρεις στήλες. Στην πράξη οι χρήστες προσπερνούν πεδία, επειδή σπάει η οπτική ροή. Ο χρήστης που διαβάζει μια σελίδα ακολουθεί το φυσικό μοτίβο από πάνω προς τα κάτω. Όταν τα πεδία είναι σε στήλες, οι χρήστες χάνουν πεδία. Έρευνες για την εμπειρία χρήστη το έχουν δοκιμάσει εκτενώς. Οι φόρμες μίας στήλης έχουν σημαντικά υψηλότερη ολοκλήρωση από τις φόρμες πολλών στηλών με ακριβώς τα ίδια πεδία.

Βάλε τις ετικέτες πάνω από τα πεδία, ποτέ στο πλάι. Όταν οι ετικέτες είναι αριστερά από το πεδίο, πιάνουν οριζόντιο χώρο και σπρώχνουν τα πεδία προς τα κάτω στη σελίδα. Όταν είναι πάνω από τα πεδία, είναι ακριβώς εκεί όταν ο χρήστης εστιάζει στο πεδίο. Το πιο σημαντικό: οι ετικέτες που μπαίνουν μέσα στο πεδίο ως placeholder εξαφανίζονται όταν ο χρήστης κάνει κλικ. Οι ετικέτες πάνω από τα πεδία μένουν ορατές και ο χρήστης δεν ξεχνά ποτέ τι συμπληρώνει.

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

Μείωσε τα πεδία ελεύθερου κειμένου. Τα πεδία ελεύθερου κειμένου απαιτούν από τους ανθρώπους να γράψουν παραγράφους. Μειώνουν σημαντικά την ολοκλήρωση, επειδή η πληκτρολόγηση παίρνει χρόνο και προσπάθεια. Περιόρισε τη φόρμα σε όχι περισσότερα από δύο πεδία ελεύθερου κειμένου συνολικά. Για όλα τα άλλα χρησιμοποίησε αναπτυσσόμενες λίστες, κουμπιά επιλογής, πλαίσια ελέγχου ή κλίμακες βαθμολόγησης. Μια αναπτυσσόμενη λίστα που ρωτά σε ποιον κλάδο δουλεύεις είναι πιο γρήγορη από το να ζητάς από κάποιον να γράψει τον κλάδο του. Ένα κουμπί επιλογής για το μέγεθος της εταιρείας (μικρή, μεσαία, μεγάλη, επιχειρησιακή) είναι πιο γρήγορο από το να γράψει κάποιος το μέγεθος της εταιρείας του. Χρησιμοποίησε δομημένες εισόδους όπου γίνεται.

Συνηθισμένα λάθη που σκοτώνουν τις ολοκληρώσεις στις φόρμες πολλών βημάτων

Μπορείς να ακολουθήσεις κάθε αρχή αυτού του κεφαλαίου τέλεια και να χαλάσεις τα ποσοστά ολοκλήρωσης αν κάνεις ένα από αυτά τα λάθη.

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

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

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

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

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

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

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

Πώς σε βοηθά η WEMASY να φτιάξεις φόρμες πολλών βημάτων

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

Συχνές ερωτήσεις

Πώς επηρεάζουν οι φόρμες πολλών βημάτων τα ποσοστά μετατροπής στο κινητό;
Οι φόρμες πολλών βημάτων συνήθως αποδίδουν καλύτερα στο κινητό παρά στον υπολογιστή. Κάθε βήμα δείχνει λιγότερα πεδία, οπότε η οθόνη του κινητού δεν φαίνεται στριμωγμένη ή συντριπτική. Οι χρήστες περνούν πιο εύκολα από εστιασμένα βήματα παρά κυλώντας σε μια μεγάλη φόρμα μίας σελίδας. Φρόντισε όμως τα σημεία αφής (κουμπιά, πεδία) να έχουν ύψος τουλάχιστον 44 pixel, ώστε οι χρήστες να πατούν με ακρίβεια. Δοκίμασε τη φόρμα σε κινητό πριν την ξεκινήσεις, για να δεις ότι η ροή δουλεύει ομαλά. Με τον δημιουργό ιστοσελίδων της WEMASY, μπορείς να το στήσεις απευθείας στην ιστοσελίδα σου.
Να χρησιμοποιήσω μπάρα προόδου ή αριθμούς βημάτων;
Και τα δύο δουλεύουν καλά, αλλά τα αριθμημένα βήματα είναι ελαφρώς πιο αποτελεσματικοί. Όταν ο επισκέπτης βλέπει «Βήμα 2 από 4», ξέρει αμέσως πού βρίσκεται και πόσα βήματα απομένουν. Μια μπάρα ποσοστού δίνει την ίδια πληροφορία οπτικά, αλλά θέλει λίγο περισσότερη ερμηνεία. Χρησιμοποίησε ό,τι ταιριάζει στο σχεδιασμό σου, αλλά δοκίμασε και τα δύο αν μπορείς. Κάποιες φόρμες συνδυάζουν και τα δύο για μέγιστη σαφήνεια.
Μπορώ να χρησιμοποιήσω λογική υπό όρους μέσα σε φόρμα πολλών βημάτων;
Ναι, και μπορεί να είναι πολύ δυνατή. Μπορείς να παραλείπεις συγκεκριμένα βήματα με βάση την απάντηση του επισκέπτη. Για παράδειγμα, αν επιλέξει «όχι» στο «Χρειάζεστε πακέτο ομάδας;», τον πηγαίνεις κατευθείαν στις τιμές. Έτσι μειώνεται ο αριθμός των βημάτων που βλέπει και η φόρμα γίνεται πιο γρήγορη. Μην το παρακάνεις όμως. Σύνθετη λογική διακλάδωσης με πολλές διαδρομές μπερδεύει τους επισκέπτες. Κράτα τη λογική απλή με ξεκάθαρα μοτίβα. Αν η απάντηση είναι Χ, πήγαινε στο βήμα Υ. Δοκίμασε καλά ότι η λογική δουλεύει σωστά.
Τι γίνεται με τα δεδομένα της φόρμας αν ο χρήστης φύγει στα μισά;
Εξαρτάται από το εργαλείο φορμών σου. Κάποια εργαλεία αποθηκεύουν όλες τις απαντήσεις όσο προχωρά ο χρήστης και δημιουργούν εγγραφή υποβολής ακόμα κι αν η φόρμα δεν ολοκληρωθεί. Άλλα αποθηκεύουν μόνο όταν η φόρμα υποβληθεί πλήρως. Ρώτα το εργαλείο φορμών σου αν αποθηκεύει μερικές υποβολές. Αν το κάνει, μπορείς να χρησιμοποιήσεις αυτά τα δεδομένα για να επικοινωνήσεις με χρήστες που ξεκίνησαν αλλά δεν τελείωσαν. Στείλε τους ένα email όπως «Είδαμε ότι ξεκίνησες τη φόρμα. Μπορούμε να βοηθήσουμε με κάποια ερώτηση;» Τέτοια email επανάκτησης ανακτούν 15 έως 30 τοις εκατό των εγκαταλειμμένων υποβολών φόρμας.
Πώς διαφέρει μια φόρμα πολλών βημάτων από μια φόρμα με λογική υπό όρους;
Μια φόρμα πολλών βημάτων χωρίζει τη φόρμα σε ξεχωριστές οθόνες από τις οποίες περνούν διαδοχικά οι επισκέπτες. Βήμα ένα, βήμα δύο, βήμα τρία. Μια φόρμα με λογική υπό όρους συνήθως μένει σε μία σελίδα ή οθόνη, αλλά δείχνει ή κρύβει πεδία με βάση προηγούμενες απαντήσεις. Και οι δύο μπορούν να χρησιμοποιούν λογική για να οδηγούν τους ανθρώπους αλλού. Η διαφορά είναι στην παρουσίαση. Οι φόρμες πολλών βημάτων μετακινούν τους ανθρώπους ανάμεσα σε σελίδες ή οθόνες. Οι φόρμες με λογική υπό όρους δείχνουν διαφορετικά πεδία στην ίδια σελίδα. Χρησιμοποίησε πολλά βήματα όταν έχεις πολλά πεδία και θες να απλοποιήσεις την εμπειρία. Χρησιμοποίησε λογική υπό όρους όταν θες να δείχνεις μόνο τα σχετικά πεδία χωρίς αλλαγές σελίδας.
Πότε να ΜΗΝ χρησιμοποιήσω φόρμα πολλών βημάτων;
Μη χρησιμοποιήσεις φόρμα πολλών βημάτων αν η φόρμα σου έχει επτά ή λιγότερα πεδία και χωράνε σε μία οθόνη χωρίς κύλιση. Μην τη χρησιμοποιήσεις για απλές συναλλακτικές ενέργειες όπως επαναφορά κωδικού ή εγγραφή σε newsletter. Μην τη χρησιμοποιήσεις όταν το κοινό σου έχει ήδη αποφασίσει και θέλει να ολοκληρώσει την ενέργεια όσο πιο γρήγορα γίνεται. Μην τη χρησιμοποιήσεις αν τα βήματα δεν είναι λογικά ομαδοποιημένα ή αν κάθε βήμα φαίνεται τυχαίο. Οι φόρμες πολλών βημάτων δουλεύουν καλύτερα όταν τα βήματα αντιστοιχούν σε ξεχωριστές νοητικές εργασίες και όταν έχεις τόσα δεδομένα να μαζέψεις που μια φόρμα μίας σελίδας θα φαινόταν συντριπτική.

Βάλ’ το αμέσως σε εφαρμογή
στη δική σου ιστοσελίδα.

Ξεκίνα δωρεάν με το WEMASY και φτιάξε τη σελίδα σου σε λίγα λεπτά.