Ένας απόλυτος οδηγός για το σχεδιασμό της φόρμας: Πώς να σχεδιάσετε τη μετατροπή ηλεκτρονικών εντύπων

Έχετε συμπληρώσει μια ηλεκτρονική φόρμα πρόσφατα;

Οι πιθανότητες είναι ότι η απάντηση είναι ναι. Σύμφωνα με πρόσφατες έρευνες, το 84% των ανθρώπων συμπληρώνουν τουλάχιστον μία φόρμα ιστού την εβδομάδα.

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

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

Οι φόρμες ιστού άρχισαν να χρησιμοποιούνται για τις πωλήσεις μέσω διαδικτύου το 1994, με τις πρώτες μορφές "drag-and-drop" να μπαίνουν στις οθόνες μας το 2006. Από τότε, τα έντυπα έχουν γίνει ο στίχος των ηλεκτρονικών αλληλεπιδράσεων.

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

Γιατί λοιπόν οι ηλεκτρονικές φόρμες έχουν τόσο κακή απάντηση;

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

Και εκεί βρίσκεται το τρίψιμο. Πολλές σε απευθείας σύνδεση φόρμες είναι υπερβολικά μακρές, προκαλούν σύγχυση ή διεισδύσεις (και μερικές φορές και οι τρεις ταυτόχρονα).

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

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

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

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

Για παράδειγμα:

  • Η HubSpot διαπίστωσε ότι οι αναγνώστες είχαν 17% περισσότερες πιθανότητες να συμπληρώσουν ένα μόλυβδο γενιάς των 14 + σελίδων όταν τοποθετήθηκαν σε ξεχωριστή σελίδα προορισμού.
  • Η Marketo διαπίστωσε ότι μερικά μη βασικά πεδία έφεραν το κόστος τους ανά μόλυβδο κατά 25%.

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

Κύρια στοιχεία μιας φόρμας

1. Χαιρετήστε τους ερωτηθέντες: Τίτλος και εισαγωγή

Θα χαιρετίζετε τους φίλους σας χωρίς να λέτε γειά σου; Γνωρίζουμε πόσο σημαντικοί είναι οι καλοί τρόποι, αλλά στον ηλεκτρονικό τομέα, συχνά χάνονται στη μετάφραση.

Μια σελίδα τίτλου και καλωσορίσματος είναι η ευκαιρία να παρουσιάσετε τη φόρμα σας (και τον εαυτό σας) με ένα σαφή και φιλικό τρόπο - και να κάνετε μια καλή πρώτη εντύπωση.

Απλά ρωτήστε το BettingExpert: έλαβαν 31,54% περισσότερες εγγραφές, αλλάζοντας τον τίτλο του εντύπου τους για να τονίσουν γιατί οι άνθρωποι πρέπει να εγγραφούν.

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

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

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

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

2. Τοποθετήστε σχετικές κεφαλίδες και υποκεφαλίδες

Γεγονός διασκέδασης: οι άνθρωποι σχηματίζουν τις πρώτες εντυπώσεις σε 50 χιλιοστά του δευτερολέπτου. Spoiler: αυτό δεν είναι αρκετό για να διαβάσουν προσεκτικά το αντίγραφό σας.

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

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

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

Ο καλύτερος τρόπος για να το δοκιμάσετε είναι να διαβάσετε τις κεφαλίδες σας μεμονωμένα - εξακολουθούν να έχουν νόημα;

3. Διάλειμμα ερωτήσεις με διαιρέτες

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

4. Αποφασίστε εάν θα χρησιμοποιήσετε τη φόρμα πολλαπλών σελίδων ή μιας σελίδας

Εξαρτάται από τον αριθμό των τμημάτων.

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

5. Δώστε έμφαση στις προσκλήσεις για δράση (CTAs)

Οι επιτυχείς CTA υπογραμμίζουν το τμήμα ΔΡΑΣΗ: κάνοντας κλικ σε αυτό το κουμπί, τι θα κάνει ο χρήστης; Οι γενικές ετικέτες όπως "αποστολή", "υποβολή" ή "επεξεργασία" δεν θα το κόψουν. Όσο πιο περιγραφικό, τόσο το καλύτερο.

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

