Πώς να σχεδιάσετε μια επιτυχημένη Walkthrough για το Web App
Έχουμε όλοι αλληλεπιδράσει με ένα walkthrough εφαρμογής σε κάποιο σημείο ή άλλο. Εμείς, κάποιοι από εμάς τις σχεδίασα.
Αλλά όταν ρίξετε μια ματιά στη λογοτεχνία σχεδιασμού έξω εκεί, θα παρατηρήσετε ότι υπάρχει πολύ λίγα που ασχολείται ειδικά με την εφαρμογή walkthroughs. Είναι μια τόσο σημαντική πτυχή της συνολικής εμπειρίας μιας εφαρμογής, διότι, τελικά, είναι η πρώτη αλληλεπίδραση που έχει ένας χρήστης με μια εφαρμογή (αν υπάρχει ο τρόπος πρόσβασης).
Σε αυτήν την ανάρτηση, έχω συγκεντρώσει μερικές συμβουλές για εσάς παρατηρώντας τις τρέχουσες εφαρμογές για να δείτε τι κάνουν με τις αναλυτικές οδηγίες τους και τι μπορούμε να μάθουμε από αυτές.
Πρέπει η εφαρμογή σας να έχει μια βόλτα;
Ήθελα να ξεκινήσω αυτήν την ανάρτηση επισημαίνοντας ότι υπάρχουν κάποιες εφαρμογές που πρέπει να έχουν οδηγίες, αλλά όχι και μερικές εφαρμογές που τους έχουν αλλά δεν πρέπει.
Ο σκοπός μιας παραμέτρου είναι να παράσχετε πληροφορίες σχετικά με το τι μπορεί να κάνει η εφαρμογή σας. Εάν η εφαρμογή σας είναι αρκετά απλή ή αρκετά αυτονόητη, μπορεί να μην χρειαστεί μια περιήγηση, οπότε εξοικονομείτε χρόνο για κάτι πιο ζωτικό.
Αλλά, αν η εφαρμογή σας έχει κρυμμένη λειτουργικότητα, μια περιήγηση είναι ένα εξαιρετικό μέρος για να το demo, έτσι ώστε οι χρήστες να μην χάσετε.
Πάρτε Litely για παράδειγμα. Λίγο είναι μια εφαρμογή επεξεργασίας φωτογραφιών και έχει μια δέσμη κρυφών χειρονομιών που μπορούν να βελτιώσουν την εμπειρία της συνολικής εφαρμογής. Σας επιτρέπει να προβάλετε την εικόνα, προτού προσθέσετε φίλτρα, απλώς συνδέοντας τη φωτογραφία με δύο δάχτυλα. Το Instagram σας επιτρέπει να το κάνετε αυτό, αλλά χρησιμοποιεί μόνο ένα δάχτυλο. Κανείς δεν ξέρει για αυτή τη λειτουργικότητα, επειδή δεν σας λέει Litely γι 'αυτό? αν ανακαλύψετε αυτή τη λειτουργία σε Litely, το κάνετε τυχαία.
Από την άλλη πλευρά, έχουμε μια εφαρμογή όπως SoundCloud, που έχει μια υπέροχη εμφάνιση στην αρχή της εμπειρίας εφαρμογών. Ωστόσο, μία από τις οθόνες σας εξηγεί κάτι πολύ προφανές: πώς να ακολουθήσετε έναν άλλο χρήστη και τι να περιμένετε από το εικονίδιο αναζήτησης. Θα πιέζονταν για να βρείτε έναν χρήστη της εφαρμογής που δεν καταλαβαίνει το εικονίδιο του μεγεθυντικού φακού, οπότε όταν πρόκειται για αυτή τη συγκεκριμένη οθόνη από το SoundCloud, δεν υπάρχει τίποτα να κερδίσουμε από τη σπατάλη χρόνου του χρήστη. Η διάβαση θα ήταν εξίσου επιτυχημένη χωρίς αυτό.
Δώστε προσοχή στο σχεδιασμό
Είναι δύσκολο να δημιουργήσετε μια βιντεοκασέτα αν δεν έχετε δημιουργήσει την εφαρμογή, έτσι ώστε οι ανασκοπήσεις συχνά δημιουργούνται τελευταίες. Αυτό συχνά οδηγεί σε πολλές ασυνέπειες.
Εάν πρόκειται να έχετε μια περιήγηση, βεβαιωθείτε ότι ο σχεδιασμός του είναι εξίσου σταθερός με το υπόλοιπο της εφαρμογής σας. Μια καλή εμφάνιση είναι σημαντική επειδή είναι στην πραγματικότητα το πρώτο πράγμα που θα δουν οι χρήστες σας. Είναι ζωτικής σημασίας να εφαρμόσετε το walkthrough στο στυλ της μάρκας σας, ώστε να μην συγχέετε τους χρήστες.
Επωφεληθείτε από τα γραφικά και τα κινούμενα σχέδια
Τα Walkthroughs είναι πολύ πιο συναρπαστικά όταν χρησιμοποιούν εξαιρετικές εικόνες ή εικόνες. Καλύτερα, οι οδηγίες που χρησιμοποιούν κινούμενα σχέδια είναι εξαιρετικά χρήσιμες για να προσελκύσουν την προσοχή των χρηστών. Το καλύτερο παράδειγμα είναι αυτό Κουτί. Το κουτί είναι μια εφαρμογή αποθήκευσης αρχείων που βασίζεται σε σύννεφο. όταν χρησιμοποιείτε για πρώτη φορά την εφαρμογή τους, έχουν μια γρήγορη εξάσκηση όπου σας δείχνουν πώς η εφαρμογή είναι ευπροσάρμοστη και υποστηρίζει πολλές διαφορετικές μορφές αρχείων σε διάφορες συσκευές.
Καλύτερα, όμως, το walkthrough χρησιμοποιεί ένα μόνο αρχείο και το αναδεικνύει καθώς το αρχείο μεταπηδά από τη μια διαφάνεια στην άλλη. Η εμπειρία είναι τόσο ευχάριστη επειδή είναι έξυπνη και φαίνεται πολύ καλά μελετημένη. Ο οπτικός σχεδιασμός του walkthrough είναι καλός καθώς οι διαφάνειες / σελίδες έχουν καθαρό σχέδιο.
Κάντε το διαδραστικό
Επειδή μια προεπισκόπηση πρέπει να εκπαιδεύει τον χρήστη σας σχετικά με τον τρόπο με τον οποίο λειτουργεί η εφαρμογή σας, ίσως θελήσετε να εξετάσετε το ενδεχόμενο να το κάνετε διαδραστικό. Ο καλύτερος τρόπος για να προσελκύσετε τους ανθρώπους να δουν τη δροσερή λειτουργικότητα της εφαρμογής σας είναι να τις χρησιμοποιήσετε. Η τρέχουσα έκδοση του Γραμματοκιβώτιο, μια εφαρμογή πελάτη ηλεκτρονικού ταχυδρομείου, έχει μια έξυπνη αναλυτική αναλυτική παρουσίαση που σας ενημερώνει για την κρυφή λειτουργικότητα της ταξινόμησης ηλεκτρονικού ταχυδρομείου, μετακινώντας το προς τα αριστερά ή προς τα δεξιά. Σας λέει ότι εάν σπρώξετε δεξιά το email θα αρχειοθετήσει. Στη συνέχεια, σας κάνει να το κάνετε. Μπορεί να είναι μια επικίνδυνη απόφαση να κάνουν τους χρήστες να αλληλεπιδρούν με το walkthrough σας αλλά στην περίπτωση του Mailbox το αίτημα είναι απλό, όλος ο χρήστης πρέπει να το κάνει να σύρετε! Είναι μια λαμπρή ιδέα να δείξει στον χρήστη τι ακριβώς μπορούν να περιμένουν από την εφαρμογή.
Αν γίνει σωστά, ένα διαδραστικό walkthrough μπορεί να είναι ένας διασκεδαστικός τρόπος για να πάρετε τους ανθρώπους ενθουσιασμένοι για τη χρήση του προϊόντος σας.
Παρέχετε έναν εύκολο τρόπο να παραλείψετε
Είμαι λυπημένος που λέω ότι μερικοί χρήστες δεν θα νοιάζονται για την περίληψή σας, ανεξάρτητα από το πόσο μεγάλη εμφάνιση, πόσο καλά μελετηθεί ή πόσο ενημερωτική είναι.
Είναι καλή ιδέα να μην εμποδίζετε τους χρήστες από τη χρήση της εφαρμογής σας και δεν θέλετε οι χρήστες που δεν ενδιαφέρονται για το walkthrough να αναγκαστούν να το ολοκληρώσουν. Μια εύκολη λύση είναι να έχετε ένα απλό κουμπί παράκαμψης αν λέει κυριολεκτικά "Skip this" ή είναι ένα μεγάλο ol 'X στην επάνω δεξιά γωνία της οθόνης. Εάν πηγαίνετε με ένα κουμπί, μπορείτε να παίξετε με το αντίγραφο. μπορείτε να πείτε κάτι σαν το "έχω αυτό!" ή λίγο πιο τολμηρό όπως "το έχω, επιτρέψτε μου να το χρησιμοποιήσω." Διασκεδάστε με αυτό και ίσως θα πείσετε τον χρήστη σας να το κολλήσει.
Ωραίος είναι μια εφαρμογή που κάνει αυτό καλά. Όταν ανοίγετε για πρώτη φορά την εφαρμογή, υπάρχει μια επεξήγηση, αλλά πάντα μπορείτε να την παρακάμψετε πιέζοντας το μεγάλο πορτοκαλί κουμπί που λέει "Get Started". Είναι πάντα εκεί, από την αρχή και όχι μόνο προς το τέλος.
Υπάρχουν και άλλες διαθέσιμες επιλογές για εσάς. Αυτό που μπορείτε απλώς να κάνετε είναι να επιτρέπετε στους χρήστες να διεισδύουν ελεύθερα μέσα από το walkthrough. Στην περίπτωση του Box, όλος ο χρήστης πρέπει να κάνει είναι να σκουπίσει αριστερά μερικές φορές για να περάσει στο τέλος και να χρησιμοποιήσει την εφαρμογή. Δεν υπάρχουν τεχνάσματα που εφαρμόζονται από την εφαρμογή που σας εμποδίζουν να κάνετε ακριβώς αυτό.
Αυθεντικός Καιρός είναι ένα άλλο παράδειγμα. Όταν κάνετε λήψη της εφαρμογής, το μόνο που παίρνετε είναι μια απλή παράσταση σελίδας οθόνης, η οποία εξαφανίζεται όταν την πατάτε οπουδήποτε. Στη συνέχεια γίνεται ο οδηγός και ο χρήστης μπορεί να απολαύσει την εφαρμογή. Αν κάποιος ενδιαφέρεται να διαβάσει τι είπε η οθόνη, θαυμάσια! Εάν όχι, είναι έτσι κι αλλιώς στην εφαρμογή.
Επισκέψεις και επιβίβαση
Μερικές φορές οι οδηγίες περιλαμβάνουν ενσωμάτωση ή δεν είναι στην πραγματικότητα οδηγίες και ο χρήστης πρέπει να δημιουργήσει έναν λογαριασμό για να χρησιμοποιήσει την εφαρμογή. Το εάν ή όχι αυτό είναι το σωστό πράγμα είναι μια ολόκληρη άλλη συζήτηση. Θα σας δείξω προς αυτό το άρθρο, το οποίο μιλάει για το λόγο που ίσως δεν θέλετε να το κάνετε αυτό: Δύο λόγοι για να παραιτηθείτε από την εγγραφή και να αφήσετε τους ανθρώπους να χρησιμοποιούν το προϊόν σας πρώτα. Εάν κάνετε τους ανθρώπους να ακολουθήσουν μια αυστηρή εγγραφή από το get-go, εξετάστε αυτά τα δύο σενάρια.
Γραφέας είναι μια εφαρμογή που σας επιτρέπει να μοιράζεστε πληροφορίες μεταξύ του iPhone και του Mac όπως αριθμούς τηλεφώνου ή εικόνες. Για να χρησιμοποιήσετε την εφαρμογή πρέπει να συνδέσετε τα δύο. Όταν ανοίγετε την εφαρμογή για πρώτη φορά, σας δίνει συγκεκριμένες και σαφείς οδηγίες για το πώς να προχωρήσετε. Σας λέει ακριβώς τι πρέπει να κάνετε και αν κάτι πάει στραβά παρέχει ακόμα και λύσεις. Η εφαρμογή σβήνει από το δρόμο της για να βοηθήσει τους χρήστες να ολοκληρώσουν εύκολα την επιβίβαση.
Η Crazy Blind Date ήταν μια εφαρμογή που χρονολογείται από την OKCupid που βρήκε τους χρήστες τυφλές ημερομηνίες, όπως υποδηλώνει το όνομα. Προκειμένου να δημιουργηθεί ένας λογαριασμός, ο χρήστης έπρεπε πρώτα να ανεβάσει μια φωτογραφία. Η εμπειρία από αυτό μπορεί να είναι τρομακτικά δύσκολη. Το αντίγραφο ήταν πραγματικά λανθασμένο - μπορείτε επίσης να ανεβάσετε μια φωτογραφία - αλλά δεν θα μπορούσατε να μεταφορτώσετε μια φωτογραφία αν το τηλέφωνό σας ήταν εκτός σύνδεσης, αποτυγχάνει να πάρει μία και το ίδιο το εικονίδιο δεν είναι αρκετά προεξέχον. Αυτή η κακή χρηστικότητα είναι ίσως ο λόγος που η Crazy Blind Date δεν είναι πλέον διαθέσιμη.
Προτεινόμενη εικόνα / μικρογραφία, χρησιμοποιεί iPhone 5c mockup από τον Ben Lee