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

Τι είναι ένα άδειο κράτος;

Οι σχεδιαστές UX έχουν πολλές ευκαιρίες να δημιουργήσουν ευχάριστες και σημαντικές εμπειρίες. Μια τέτοια ευκαιρία που συχνά αγνοείται είναι η 'κενή κατάσταση' ή η κενή οθόνη. Οι κενές καταστάσεις είναι στιγμές στην εμπειρία ενός χρήστη με ένα προϊόν όπου δεν υπάρχει τίποτα για εμφάνιση.

Ακολουθούν μερικά παραδείγματα κοινών καταστάσεων κενής κατάστασης:

• Μια νέα οθόνη Dropbox όπου δεν έχουν δημιουργηθεί αρχεία ή φάκελοι.
• Η οθόνη που προκύπτει μετά την ολοκλήρωση όλων των εργασιών σε έναν διαχειριστή λίστας υποχρεώσεων.
• Λήψη οθόνης σφάλματος στο Slack όταν δεν υποστηρίζεται μια εντολή.
• Ξεκινώντας έναν νέο λογαριασμό κοινωνικής δικτύωσης και δεν υπάρχουν συνδέσεις.
• Αναζήτηση για κάτι στο Gmail και χωρίς αποτελέσματα.

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

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

Ακολουθούν μερικά παραδείγματα σχεδίων κενής κατάστασης με χαμένες ευκαιρίες:

σχεδιασμός οπτικής επικοινωνίας vs γραφιστικής

Τύποι κενών κρατών

Ακολουθούν τέσσερις τύποι κενών καταστάσεων που απαντώνται συχνά:

• Πρώτη χρήση - Εμφανίζεται με ένα νέο προϊόν ή υπηρεσία όταν δεν υπάρχει ακόμα τίποτα για εμφάνιση, όπως ένας νέος λογαριασμός Evernote ή Dropbox.
• Ο χρήστης διαγράφηκε - Εμφανίζεται όταν οι χρήστες ολοκληρώνουν ενέργειες όπως εκκαθάριση των εισερχομένων ή της λίστας εργασιών τους και το αποτέλεσμα είναι μια κενή οθόνη.
• Σφάλματα - Αυτά συμβαίνουν όταν κάτι πάει στραβά ή όταν υπάρχουν προβλήματα όπως ένα κινητό τηλέφωνο εκτός σύνδεσης λόγω προβλημάτων δικτύου.
• Δεν υπάρχουν αποτελέσματα / Δεν υπάρχουν δεδομένα - Εμφανίζεται όταν δεν υπάρχει τίποτα για εμφάνιση. Αυτό μπορεί να συμβεί εάν κάποιος εκτελέσει μια αναζήτηση και το ερώτημα είναι κενό ή δεν υπάρχουν διαθέσιμα δεδομένα για εμφάνιση (όταν φιλτράρετε για ένα εύρος ημερομηνιών που δεν έχει δεδομένα για παράδειγμα).

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

Οι χρήστες δοκιμάζουν πολλές εφαρμογές, αλλά αποφασίζουν ποιες θα θέλουν «Σταματήστε να χρησιμοποιείτε» τις πρώτες 3-7 ημέρες . Για τις «αξιοπρεπείς» εφαρμογές, η πλειονότητα των χρηστών που διατηρήθηκαν για 7 ημέρες παραμένουν πολύ περισσότερο. Το κλειδί για την επιτυχία είναι να προσελκύσουμε τους χρήστες κατά τη διάρκεια αυτής της κρίσιμης περιόδου 3-7 ημερών. - Ankit jain

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

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

Στο βιβλίο του, Τι πραγματικά θέλουν οι πελάτες , Ο Scott McKain παρουσιάζει έξι κατευθυντήριες αρχές εξαιρετικής εμπειρίας πελατών.

Γράφει ότι οι πελάτες θέλουν:

1. Μια συναρπαστική εμπειρία
2. Μια προσωπική εστίαση
3. Αμοιβαία πίστη
4. ΔΙΑΦΟΡΕΤΙΚΟΤΗΤΑ-διάκριση
5. Συντονισμός
6. Καινοτομία

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

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

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

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

παραδείγματα προβλημάτων μηχανικής μάθησης

Shunned: Οι ξεχασμένες οθόνες του UX Design

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

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

Δεύτερον, με μόνο ένα εκτιμάται ότι το 2-5% των χρηστών βλέπουν μια κενή κατάσταση , δεν είναι πάντα μια οικονομική ή πρακτική χρήση του χρόνου ενός σχεδιαστή.

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