Χρειάζεστε πιο πειστικό; Σε αυτή τη μελέτη, η Unbounce διαπίστωσε ότι ακόμα και η αλλαγή της «ξεκινήστε τη δοκιμή σας δωρεάν» για να ξεκινήσει η δωρεάν δοκιμή μου, αύξησε τα κλικ της πρόσκλησης για δράση κατά 90%.

6. Προσδιορίστε τα πεδία φόρμας

Τώρα δεν είναι η ώρα να φανταστούμε ....

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

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

Όπου είναι δυνατόν, χρησιμοποιήστε τα πλαίσια ελέγχου και τα κουμπιά επιλογής αντί για dropdowns, καθώς απαιτούν λιγότερη γνωστική φόρτιση για επεξεργασία. Όπως έλεγε ο Luke Wroblewski: "τα dropdowns πρέπει να είναι το UI της έσχατης λύσης."

7. Ποτέ μην ξεχνάτε τη σελίδα "Ευχαριστίες"

Θυμηθείτε ότι οι ερωτώμενοί σας είναι άνθρωποι που σας έχουν δώσει λίγο χρόνο. Οπότε μην τελειώσετε απότομα - πάντα λέτε ευχαριστώ.

Πώς να γράψετε έτσι οι άνθρωποι θα ακούσουν

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

8. Μιλήστε απλά

Όταν πρόκειται για μορφές, όλοι προτιμούμε απλή γλώσσα - ακόμη και τους ακαδημαϊκούς μεταξύ μας, τις ιδιοφυΐες και τους ειδικούς. Γιατί, λοιπόν, ακούγονται τόσα πολλά online κουβεντιάκια, όπως αυτά έχουν βρεθεί πίσω από έναν Θησαυρό;

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

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

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

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

9. Κάντε το προσωπικό

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

10. Απομάκρυνση παθητικών προτάσεων

Γράφοντας πακέτα περισσότερο από μια γροθιά όταν είναι ενεργό (John έγραψε μια επιστολή της καταγγελίας), δεν είναι παθητική (Μια επιστολή καταγγελίας γράφτηκε από τον John).

Η παθητική γραφή τείνει να είναι μακρύτερη και λιγότερο εστιασμένη.

Πώς μπορείτε να διαπιστώσετε εάν μια πρόταση είναι παθητική; Εδώ είναι δύο νεκρά δώρα:

  • Το θέμα που κάνει τη δράση είναι ασαφές (γράφτηκε μια επιστολή) ή
  • Η πρόταση χρησιμοποιεί το ρήμα «να είναι» (υπήρξε, ήταν ...) ακολουθούμενο από μια συμετοχή (π.χ. «γραπτή»).

Ακόμα δεν είμαι σίγουρος; Μπορείτε να ελέγξετε για παθητικά στοιχεία με τα στατιστικά στοιχεία αναγνωσιμότητας του Microsoft Word ή με τη μέθοδο Paramedic του Purdue.

11. Κόψτε όσο το δυνατόν περισσότερες λέξεις

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

«Για κάθε λέξη που κόβετε, κερδίζετε έναν αναγνώστη».

Ένα κείμενο θα εμφανιστεί πιο ευέλικτο, πιο συνεκτικό, πιο ελκυστικό και πιο ακριβές, αφού θα ελεγχθεί προσεκτικά για περιττές λέξεις.

Χρήσιμες περιοχές κοπής:

Επίπεδα (λέξεις που τελειώνουν -ly).

Έντονα προκριματικά (πολύ, πολύ).

Αδειάστε τους ενισχυτές (πολύ, αρκετά, μάλλον, πραγματικά).

Η λέξη «αυτό».

Μη απαραίτητες πληροφορίες.

Λεπτές λέξεις (κάτι, λίγοι, πολλοί).

12. Χρησιμοποιήστε συμβαλλόμενες εκδόσεις λέξεων

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

Επιπλέον, εξοικονομείτε χώρο. Και οι καλές μορφές είναι πάντα ευρύχωρες.

Τι είναι> τι είναι. Απλός.

13. Διαγραφή μεγάλων προτάσεων

