Κάθε πεδίο που προσθέτεις σε μια φόρμα είναι μια απόφαση. Οι έρευνες δείχνουν ότι κάθε επιπλέον υποχρεωτικό πεδίο μειώνει τα ποσοστά ολοκλήρωσης κατά 10-15%. Αλλά το να ζητάς λιγότερα δεδομένα σημαίνει και ότι παίρνεις λιγότερα δεδομένα. Το κλειδί για να κουνήσεις τη βελόνα της μετατροπής δεν είναι να αφαιρέσεις εντελώς τα πεδία. Είναι να είσαι στρατηγικός για το ποια πεδία σημειώνεις ως υποχρεωτικά, ποια ως προαιρετικά και ποια κρύβεις μέχρι να γίνουν σχετικά.
Τι κάνουν πραγματικά τα υποχρεωτικά πεδία στα ποσοστά μετατροπής
Όταν κάποιος φτάνει στη φόρμα σου, την σαρώνει σε δευτερόλεπτα. Όχι λέξη προς λέξη. Κοιτάζει πόσα πεδία υπάρχουν, πόσο scroll θα χρειαστεί και αν τα αιτήματα φαίνονται λογικά.
Τα υποχρεωτικά πεδία στέλνουν σήμα. Το καθένα στέλνει το μήνυμα "το χρειάζομαι από εσένα". Δύο ή τρία υποχρεωτικά πεδία φαίνονται διαχειρίσιμα. Επτά υποχρεωτικά πεδία μοιάζουν με αίτηση για δουλειά. Η διαφορά στα ποσοστά εγκατάλειψης δεν είναι μικρή.
Πάρε οποιαδήποτε ολοκλήρωση αγοράς σε e-shop και θα το δεις στην πράξη. Αν το πεδίο του ταχυδρομικού κώδικα σημειώνεται ως προαιρετικό αλλά η διεύθυνση αποστολής ως υποχρεωτική, οι πελάτες μένουν. Αν και τα δύο είναι υποχρεωτικά και δεν σημειώνονται καθαρά, η εγκατάλειψη του καλαθιού εκτοξεύεται. Η ψυχολογία είναι απλή. Οι αβέβαιοι επισκέπτες φεύγουν.
Ο κανόνας "σημείωσε τη μειονότητα": πότε σημειώνεις υποχρεωτικό, πότε προαιρετικό
Οι περισσότερες φόρμες έχουν ανισορροπία. Μια φόρμα επικοινωνίας μπορεί να έχει πέντε υποχρεωτικά πεδία και ένα προαιρετικό. Μια φόρμα εγγραφής μπορεί να έχει οκτώ υποχρεωτικά πεδία και δύο προαιρετικά. Σε αυτές τις περιπτώσεις, το να σημειώνεις κάθε υποχρεωτικό πεδίο σπαταλά χώρο και νοητικό φόρτο.
Η καλύτερη προσέγγιση είναι να σημειώνεις μόνο τη μειονότητα. Αν το 80% των πεδίων σου είναι υποχρεωτικά, σημείωσε μόνο τα προαιρετικά με τη λέξη "(προαιρετικό)" δίπλα στην ετικέτα. Τα πεδία χωρίς σήμανση θα θεωρούνται υποχρεωτικά. Αυτό μειώνει την οπτική φασαρία και κάνει τη φόρμα να φαίνεται πιο σύντομη.
Από την άλλη, κοίτα τις σύνθετες φόρμες όπου τα υποχρεωτικά πεδία είναι σκορπισμένα παντού. Οι αιτήσεις ασφάλισης, οι φόρμες δανείων και τα ερωτηματολόγια πολλών σελίδων συχνά έχουν υποχρεωτικά και προαιρετικά πεδία ανάμικτα. Όταν συμβαίνει αυτό, σημείωσε και τα δύο. Χρησιμοποίησε αστερίσκο (*) για τα υποχρεωτικά πεδία και "(προαιρετικό)" για τα προαιρετικά. Η καθαρή σήμανση νικά τις υπονοούμενες συμβάσεις.
Ο κανόνας είναι απλός. Σημείωσε τη μειονότητα, όποια κι αν είναι.
Πώς να σημειώνεις τα υποχρεωτικά πεδία ώστε να τα προσέχουν πραγματικά
Ένας αστερίσκος μόνος του δεν αρκεί. Οι χρήστες αναγνώστη οθόνης δεν μπορούν να ακούσουν έναν αστερίσκο. Όσοι δεν έχουν μητρική γλώσσα τα αγγλικά μπορεί να μην αναγνωρίζουν τη σύμβαση. Οι χρήστες που κάνουν γρήγορο scroll μπορεί να χάσουν εντελώς ένα μικρό σύμβολο.
Η λύση είναι η σήμανση σε στρώματα. Χρειάζεσαι τον αστερίσκο, τη λέξη "υποχρεωτικό" και να είναι και τα δύο ορατά και σαφή σε επίπεδο κώδικα.
Χρησιμοποίησε αστερίσκο και συνδύασέ τον με τη λέξη υποχρεωτικό
Οι έρευνες δείχνουν ότι ο συνδυασμός ενός κόκκινου αστερίσκου (*) με το κείμενο "υποχρεωτικό" στην ετικέτα εξαλείφει τη σύγχυση. Ο αστερίσκος τραβά το μάτι. Η λέξη "υποχρεωτικό" επιβεβαιώνει τι σημαίνει. Μαζί δουλεύουν για χρήστες που βλέπουν, για χρήστες αναγνώστη οθόνης και για άτομα με γνωστικές αναπηρίες.
Δοκίμασε Διεύθυνση email * (Υποχρεωτικό) ή Αριθμός τηλεφώνου * ακολουθούμενο από κείμενο που λέει "Τα πεδία με αστερίσκο είναι υποχρεωτικά." Αυτή η μορφή δουλεύει καλά.
Πρόσθεσε υπόμνημα που εξηγεί τι σημαίνει υποχρεωτικό
Πριν αρχίσουν τα πεδία της φόρμας, βάλε μία απλή γραμμή που λέει "* = υποχρεωτικό πεδίο" ή "Τα πεδία με αστερίσκο (*) είναι υποχρεωτικά." Αυτή η πρόταση παίρνει πέντε λέξεις και εξαλείφει την ανάγκη οι χρήστες να ερμηνεύσουν μόνοι τους το σύμβολο.
Συνδύασέ το με χαρακτηριστικά HTML. Στον κώδικα της φόρμας σου, πρόσθεσε required ή aria-required="true" σε κάθε υποχρεωτικό πεδίο εισαγωγής. Αυτό λέει στον browser και στον αναγνώστη οθόνης ότι το πεδίο είναι υποχρεωτικό χωρίς να βασίζεται μόνο στον οπτικό σχεδιασμό.
Το χρώμα μετράει λιγότερο από την αντίθεση και τη θέση
Οι κόκκινοι αστερίσκοι είναι σύμβαση, αλλά το πραγματικό ζήτημα είναι η αντίθεση. Αν ο αστερίσκος σου είναι αχνό γκρι ή χάνεται μέσα στην ετικέτα, οι χρήστες με χαμηλή όραση θα τον χάσουν. Κάν' τον αστερίσκο έντονο και φρόντισε να έχει ισχυρή αντίθεση με το φόντο.
Μετράει και η θέση. Βάλε τον αστερίσκο αμέσως μετά το κείμενο της ετικέτας, όχι να αιωρείται ξεχωριστά. Έτσι το σήμα "υποχρεωτικό" μένει οπτικά συνδεδεμένο με το όνομα του πεδίου και διαβάζεται εύκολα από αριστερά προς τα δεξιά.
Όταν το να κρύβεις τα προαιρετικά πεδία νικά το να τα σημειώνεις
Κάποιες φόρμες ωφελούνται από μια διαφορετική προσέγγιση που λέγεται σταδιακή αποκάλυψη. Κρύψε τα προαιρετικά πεδία μέχρι να γίνουν σχετικά. Αυτό δουλεύει όταν η φόρμα σου έχει μια καθαρή κύρια διαδρομή και τα προαιρετικά πεδία ισχύουν μόνο για ορισμένους χρήστες.
Πάρε μια φόρμα κράτησης. Το "Όνομα επωνυμίας" μπορεί να είναι υποχρεωτικό για εταιρικούς πελάτες αλλά προαιρετικό για ιδιώτες. Αντί να το σημειώσεις προαιρετικό και να γεμίσεις την κύρια διαδρομή, δείξ' το μόνο αφού ο χρήστης επιλέξει "τύπος κράτησης" ως "επιχείρηση". Δεν βλέπουν ποτέ το πεδίο αν δεν τους αφορά.
Η σταδιακή αποκάλυψη κάνει τις φόρμες να φαίνονται πιο σύντομες
Οι φόρμες που κρύβουν τα προαιρετικά πεδία μέχρι να χρειαστούν μετατρέπουν καλύτερα από τις φόρμες που τα δείχνουν όλα από την αρχή. Ο λόγος είναι η αντίληψη. Μια φόρμα που δείχνει 12 πεδία (ακόμη κι αν τα 3 είναι προαιρετικά) φαίνεται μεγαλύτερη από μια φόρμα που δείχνει 9 πεδία και αποκαλύπτει άλλα 3 με βάση τις απαντήσεις του χρήστη.
Η υπό όρους λογική αποκαλύπτει πεδία με βάση προηγούμενες απαντήσεις
Τα σύγχρονα εργαλεία φορμών το υποστηρίζουν εγγενώς. Όταν ο χρήστης επιλέγει μια συγκεκριμένη επιλογή, εμφανίζεται ένα νέο πεδίο. Όταν αλλάζει αυτή την επιλογή, το πεδίο εξαφανίζεται. Η φόρμα προσαρμόζεται στις ανάγκες του σε πραγματικό χρόνο.
Ο Δημιουργός ιστοσελίδων του WEMASY σου επιτρέπει να φτιάξεις τις δικές σου σελίδες στην ιστοσελίδα σου και να προσθέσεις μια φόρμα. Για παράδειγμα, ένας κανόνας θα μπορούσε να είναι "αν ο κλάδος είναι υγεία, δείξε ένα πεδίο συμμόρφωσης" ή "αν ο προϋπολογισμός είναι κάτω από $1000, δείξε επιλογές πληρωμής για μικρά πακέτα". Ο χρήστης βλέπει μόνο ερωτήσεις που τον αφορούν.
Υπό όρους υποχρεωτικά πεδία: υποχρεωτικά μόνο όταν έχει νόημα
Ο προχωρημένος σχεδιασμός φορμών πάει αυτό ένα βήμα παραπέρα. Κάποια πεδία είναι προαιρετικά από προεπιλογή αλλά γίνονται υποχρεωτικά με βάση προηγούμενες απαντήσεις του χρήστη. Αυτό είναι το ιδανικό σημείο ανάμεσα στη συλλογή δεδομένων και στην εμπειρία χρήστη.
Ας υποθέσουμε ότι το "Πες μας για την επωνυμία σου" είναι προαιρετικό σε μια δωρεάν εγγραφή. Αν όμως ο χρήστης επιλέξει "Είμαι ιδιοκτήτης επωνυμίας" από ένα αναδυόμενο μενού, το ίδιο πεδίο γίνεται υποχρεωτικό. Η φόρμα αλλάζει την απαίτηση εν κινήσει.
Δείξε καθαρά τη μετάβαση
Όταν ένα πεδίο αλλάζει από προαιρετικό σε υποχρεωτικό, ο χρήστης πρέπει να το ξέρει. Η καλύτερη προσέγγιση είναι να προσθέσεις τον αστερίσκο και την ετικέτα "(Υποχρεωτικό)" αμέσως μόλις το πεδίο γίνει υποχρεωτικό. Κάποια εργαλεία φορμών τονίζουν την αλλαγή του πεδίου με μια διακριτική κίνηση ή αλλαγή χρώματος. Αυτό σηματοδοτεί ότι κάτι άλλαξε χωρίς να ενοχλεί.
Λάθη που σκοτώνουν αθόρυβα τα ποσοστά ολοκλήρωσής σου
Ακόμη κι όταν έχεις τους σωστούς κανόνες, τα μικρά λάθη προστίθενται στην εγκατάλειψη. Πρόσεξε αυτά.
Ανάμειξη συμβόλων χωρίς υπόμνημα
Αν χρησιμοποιείς αστερίσκο σε κάποια πεδία και κείμενο "(υποχρεωτικό)" σε άλλα, δημιουργείς σύγχυση. Διάλεξε μία προσέγγιση και μείνε σε αυτήν. Η συνέπεια σε ολόκληρη την επωνυμία σου μετράει περισσότερο από το ποιο συγκεκριμένο σύμβολο θα διαλέξεις.
Σήμανση προαιρετικών πεδίων ως υποχρεωτικά κατά λάθος
Αυτό είναι συνηθισμένο σε φόρμες που μεταφέρθηκαν από παλιά συστήματα ή όταν αλλάζουν οι απαιτήσεις στη μέση ενός έργου. Ένα πεδίο σημειώνεται προαιρετικό αλλά το backend το απαιτεί, ή το αντίθετο. Οι χρήστες συμπληρώνουν ένα πεδίο που νόμιζαν προαιρετικό, στέλνουν τη φόρμα και παίρνουν σφάλμα. Εγκαταλείπουν.
Απόκρυψη πληροφοριών που χρειάζεται να δουν οι χρήστες
Η σταδιακή αποκάλυψη δουλεύει όταν το κρυμμένο πεδίο είναι πραγματικά προαιρετικό ή πραγματικά υπό όρους. Γυρίζει μπούμερανγκ όταν κρύβεις υποχρεωτικά πεδία πίσω από πολύπλοκη λογική. Αν ένα πεδίο είναι απαραίτητο, δείξ' το. Μην αφήνεις τους χρήστες να αναρωτιούνται αν χρειάζεται να το συμπληρώσουν.
Χρήση αστερίσκων χωρίς επεξηγηματικό κείμενο
Ένας αστερίσκος μόνος του είναι μυστήριο για όσους δεν έχουν δει ποτέ αυτή τη σύμβαση. Χωρίς υπόμνημα, κάποιοι χρήστες θα παραλείψουν το πεδίο νομίζοντας ότι είναι προαιρετικό. Πρόσθεσε το υπόμνημα. Μία γραμμή στην κορυφή. Πέντε λέξεις. Αποτρέπει την εγκατάλειψη.
Αλλαγή της κατάστασης υποχρεωτικού στη μέση της φόρμας
Αν ένα πεδίο είναι υποχρεωτικό, κράτα το υποχρεωτικό. Αν χρειαστεί να το κάνεις προαιρετικό αργότερα λόγω αλλαγής αναγκών της επωνυμίας, κάνε πλήρη επανεξέταση. Μην αλλάζεις αθόρυβα ένα πεδίο από υποχρεωτικό σε προαιρετικό ελπίζοντας ότι κανείς δεν θα το προσέξει. Οι χρήστες θα το προσέξουν και θα μπερδευτούν.
Πώς βοηθά το WEMASY με τα υποχρεωτικά και προαιρετικά πεδία
Ο Δημιουργός ιστοσελίδων του WEMASY σου επιτρέπει να φτιάξεις τις δικές σου σελίδες στην ιστοσελίδα σου και να προσθέσεις μια φόρμα.
Δες ποια πεδία προκαλούν τη μεγαλύτερη εγκατάλειψη. Αν ένα συγκεκριμένο προαιρετικό πεδίο επιβραδύνει τις μετατροπές σου, μπορείς να το κρύψεις με σταδιακή αποκάλυψη. Αν οι χρήστες μπερδεύονται με ένα υποχρεωτικό πεδίο, μπορείς να αλλάξεις και να σημειώνεις μόνο τα προαιρετικά και να δεις ποια προσέγγιση μετατρέπει καλύτερα.