Τι συμβαίνει όταν αγνοούνται κενές καταστάσεις;

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

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

Πώς να συμπληρώσετε μια κενή οθόνη με σκοπό

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

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

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

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

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

Ακολουθεί ένα παράδειγμα οθόνης κενής κατάστασης με αρχικό περιεχόμενο:

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

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

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

Βέλτιστες πρακτικές Empty State UX - Από το πεδίο

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

Σχεδιαστής ApeeScape: Ταμάρα Όλσον

Πειθαρχία σχεδιασμού: Σχεδιασμός UX

Ποια είναι μερικά καλά σχέδια κενής κατάστασης που έχετε εργαστεί ή έχετε δει;

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

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

Έχετε παραβλέψει ποτέ τις άδειες καταστάσεις και αν ναι, γιατί;

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

Ανίχνευση διαρροής μνήμης node js

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

Έχετε δει την επιτυχία του πελάτη με τη χρήση κενών καταστάσεων; Εάν ναι, με ποιους τρόπους;

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

Ποια είναι η πιο επιτυχημένη χρήση μιας κενής κατάστασης που έχετε βιώσει;

Ως 'μηδενικά εισερχόμενα', χαίρομαι συνεχώς με την κενή απεικόνιση εισερχομένων της εφαρμογής Gmail: ένα άτομο κάτω από μια ομπρέλα, διαβάζοντας ένα βιβλίο κάτω από τον ήλιο, με τη λεζάντα 'Έχετε τελειώσει!' Τεχνικά παραβιάζει τον κανόνα που ανέφερα σχετικά με τις άδειες καταστάσεις που χρειάζονται παρότρυνση για δράση, αλλά, όμως, δεν συμβαίνει, επειδή το υποσυνείδητο CTA είναι 'Βγείτε από το email σας και απολαύστε τη ζωή σας' Μου αρέσει.

Σχεδιαστής ApeeScape: Μάικλ Κλίνγκρμαν

Πειθαρχία σχεδιασμού: Σχεδιασμός προϊόντων SaaS

Εάν έχετε σχεδιάσει για κενές καταστάσεις, ποιοι τύποι βλέπετε πιο συχνά;

πώς να δημιουργήσετε οικονομικά μοντέλα

Οι κενές καταστάσεις με τις οποίες γνωρίζω περισσότερο είναι 404 / καταστάσεις σφαλμάτων και καταστάσεις εκκαθάρισης χρήστη.

Έχετε δει την επιτυχία του πελάτη με τη χρήση κενών καταστάσεων; Εάν ναι, με ποιους τρόπους;

Ναί. Έχω δει περιπτώσεις όπου οι οθόνες κενών καταστάσεων έγιναν μέρος μιας ελκυστικής και ευχάριστης στρατηγικής περιεχομένου και επικοινωνιών. Υπάρχουν και άλλες περιπτώσεις όπου οι πελάτες τους έχουν χρησιμοποιήσει για να δημιουργήσουν την προσωπικότητά τους.

Ποια είναι η πιο επιτυχημένη χρήση μιας κενής κατάστασης που έχετε βιώσει;

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

συμπέρασμα

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

• • •

Περαιτέρω ανάγνωση στο ApeeScape Design Blog

• Βέλτιστες πρακτικές και κοινά λάθη σχεδίασης UI
• Σχεδιασμός Mobile UX - Βέλτιστες πρακτικές, περιορισμοί και συνεργασία με προγραμματιστές
• Ευρετικές αρχές για φορητές διεπαφές
• Επιρροή στο σχεδιασμό - Ένας οδηγός για το χρώμα και τα συναισθήματα
• Οι αρχές του σχεδιασμού και η σημασία τους

Κατανόηση των βασικών

Τι είναι η προσωπικότητα της μάρκας;

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

Τι είναι οι κενές καταστάσεις;

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

Τι κάνει η εμπειρία χρήστη;

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

Τι είναι η εμπειρία επιβίβασης;

Η εμπειρία στο αεροσκάφος περιλαμβάνει όλες τις πτυχές της ενσωμάτωσης ενός νέου υπαλλήλου σε μια εταιρεία ή την εξοικείωση ενός νέου πελάτη με ένα προϊόν ή μια υπηρεσία.

Τι σημαίνει η ενσωμάτωση των χρηστών;

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