Οι μακρόχρονες, αιχμηρές προτάσεις προκαλούν συντριβή. Οπότε κάντε πυκνά κομμάτια κειμένου.

Για τους περισσότερους αναγνώστες, έως και 20 λέξεις ανά πρόταση - και μέχρι τρεις προτάσεις ανά εδάφιο - είναι σωστές. Συμπλέξτε τίποτα περισσότερο σε δύο. Οι σύντομες προτάσεις δεν είναι κατώτερες.

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

14. Ελέγξτε το γραπτό περιεχόμενο

Κατά τη διάρκεια του ταξιδιού μου στο blogging, έχω μάθει (με τον σκληρό τρόπο) ότι η καλή γραφή είναι σύνθεση 30% και επεξεργασία 70%.

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

Η ψυχολογία των μορφών

Οι περισσότερες αρχές ψυχολογίας του UX είναι τόσο ενσωματωμένες στην ψυχή μας που δεν τις παρατηρούμε - εκτός αν δεν είναι εκεί.

Αλλά κάθε χρώμα, γραμματοσειρά, γραμμή και κουμπί εξυπηρετεί έναν σκοπό.

Ο μικρός, καθημερινός σχεδιασμός μπορεί να μην είναι τόσο δραματικός όσο οι εκστρατείες μάρκετινγκ σε δισεκατομμύρια δολάρια. Αλλά αυτό δεν σημαίνει ότι θα πρέπει να είναι λιγότερο στοχαστικό. Και η κατανόηση της ψυχολογίας πίσω από αυτό που κάνει τους ανθρώπους να τσιμπούρι είναι συναρπαστικό - και δωρεάν.

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

15. Συγκρίνετε το κόστος και τα οφέλη

Κάθε απόφαση που κάνουμε - από το να βγάλουμε τους κάδους για να πάρουμε μέρος - περνάει μια αυτόματη ανάλυση κόστους-οφέλους στο μυαλό μας. Είναι το κόστος ενός έργου αξίζει τα οφέλη από την ολοκλήρωσή του;

Είναι έργο του σχεδιαστή να διασφαλίσει ότι τα ορατά οφέλη πάντα υπερτερούν των εξόδων.

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

Μερικές βασικές στρατηγικές για την ελαχιστοποίηση του κόστους για τους ερωτώμενους:

16. Κλειστό κείμενο

+ 1-919-555-2743 έναντι 19195552743.

Ποιος αριθμός τηλεφώνου είναι στον εγκέφαλό σας; Η πρώτη, φυσικά. Αυτό οφείλεται στο γεγονός ότι έχει χτυπηθεί.

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

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

17. Καθορίστε τις απαιτήσεις μορφοποίησης

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

Νόμος Hicks

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

Εφαρμοσμένη για το UX, ο νόμος Hicks είναι μια εξαπάτηση για τη σκόπιμη εξάλειψη: περιορίζοντας τις επιλογές πλοήγησης και δίνοντας στους χρήστες σαφείς αλλά περιορισμένες επιλογές. Επειδή αυξάνεται η ευελιξία του σχεδιασμού, η χρηστικότητα μειώνεται.

Λιγότερο είναι πραγματικά περισσότερο.

Μερικοί τρόποι να τεθεί σε εφαρμογή ο νόμος του Hicks:

18. Κόψτε αμείλικτα (και πάλι)

Ποιος σκοπός εξυπηρετεί αυτός ο σύνδεσμος; Ή αυτό το κουμπί στο πάνω δεξιά μέρος; Αν δεν προσθέτει, παίρνει μακριά. Κάθε λέξη αντιγραφής, κάθε εικόνα, κουδούνι ή σφυρίχτρα που δεν είναι 100% απαραίτητα θα μειώσει το ποσοστό μετατροπής της φόρμας σας.

Ο Neil Patel κατάφερε να αυξήσει το ποσοστό υποβολής της φόρμας επικοινωνίας κατά 26%, απλώς και μόνο, αφαιρώντας ένα μόνο πεδίο.

Όπως είπε κάποτε ο Τρούμαν Κάποτε: «Πιστεύω περισσότερο στο ψαλίδι απ 'ότι στο μολύβι».

