Σχεδιάζοντας μια διαδικασία Onboarding που πραγματικά βοηθά τους χρήστες να μάθουν

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

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

Χρησιμοποιήστε εικόνες & διαγράμματα

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

Μπορείτε να το κάνετε με πολλούς διαφορετικούς τρόπους πλήρη στιγμιότυπα οθόνης, μικρά εικονίδια ή εικονογραφήσεις / διανυσματικά γραφικά που ταιριάζουν στη ροή εργασίας του σχεδιασμού. Πάρτε για παράδειγμα αυτή την onboarding οθόνη από σχεδιαστή Salman Shah.

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

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

Μπορείτε να μετακινηθείτε πέρα ​​από τα στατικά εικονίδια περιλαμβάνουν κινούμενα σχέδια επισης. Πάρτε για παράδειγμα τη διαδικασία που βασίζεται στη χρηματοδότηση που δημιουργήθηκε από τον Iaroslav Zhmak.

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

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

Εμφάνιση λειτουργιών προβολής

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

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

Για παράδειγμα, αυτό το σχέδιο που δημιουργήθηκε από την Prakhar Sharma σας καθοδηγεί μέσα από μια πλήρη διαδικασία εργασίας στον τραπεζικό σας λογαριασμό.

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

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

Βρήκα ένα άλλο ωραίο παράδειγμα μιας οθόνης επί οθόνης σε στυλ YouTube που δημιουργήθηκε από τον Riko Sapto Dimo. Χρησιμοποιεί γραφικά και εικονίδια για να μεταφέρει ένα μήνυμα, αλλά βοηθά και τον χρήστη πριν από την κατάδυση στην εφαρμογή.

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

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

Εμφάνιση μιας λειτουργίας κάθε φορά

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

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

Κάθε οθόνη πρέπει να έχει τουλάχιστον μια νέα πληροφορία αυτό είναι πολύτιμο για τον χρήστη. Μπορείτε επίσης να το κάνετε στον ιστό με ένα modal παράθυρο / παράθυρο διαλόγου. Ωστόσο θα πρέπει να κρατήσετε εστίαση σε ένα θέμα κάθε φορά για να επιστήσει την προσοχή όπου ανήκει.

Η ομάδα Dropbox σχεδιάζει μια νέα εφαρμογή για επιτραπέζιους υπολογιστές με onboarding και ο Wes O'Haire μοιράστηκε αυτό το παράδειγμα στον λογαριασμό του Dribbble.

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

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

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

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

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

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

Τυλίξτε με μια ενέργεια

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

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

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

Σε αυτό το σχέδιο εφαρμογής από τον Oktafian Nugraha θα παρατηρήσετε ένα μεγάλο πορτοκαλί “Ας αρχίσουμε!” στο κάτω μέρος της τελευταίας διαφάνειας. Αυτό είναι εξαιρετικά φωτεινό και αρκετά δύσκολο να χάσετε.

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

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

Μια τελική ματιά

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

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