Το μενού υπερχείλισης δεν φαίνεται να είναι καλύτερο από αυτή την υπερχείλιση τοξικής ιλύος ... αηδιαστικό.

Σταματήστε την κατάχρηση των μενού υπερχείλισης

Γνωρίζετε αυτά τα ασαφή κουμπιά μενού σε εφαρμογές και ιστότοπους που αποκαλύπτουν ακόμα περισσότερες επιλογές μενού; Συνήθως έχουν μια ελλείψη "..." ή ένα εικονίδιο βέλους ▼ πάνω τους και μερικές φορές θα έχουν ακόμη και μια ετικέτα More. Ή, καλύτερα ακόμα, ένα Περισσότερα με ένα ▼! Αυτά ονομάζονται μενού υπερχείλισης. Τα μενού υπερχείλισης είναι μια μάστιγα που πρέπει να εξαντληθεί, να συνθλιβεί κάτω από τα πόδια και να πνιγεί σε μια θάλασσα τοξικής ιλύος.

Το Gmail δεν έχει λιγότερα από 4 μενού υπερχείλισης κατά την προβολή ενός μηνύματος ηλεκτρονικού ταχυδρομείου !!!! Είσαι καταδικασμένη να χρησιμοποιήσω μια δέσμη των θαυμάτων !!!!!!

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

... η τελειότητα τελικά δεν επιτυγχάνεται όταν δεν υπάρχει πλέον κάτι που πρέπει να προσθέσετε, αλλά όταν δεν υπάρχει πλέον τίποτα που να απομακρύνεται. - Antoine de Saint-Exupery

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

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

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

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

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

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

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

Είμαι ως επί το πλείστον snarking για την εφαρμογή της Google μενού υπερχείλισης, επειδή εργάζομαι σε ένα βραχίονα της εταιρείας. Γνωρίζω ότι πολλοί από τους σχεδιαστές της Google είναι εξαιρετικοί και είναι ασφαλέστερο να επιλέξουμε τους φίλους σας από ό, τι οι ξένοι. Φυσικά, τα μενού υπερχείλισης εξαπλώνονται σαν πανούκλα σε εφαρμογές σχεδιασμένες από κάθε είδους ομάδες, όχι μόνο στο Google. Και, δεν είναι σαν να μην έκανα ποτέ συμβιβαστικές αποφάσεις που αργότερα μετανιώσαμε, αλλά μερικές φορές είναι καλή ιδέα να ρίξουμε πέτρες σε γυάλινες κατοικίες. Και, ειλικρινά, μερικές από τις προεπιλεγμένες εφαρμογές στο Android έχουν απομακρυνθεί πρόσφατα από τη χρήση μενού υπερχείλισης. Το Play Store, για παράδειγμα, χρησιμοποίησε μερικές φορές και άνοιξα πρόσφατα την εφαρμογή μόνο για να παρατηρήσω ότι οι υπερχείλισεις έχουν διολισθήσει υπέρ μιας πιο διαισθητικής και βελτιωμένης διασύνδεσης. Ομορφη.

Έτσι, αν η Google έχει μερικούς ταλαντούχους σχεδιαστές γιατί τα μενού υπερχείλισης συχνά τρέχουν ακόμα amok ακόμα και εδώ; Ας δούμε πόσο κακά πράγματα συμβαίνουν σε καλές ομάδες και πώς να αποφύγετε να συμβεί με την ομάδα σας:

Συμφήγηση ≠ Απλούστευση
Οι σχεδιαστές συχνά μπερδεύουν την απλοποίηση με την απλοποίηση. Τα απλά κρυμμένα χαρακτηριστικά μοιάζουν να δημιουργείτε μια "καθαρότερη" και πιο εύκολη στη χρήση διεπαφή. Σίγουρα, το νέο σας UI μπορεί να περάσει το τεστ squint της απλότητας, αλλά δεν ασχολείσαι με την πολυπλοκότητα του πυρήνα της εφαρμογής σας.

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

  1. Αφαιρέστε τη λειτουργία. Εάν το 0,001% των ανθρώπων θα το βρει σε υπερχείλιση, το χρειάσθηκε πραγματικά;
  2. Προσθέστε το χαρακτηριστικό για πραγματικό. Μην ανακατεύετε. Βάλτε το στη σελίδα. Η κύλιση είναι ο ευκολότερος τρόπος πλοήγησης.
  3. Δομή της πολυπλοκότητας, μην το κρύβετε μόνο. Χρησιμοποιήστε ένα εύλογο εικονίδιο ή σαφή ετικέτα για να υποδείξετε μια ομάδα χαρακτηριστικών που είναι διαθέσιμες. Σοβαρά όμως, το "Περισσότερα" ή το "Μενού" ή "..." δεν είναι σαφείς ετικέτες.

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

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

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

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