19. Μειώστε την ανάγκη πληκτρολόγησης

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

20. Συντομεύστε τη φόρμα σας με λογική υπό όρους

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

Έτσι, ευχαριστώ την καλοσύνη για την υπό λογική λογική!

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

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

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

Θεωρία διπλής κωδικοποίησης

Λέω: δέντρο.

Βλέπετε: κορμό, πράσινα φύλλα, κλαδιά.

Ο εγκέφαλός μας είναι έξυπνος: συσχετίζει τα γραφικά με τις λέξεις.

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

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

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

21. Προβολή των πληροφοριών

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

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

22. Εξετάστε τα χρώματα

Ξέρετε ότι: Το 90% της αρχικής μας κρίσης για ένα προϊόν βασίζεται αποκλειστικά στο χρώμα;

Ο σωστός συνδυασμός μπορεί να βελτιώσει το αναγνωστικό κοινό κατά 40%, την κατανόηση κατά 73% και την εκμάθηση κατά 78%, σύμφωνα με τον μάρκετινγκ γκουρού Neil Patel, το χρώμα είναι "85% του λόγου για τον οποίο αγοράσατε ένα συγκεκριμένο προϊόν".

Δεν χρειάζεται να είστε σχεδιαστής για να καταλάβετε ποια σχέδια χρωμάτων και αντιθέσεις λειτουργούν καλύτερα. Εύχρηστα προγράμματα όπως το Adobe Color CC και το Paletton υπάρχουν για να σας βοηθήσουν να επιλέξετε μια παλέτα που να αντικατοπτρίζει την εικόνα της εταιρείας σας.

23. Κάντε τη φόρμα σας όμορφη

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

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

Σίγουρα, η ομορφιά βρίσκεται στο μάτι του θεατή. Αλλά μια απλή διασύνδεση, καθαρή γραμματοσειρά και κομψό στυλ θα σας κερδίσουν (μορφοποίηση) ομορφιά.

Η επίδραση της προόδου προόδου

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

Αυτό είναι γνωστό ως η «Επιτευχθείσα Πρόοδος Αποτέλεσμα», που συνοψίζεται από τους Αμερικανούς καθηγητές Joseph C. Nunes και Xavier Dreze ως «ένα φαινόμενο στο οποίο οι άνθρωποι που παρέχουν τεχνητή πρόοδο προς ένα στόχο επιδεικνύουν μεγαλύτερη εμμονή στην επίτευξη του στόχου».

Μερικά παραδείγματα εφαρμογής της επίδρασης προόδου προόδου στις φόρμες:

24. Σταματήστε τις ερωτήσεις από το εύκολο στο σκληρό

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

25. Εικονογραφείτε την πρόοδο

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

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

Ερωτήσεις, απαντήσεις και ομαδοποίηση

26. Ερωτηθείτε τις ερωτήσεις

Όλες οι μορφές βασίζονται σε ερωτήσεις. Όταν πρόκειται για ερωτήσεις καταιγισμού ιδεών, είναι καλύτερο να ξεκινήσετε με τον τελικό στόχο και να εργαστείτε προς τα πίσω.

Έτσι, το πρώτο σας ερώτημα είναι: Ποιος είναι ο σκοπός της φόρμας σας; Είναι επί του σκάφους; Ανατροφοδότηση? Ερευνα?

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

Στη συνέχεια, γράψτε μερικές πιθανές απαντήσεις που θα σας δώσουν αυτό που ψάχνετε.

Και τελικά, ερευνήστε τις ερωτήσεις που θα σας οδηγήσουν σε αυτές τις απαντήσεις στην πρώτη θέση.

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

Αυτή η διαδικασία προ-έρευνας θα καθοδηγήσει τον σχεδιασμό σας και θα σας εξοικονομήσει χρόνο.

Η επιστήμη των πεδίων

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

Τώρα, ρωτήστε τον εαυτό σας: πραγματικά, πραγματικά, ΠΡΕΠΕΙ να θέσετε πραγματικά την ερώτηση αυτή;

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

Ναι, η απάντηση στο ερώτημα αυτό μπορεί να είναι σημαντική. Αλλά είναι τόσο σημαντικό που αξίζει να χάσει την απάντηση της μορφής πάνω από αυτό;

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

