Ένα αναδυόμενο παράθυρο Shopify για κινητά πρέπει να λειτουργεί σε μικρή οθόνη, με κινούμενη γραμμή εργαλείων του browser και ανοιχτό πληκτρολόγιο οθόνης. Η προσφορά πρέπει να γίνεται κατανοητή σύντομα, τα πεδία να συμπληρώνονται εύκολα και το κουμπί κλεισίματος να είναι ορατό χωρίς αναζήτηση. Δοκιμάστε όλη την αλληλεπίδραση από την εμφάνιση έως την απόρριψη, όχι μόνο την τακτοποιημένη προεπισκόπηση στον επεξεργαστή.
Δώστε μια σύντομη, ολοκληρωμένη υπόσχεση
Αναθέστε έναν σκοπό στον τίτλο και τοποθετήστε κοντά του τους βασικούς όρους της προσφοράς. Ζητήστε μόνο τα απολύτως απαραίτητα στοιχεία για την εγγραφή. Αν συλλέγετε προαιρετική προτίμηση, εξηγήστε τον σκοπό της και μην μετατρέπετε ένα μικρό αναδυόμενο παράθυρο σε έρευνα.
Χρησιμοποιήστε τα εργαλεία φορμών του Sendvio για να διατηρήσετε συνεπή τυπογραφία και αποστάσεις με το κατάστημα. Αφήστε το κείμενο να αναδιπλώνεται φυσικά αντί να μικραίνετε κάθε ετικέτα για να επιβάλετε τη διάταξη υπολογιστή σε στενή οθόνη. Μια μεγαλύτερη μετάφραση μπορεί να χρειαστεί ψηλότερη ή απλούστερη διάταξη.
Χωρέστε το χρήσιμο περιεχόμενο, όχι τη σύνθεση υπολογιστή
Σε κινητό, δώστε προτεραιότητα στην υπόσχεση, στους απαραίτητους όρους, στο πεδίο, στο κουμπί υποβολής και σε ορατό χειριστήριο κλεισίματος. Μια μεγάλη διακοσμητική εικόνα μπορεί να μικρύνει ή να αφαιρεθεί αν σπρώχνει τη φόρμα έξω από τον διαθέσιμο χώρο. Ο πελάτης δεν πρέπει να χρειάζεται να προσπεράσει την εικονογράφηση της επωνυμίας για να καταλάβει ποια στοιχεία ζητούνται.
Επιτρέψτε στο πλαίσιο να μεγαλώνει ή να κυλά σωστά αντί να επιβάλλετε σταθερό ύψος σε κείμενο που αλλάζει. Ένας μεταφρασμένος τίτλος, μήνυμα επικύρωσης ή μεγαλύτερο κείμενο συστήματος μπορεί να απαιτήσει περισσότερο χώρο. Αν ο σχεδιασμός λειτουργεί μόνο όταν κάθε πρόταση έχει την πιο σύντομη δυνατή μορφή, δεν είναι έτοιμος για κανονική χρήση.
Διατηρήστε την ίδια ιεραρχία και μετά την απλοποίηση. Η αφαίρεση μιας περιττής εικόνας διαφέρει από την αφαίρεση ουσιώδους όρου προσφοράς. Μια συντομότερη φόρμα πρέπει και πάλι να εξηγεί τη συνδρομή και την αξία της. Μη λύνετε τον συνωστισμό μικραίνοντας τόσο πολύ το κείμενο συγκατάθεσης ώστε να υπάρχει τυπικά αλλά να δυσκολεύεται κανείς να το διαβάσει.
Αφήστε τον επισκέπτη να ελέγχει την εμπειρία
Κάντε την ενέργεια κλεισίματος ορατή και άνετη στην αφή. Επιβεβαιώστε ότι η φόρμα χρησιμοποιείται με πληκτρολόγιο και ότι η εστίαση δεν χάνεται πίσω από την επικάλυψη. Τα μηνύματα σφάλματος πρέπει να προσδιορίζουν το πρόβλημα κοντά στο σχετικό πεδίο, χωρίς να διαγράφουν όσα έχει ήδη πληκτρολογήσει ο χρήστης.
Εξετάστε πότε εμφανίζεται το αναδυόμενο παράθυρο. Η διακοπή πριν ο αγοραστής κατανοήσει τη σελίδα μπορεί να προκαλέσει περισσότερο εκνευρισμό παρά ενδιαφέρον. Επιλέξτε χρονική στιγμή κατάλληλη για την προσφορά και δοκιμάστε την εμπειρία ενός νέου επισκέπτη, ενός επανερχόμενου συνδρομητή και κάποιου που ήδη ψωνίζει.
Ελέγξτε την κατάσταση με ανοιχτό πληκτρολόγιο
Εστιάστε στο πεδίο σε πραγματικό τηλέφωνο ή σε αντιπροσωπευτική δοκιμή συσκευής. Ελέγξτε ότι το πεδίο, το μήνυμα σφάλματος, το κουμπί υποβολής και το κλείσιμο παραμένουν προσβάσιμα όταν εμφανίζεται το πληκτρολόγιο. Μετακινηθείτε μεταξύ πεδίων και δοκιμάστε μεγάλη καταχώριση. Η ορατή περιοχή του browser μπορεί να αλλάξει στη διάρκεια αυτών των ενεργειών, επομένως δεν αρκεί στιγμιότυπο πριν από την πληκτρολόγηση.
Σε φόρμα τύπου modal, η εστίαση πληκτρολογίου πρέπει να εισέρχεται στο παράθυρο διαλόγου, να παραμένει μέσα όσο είναι ανοιχτό και να επιστρέφει ορθά όταν κλείσει. Το πλήκτρο Escape πρέπει να παρέχει την αναμενόμενη έξοδο όπου υποστηρίζεται. Δοκιμάστε και με κατάλληλη υποστηρικτική τεχνολογία· η ορατή στοίχιση μόνη της δεν επιβεβαιώνει ότι ανακοινώνονται καθαρά οι ετικέτες και τα σφάλματα πεδίων.
Δοκιμάστε τη μικρότερη ρεαλιστική κατάσταση
Ανοίξτε τη φόρμα σε στενή οθόνη κινητού, εστιάστε σε κάθε πεδίο και υποβάλετε έγκυρα και μη έγκυρα στοιχεία. Περιστρέψτε τη συσκευή, μεγαλώστε το κείμενο και ελέγξτε το μήνυμα επιτυχίας. Επιβεβαιώστε ότι το κλείσιμο της φόρμας επαναφέρει μια λειτουργική σελίδα.
Μετρήστε τις έγκυρες εγγραφές και τη μετέπειτα αλληλεπίδραση μαζί με το ποσοστό μετατροπής της φόρμας. Ένας σχεδιασμός που συλλέγει διευθύνσεις δυσκολεύοντας τον πελάτη να φύγει από το κατάστημα δεν αποτελεί χρήσιμη βελτίωση. Η φόρμα πρέπει να προσφέρει σαφή ευκαιρία χωρίς να διαταράσσει τις αγορές.
Εξετάστε και την επανεμφάνιση ως μέρος του σχεδιασμού. Κάποιος που κλείνει τη φόρμα δεν πρέπει να αντιμετωπίζει την ίδια διακοπή σε κάθε άμεση αλλαγή σελίδας. Χρησιμοποιήστε τα διαθέσιμα στοιχεία ελέγχου προβολής και δοκιμάστε και επανερχόμενο και νέο επισκέπτη. Ένας ήδη εγγεγραμμένος συνδρομητής δεν πρέπει να συνεχίζει να βλέπει προτροπή απόκτησης που δεν ταιριάζει πλέον στην κατάστασή του.
Όταν τα αποτελέσματα απογοητεύουν, ξεχωρίστε την ορατότητα από τη χρησιμότητα. Μια φόρμα μπορεί να συγκεντρώνει λίγες διευθύνσεις επειδή η προσφορά είναι αδύναμη, ο χρόνος ενοχλητικός ή κάποιο τεχνικό βήμα χαλασμένο. Εξετάστε αυτές τις αιτίες πριν αυξήσετε την επιθετικότητα εμφάνισης. Η καλύτερη βελτίωση είναι μια φόρμα που οι άνθρωποι καταλαβαίνουν, συμπληρώνουν ή απορρίπτουν άνετα συνεχίζοντας τις αγορές τους.