Εξετάστε την αναζήτηση πληροφοριών
Εάν ο μαστός μου παραπάνω είναι ανήσυχος για σένα, σκεφτείτε μια πιο ακαδημαϊκή προοπτική για το γιατί τα μενού υπερχείλισης είναι, υποσυνείδητα. Υπάρχει μια δημοφιλής θεωρία που ονομάζεται Information Foraging που χρησιμοποιείται συχνά για να περιγράψει γιατί ορισμένες διεπαφές είναι καλύτερες από άλλες. Μπορείτε να διαβάσετε μια λεπτομερή και χρήσιμη εξήγηση για την αναζήτηση πληροφοριών στον Οργανισμό Σχεδιασμού Πληροφοριών εδώ, αλλά η βασική ουσία είναι:

Η θεωρία της συλλογής πληροφοριών βασίζεται στην αναλογία ενός ζώου που αποφασίζει τι να φάει, όπου μπορεί να βρεθεί, ο καλύτερος τρόπος για να το αποκτήσει και πόση «ενέργεια» (πώς γεμίζει) το γεύμα θα (παρέχει) ... Φανταστείτε ένα αρπακτικό, όπως το αρπακτικό πουλί, που αντιμετωπίζει το επαναλαμβανόμενο πρόβλημα της λήψης αποφάσεων για το τι θα φάει και υποθέτουμε ότι η καταλληλότητά του, όσον αφορά την αναπαραγωγική επιτυχία, εξαρτάται από την πρόσληψη ενέργειας. Η ενέργεια ρέει στο περιβάλλον και αποθηκεύεται σε διάφορες μορφές. Για τα αρπακτικά πουλιά, διαφορετικοί τύποι οικοτόπων και θηραμάτων θα αποφέρουν διαφορετικά ποσά καθαρής ενέργειας (ενεργειακή κερδοφορία) εάν συμπεριληφθούν στη διατροφή. http://bit.ly/InformationForaging

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

Σε ένα συγκεκριμένο παράδειγμα, εξετάστε τις κρυφές επιλογές στην Αναζήτηση εικόνων Google. Έχω χρησιμοποιήσει αυτή τη διεπαφή για χρόνια για να φιλτράρει "μεγάλες" εικόνες στα αποτελέσματα αναζήτησης και όμως δεν έχω μάθει τη διεπαφή ούτε έχω παραιτηθεί και χρησιμοποίησα μια διαφορετική αναζήτηση εικόνων. Τόσο η απογοήτευση όσο και η συνεχής χρήση της Google Image Search μπορούν να εξηγηθούν από τη θεωρία της συγκέντρωσης πληροφοριών. Από τη μία πλευρά, ο σύνδεσμος εργαλείων αναζήτησης δεν παρουσιάζεται με κανένα πραγματικό πλαίσιο, οπότε δυσκολεύομαι να εντοπίσω και να δημιουργήσω σύγχυση - βέβαια, δίπλα σε έναν άλλο σύνδεσμο που εξυπηρετεί εντελώς διαφορετικό σκοπό! Από την άλλη πλευρά, δεν είμαι τόσο απογοητευμένος με την πολυπλοκότητα που δίνω. Επιστρέφω και σβήνω το δάχτυλο μου στην πόρτα ξανά και ξανά. Αυτό συμβαίνει επειδή το φαγητό είναι τόσο χαλαρό. Είναι ένα καλό εργαλείο αναζήτησης και το φίλτρο για "μεγάλες" εικόνες είναι εξαιρετικά χρήσιμο για την εργασία μου. Μακάρι να μην γευτεί τόσο καλά ή, ακόμα καλύτερα, εύχομαι ότι το νόστιμο φαγητό ήταν ακριβώς στην επιφάνεια.

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