Εξαλείψτε εντελώς τις προαιρετικές ερωτήσεις. Εάν πρέπει να τα συμπεριλάβετε, τα απαριθμήστε μετά την ολοκλήρωση της φόρμας.

27. Ομαδοποιήστε σωστά τα ερωτήματα

Η διάρθρωση των ηλεκτρονικών εντύπων είναι το κλειδί για την επιτυχία.

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

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

28. Καθορίστε μια λογική ακολουθία ερωτήσεων

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

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

Μέσα από την προετοιμασία, μπορούμε να αναγνωρίσουμε μερικά είδη ροής πιο εύκολα από άλλα. Για παράδειγμα, «Ποιο είναι το όνομά σας;» θα έρθει πριν από το «Πού ζείτε;» που με τη σειρά του θα έρθει πριν από την «Ποια είναι η δουλειά σας;»

29. Αποφασίστε σχετικά με το "υποχρεωτικό έναντι του προαιρετικού έναντι του" ωραίου "

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

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

30. Ζητήστε ένα πράγμα κάθε φορά

Τα διπλά ερωτήματα οδηγούν σε ασάφεια. Και - το μαντέψατε - οι διφορούμενες απαντήσεις δεν μπορούν να ποσοτικοποιηθούν.

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

Όσο πιο σαφής είναι η ερώτηση, τόσο πιο σαφής είναι η απάντηση. Όσο πιο σαφής είναι η απάντηση, τόσο σαφέστερα είναι τα δεδομένα.

31. Δώστε συντομεύσεις

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

Μερικά παραδείγματα χρήσιμων συντομεύσεων:

Αναζητήστε τον ταχυδρομικό κώδικα

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

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

Ετικέτα πεδίου

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

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

Προκαθορισμένες απαντήσεις

Όλοι αγαπούν προκαθορισμένες απαντήσεις. Θα σώσει τον χρόνο αναγνώστη σας, και είναι εύκολο να peasy να αξιολογήσει.

Μπορείτε να ορίσετε προκαθορισμένες απαντήσεις κάνοντας ερωτήσεις Ναι / Όχι, μία επιλογή (ραδιόφωνο) ή πολλαπλή επιλογή (πλαίσιο ελέγχου). Σε περίπτωση που δεν μπορείτε να προβλέψετε μια απάντηση, προσθέστε ένα πλαίσιο "Άλλο" για να επιτρέψετε στους αναγνώστες να εισαγάγουν μια προσαρμοσμένη απάντηση.

Πρόβλεψη αναζήτησης

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

Το κοινό, ο σκοπός και το πλαίσιο μιας φόρμας

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

Τα έντυπα είναι ένα όχημα επικοινωνίας. Υπάρχουν δύο εμπλεκόμενα μέρη.

Έτσι κατά το σχεδιασμό μιας φόρμας, πρέπει επίσης να σκεφτείτε από την πλευρά του χρήστη σας ... Και αυτό ξεκινά με το σκοπό και το πλαίσιο.

Γιατί πρέπει κάποιος να συμπληρώσει τη φόρμα σας; Ποιος είναι ο σκοπός τους; Σημειώστε το.

Σκοπός είναι ενσωματωμένο στο πλαίσιο, έτσι ώστε το περιβάλλον να είναι συγκεκριμένο στο μάτι σας. Πού και πώς συμπληρώνουν τη φόρμα; Στο σπίτι? Σε φορητό υπολογιστή; Σε κινητό; Στο μετρό;

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

32. Ξέρτε ποιον μιλάτε

Η φόρμα πρέπει να προσελκύσει την προσοχή του σωστού ακροατηρίου - από ποιον δηλαδή αποτελείται αυτό το ακροατήριο;

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

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

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

Αυτό είναι το άτομο που πρέπει να συνεχίσετε να ανατρέχετε. Αυτό είναι το πρόσωπο του οποίου οι απαντήσεις χρειάζεστε.

Μορφή οπτικών και δομών

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

Η συνοχή θα υποστηρίξει μια ομαλή φόρμουλα γεμάτη εμπειρία. Αυτό σημαίνει ότι τα χρώματα πρέπει να είναι τα ίδια, τα γραφικά θα πρέπει να είναι τα ίδια, το TOV θα πρέπει να είναι το ίδιο.

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

Στο JotForm, εστιάζουμε στο να είμαστε αφομοιωτικοί, φιλικοί και κάτω από τη γη - και η γλώσσα που χρησιμοποιούμε αντικατοπτρίζει αυτό.

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

Η οπτική συνέπεια είναι εξίσου σημαντική. Υιοθετήστε μια οπτική ταυτότητα και στυλ που διατηρείτε σε όλη τη φόρμα σας (και τις υπόλοιπες μορφές που δημιουργείτε στο μέλλον).

33. Ευθυγραμμίστε τις ετικέτες επάνω αριστερά

Οι ερευνητές της UX της Google διαπίστωσαν ότι η ευθυγράμμιση των ετικετών πάνω από τα πεδία στην αριστερή πλευρά αυξήθηκε λόγω του χρόνου ολοκλήρωσης, επειδή απαιτεί λιγότερες «οπτικές στερεώσεις».

34. Αποφύγετε να τοποθετείτε ερωτήσεις δίπλα-δίπλα.

Οι μελέτες παρακολούθησης οφθαλμών έδειξαν ότι οι απλές διατάξεις μιας στήλης είναι καλύτερες από τις διατάξεις πολλαπλών στηλών με ερωτήσεις τοποθετημένες δίπλα-δίπλα.

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

35. Δοκιμάστε ένα πράγμα ανά σελίδα

Ένα πράγμα-ανά-σελίδα είναι μια ψυχολογική τεχνική που ορίζεται ως:

... "χωρίζοντας μια πολύπλοκη διαδικασία σε πολλά μικρότερα κομμάτια και τοποθετώντας αυτά τα μικρότερα κομμάτια σε δικές τους οθόνες".

Ουσιαστικά, οι χρήστες έχουν μόνο ένα σημαντικό πράγμα που πρέπει να επικεντρωθεί.

  • Ένα κομμάτι των πληροφοριών που πρέπει να καταλάβετε.
  • Μια απόφαση να γίνει.
  • Μια ερώτηση που πρέπει να απαντήσω.

Μια σελίδα χωρίς χάος ενθαρρύνει τους χρήστες να παραμείνουν στην εργασία.

36. Χρησιμοποιήστε το μήκος πεδίου ως προσφορά

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

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

Μια μελέτη χρηστικότητας του Ινστιτούτου Baymard διαπίστωσε ότι εάν ένα πεδίο είναι πολύ μακρύ ή πολύ μικρό, οι χρήστες αρχίζουν να αναρωτιούνται αν έχουν καταλάβει σωστά την ετικέτα. Αυτό ισχύει ιδιαίτερα για πεδία με ασυνήθιστα δεδομένα ή τεχνική ετικέτα όπως CVV (Code Verification Code).

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

Σφάλματα και ο δρόμος προς την ολοκλήρωση στο σχεδιασμό της φόρμας

Όπως και στη ζωή, είναι πιθανό να πάρετε λάθος κατά την συμπλήρωση των εντύπων.

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

37. Μην βασίζεστε αποκλειστικά στο χρώμα

1 στους 12 άνδρες έχει κάποιο βαθμό χρωματικής τύφλωσης.

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

38. Προσδιορίστε τα σφάλματα εν σειρά

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

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

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

39. Χρησιμοποιήστε επικύρωση πεδίου

Ζητάτε μια διεύθυνση ηλεκτρονικού ταχυδρομείου και λαμβάνετε μια απάντηση χωρίς σήμα @. Ζητάτε έναν αριθμό τηλεφώνου και οι μισές απαντήσεις σας δεν περιέχουν αρκετά ψηφία.

Ο Typos δεν πρέπει να αποτελεί εμπόδιο στη χρηστικότητα του εντύπου σας.

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

Οι κάρτες JotForm ανακτούν τη διεύθυνση ηλεκτρονικού ταχυδρομείου ενός χρήστη που εισήγαγε λάθος το όνομα τομέα. [email protected] θα πρέπει να είναι [email protected]

40. ... αλλά μην είστε υπερβολικά αυστηροί

Εάν υπάρχουν πολλές παραλλαγές στον τρόπο με τον οποίο οι χρήστες απαντούν σε ένα πεδίο (για παράδειγμα, απαντώντας σε "αριθμό τηλεφώνου" με +12345678912, +44 12345678912, 012345678912), μετατρέψτε τα σε συνεπή μορφή.

Τι είναι μια φόρμα πληρωμής;

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

Οι ενοποιήσεις πληρωμών έχουν πολλά πλεονεκτήματα. Σας βοηθούν

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

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

41. Περιορίστε τα βήματα πληρωμής

Το Ινστιτούτο Baymard ανέλυσε φόρμες checkout και διαπίστωσε ότι μια διαδικασία πληρωμής που είναι υπερβολικά μεγάλη ή πολύ περίπλοκη είναι ένας από τους κορυφαίους λόγους για την εγκατάλειψη κατά την ολοκλήρωση του ελέγχου. Έτσι κόβουμε τα πεδία, κόβουμε και στη συνέχεια κόψουμε ξανά.

42. Χρησιμοποιήστε οπτικούς δείκτες ασφαλείας

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

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

Βοηθά επίσης να ενεργοποιήσετε το SSL στις φόρμες σας για να βοηθήσετε στην προστασία των δεδομένων. Οι επισκέπτες έχουν την ειρήνη του μυαλού, γνωρίζοντας ότι όλες οι αλληλεπιδράσεις είναι κρυπτογραφημένες. Το JotForm είναι ο ασφαλέστερος τρόπος για τη μεταφορά δεδομένων: είμαστε συμβατοί με το επίπεδο 1 της ασφάλειας βιομηχανικών δεδομένων κάρτας πληρωμών (PCI DSS) και το SSL είναι ενεργοποιημένο.

43. Εξηγήστε σαφώς γιατί ζητάτε ευαίσθητες πληροφορίες

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

44. Αποθηκεύστε τα δεδομένα

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

45. Πώς να προσθέσετε μια ενοποίηση πληρωμών με το JotForm

Βήμα 1: Προσθέστε το λογότυπο της μάρκας σας και τα προσαρμοσμένα στυλ.

Βήμα 2: Εισαγάγετε τα διαπιστευτήρια ενοποίησης χρησιμοποιώντας ένα κουμπί σύνδεσης ή εισάγετε τα άμεσα.

Βήμα 3: Προσθέστε εικόνα προϊόντος, λεπτομέρειες προϊόντος όπως ποσότητα, χρώμα, μέγεθος.

Βήμα 4: Υπολογισμός κουπονιών, φόρων και ναυτιλίας.

Μπορείτε να χρησιμοποιήσετε την ολοκλήρωση της παραγγελίας αγοράς για να ελέγξετε τις λεπτομέρειες και τις επιλογές για μια γενική δημιουργία πεδίου πληρωμής (αυτό δεν απαιτεί διαπιστευτήρια επειδή δεν δημιουργεί μια πραγματική συναλλαγή). Μπορείτε να ελέγξετε τον οδηγό ενσωμάτωσης Sofort ως παράδειγμα για να περπατήσετε μια ολόκληρη διαδικασία πληρωμής.

Βήμα 5: Γράψτε ένα προσωπικό μήνυμα ευχαριστιών μηνυμάτων-autoresponder emails.

Ολα έτοιμα. Τώρα μπορείτε εύκολα να πουλάτε τα προϊόντα σας σε ιστότοπους, blogs ή κοινωνικά μέσα.

Όταν τελειώσετε τη φόρμα ...

Hurray, κάνε! Σχεδόν. Η φόρμα σας μπορεί να ολοκληρωθεί, αλλά δεν είναι καιρός να την στείλουμε ακόμα ...

Υπάρχουν μερικά τελευταία βήματα που πρέπει να λάβετε υπόψη.

46. ​​Δοκιμή της φόρμας πριν από την κοινή χρήση

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

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

Δημοσιεύθηκε αρχικά στη διεύθυνση https://www.jotform.com