Πώς να λύσετε το πρόβλημα εικονιδίων χάμπουργκερ
Το εικονίδιο χάμπουργκερ - τρεις μικρές μπάρες που χρησιμοποιούνται για να υποδείξουν μια σύνδεση με ένα μενού - είναι ένα αν οι πιο αμφιλεγόμενες τεχνικές στον Ιστό τώρα. Οι σχεδιαστές, μας λένε, όλοι το μισούν. πελάτες, λέμε σε όλους, το μίσος επίσης. Γιατί λοιπόν, είναι παντού;
Το εικονίδιο χάμπουργκερ είναι εύκολα κλιμακωτό και ταιριάζει καθαρά σε ένα πλέγμα πίξελ. Ήταν αρχικά ένα εικονίδιο λίστας που έχει συμπιεστεί με τον Τύπο στον τρέχοντα ρόλο του, αλλά επειδή ένα μενού είναι απλώς μια λίστα επιλογών, είναι σημασιολογικά σωστό να χρησιμοποιείτε το στοιχείο λίστας με αυτόν τον τρόπο.
Έχουν υπάρξει τεράστιες συζητήσεις, δοκιμές A / B, blogs και μελέτες χρηστών σχετικά με το θέμα, αλλά αυτές οι μελέτες σχεδόν πάντοτε επικεντρώνονται στο σχεδιασμό εφαρμογών. Όταν το εικονίδιο χάμπουργκερ χρησιμοποιείται στο σχεδιασμό ιστοσελίδων, αυτό δείχνει ένα πολύ σημαντικότερο πρόβλημα.
Το πρόβλημα με το εικονίδιο χάμπουργκερ
Υπάρχουν πολλοί σχεδιαστές που αμφισβητούν την αξία της ίδιας της εικόνας του χάμπουργκερ. Είναι συχνά θεωρείται ως ένα εικονίδιο στυλ iOS, παρόλο που χρησιμοποιήθηκε με αυτόν τον τρόπο πριν την υιοθετήσει η Apple.
Υπάρχουν στην πραγματικότητα πολλά αντικρουόμενα στοιχεία σχετικά με το αν το εικονίδιο χάμπουργκερ μπορεί να χρησιμοποιηθεί ως ένδειξη ενός μενού. Μερικοί σχεδιαστές υποστηρίζουν ότι το εικονίδιο αναγνωρίζεται εύκολα από έναν νεότερο δημογραφικό, άλλοι υποδηλώνουν ότι ένα παλαιότερο δημογραφικό αναγνωρίζει αυτό, εάν είναι διαδικτυακό. Το μόνο συμπέρασμα που μπορούμε πραγματικά να αντλήσουμε από αυτά τα στοιχεία είναι ότι οι δοκιμές ευχρηστίας αποδείχθηκαν ασαφείς, με παράλληλες δοκιμές που συχνά επιστρέφουν αντικρουόμενα αποτελέσματα.
Αυτό που είναι παγκοσμίως αποδεκτό είναι ότι οι χρήστες δεν αναγνωρίζουν το εικονίδιο χάμπουργκερ ως ενιαίο σύνδεσμο - πιθανώς επειδή έχει σχεδιαστεί για να μοιάζει με μια ομάδα συνδέσμων και όχι με ένα μόνο πράγμα. Κάτι που υποστηρίζεται είναι ότι γύρω από το εικονίδιο χάμπουργκερ με ένα περίγραμμα, ή που του δίνει ένα φόντο, έτσι ώστε να φαίνεται πιο το κουμπί-όπως-τολμούν να λέω, περισσότερο skeuomorphic-θα έχει ως αποτέλεσμα περισσότερα κλικ.
Περισσότερα προβλήματα με το εικονίδιο χάμπουργκερ
Εκτός από το σχεδιασμό της ίδιας της εικόνας, η προσέγγιση για τη χρήση μιας εικόνας χάμπουργκερ είναι επίσης γεμάτη με προβλήματα.
Πρώτον, και ίσως το πιο σημαντικό, το εικονίδιο χάμπουργκερ προσθέτει μια επιπλέον ενέργεια στην πλοήγησή σας. όταν πρέπει να κάνει ένα κλικ για να φτάσει σε μια συγκεκριμένη σελίδα, θα πάρει τώρα δύο. Ο κανόνας για τους σχεδιαστές ιστοσελίδων ήταν πάντοτε ένα μέγιστο τρία κλικ (όπου είναι δυνατόν), μέχρι στιγμής δεν επιλύθηκε ένα πρόβλημα πλοήγησης, η τεχνική εικονιδίων χάμπουργκερ απλά ανταλλάσσει ένα πρόβλημα με ένα άλλο. Φυσικά, αυτό δεν είναι μόνο ένα ζήτημα για το εικονίδιο χάμπουργκερ, είναι ένα πρόβλημα για οποιαδήποτε πλοήγηση που διατυπώνεται με αυτόν τον τρόπο. Μπορείτε να χρησιμοποιήσετε τη λέξη 'Μενού' στη θέση του εικονιδίου χάμπουργκερ και θα έχετε το ίδιο εμπόδιο, η διαφορά είναι ότι το εικονίδιο χάμπουργκερ δεν μπορεί να χρησιμοποιηθεί με άλλο τρόπο.
Η τεχνική του χάμπουργκερ κρύβει επίσης το περιεχόμενό της. Από την άποψη του UX, οι χρήστες δεν θα πρέπει να κάνουν κάποια ενέργεια για να μάθουν τι ενέργειες μπορούν να αναλάβουν. Είναι πολύ εύκολο να ξεχάσετε να μοιραστείτε το Twitter ή να μεταβείτε στο Checkout, όταν αυτές οι επιλογές δεν βρίσκονται μπροστά σας. Οι χρήστες απλά δεν θα αναζητήσουν έναν σύνδεσμο που δεν γνωρίζουν.
Τέλος, η τεχνική εικονιδίων χάμπουργκερ κρύβει την τρέχουσα κατάσταση του ιστότοπού σας και τη θέση του χρήστη σε αυτό. Οι καταστάσεις κάτω σε ένα μενού παρέχουν πληροφορίες για τα συμφραζόμενα σε έναν χρήστη που η τεχνική του εικονιδίου χάμπουργκερ καλύπτει.
Τι κάνει καλά η εικόνα του χάμπουργκερ;
Δεδομένου ότι το εικονίδιο χάμπουργκερ είναι γενικά μισητό και οδηγεί σε σειρά προβλημάτων, γιατί χρησιμοποιείται παντού;
Από την εμπειρία μου, σίγουρα ανάμεσα σε ορισμένα δημογραφικά στοιχεία, η εικόνα του χάμπουργκερ έφθασε πρόσφατα στο σημείο να αναγνωριστεί εύκολα. Οι μελέτες που καταγγέλλουν ότι τείνουν να είναι ένα έτος ή περισσότερο παλιό και ένα χρόνο είναι πολύς χρόνος στο interweb.
Στην πραγματικότητα, το εικονίδιο συνδέσμου είναι πολύ πιο αναγνωρίσιμο από το εικονίδιο συνδέσμου ή το εικονίδιο κοινής χρήσης , οριστικές μορφές του οποίου δεν έχουν ακόμη προκύψει. Το εικονίδιο του χάμπουργκερ είναι συνεπές σε οποιοδήποτε αριθμό διαφορετικών σχεδίων.
Το πιο σημαντικό είναι ότι το εικονίδιο χάμπουργκερ κάνει αυτό που θέλει να κάνει: μας σώζει έναν τόνο οθόνης ακίνητης περιουσίας. Εάν ένας πελάτης σας παρουσιάσει μια λίστα με στοιχεία gagillion που πρέπει να προστεθούν σε ένα μενού και στη συνέχεια να τα μετατοπίσετε από την οθόνη και η σύνδεση με αυτά είναι ένας ακατέργαστος αλλά αποτελεσματικός τρόπος για να δημιουργηθεί χώρος για το περιεχόμενο που επιθυμεί ο πελάτης.
Θα ήθελα να πω ότι το εικονίδιο χάμπουργκερ λύνει το πρόβλημα καλύτερα από άλλες λύσεις, αλλά δεν είναι αλήθεια. Αντ 'αυτού θα πω ότι το εικονίδιο χάμπουργκερ λύνει το πρόβλημα λιγότερο άσχημα από άλλες λύσεις.
Η ρίζα του προβλήματος
Το εικονίδιο χάμπουργκερ τείνει να χρησιμοποιείται, επειδή οι σχεδιαστές - ή πιο συχνά, οι πελάτες - δεν είναι πλήρως δεσμευμένοι σε μια κινητή πρώτη προσέγγιση. Θέλουν μια «τακτική» τοποθεσία, αλλά συμπιέζονται στο τηλέφωνο της grandaughter τους.
Οι αντίπαλοι του εικονιδίου χάμπουργκερ τείνουν να το αντικαταστήσουν με τη λέξη «Μενού» - με αυτόν τον τρόπο λείπουν τελείως το σημείο. Το εικονίδιο του χάμπουργκερ έχει, όπως και όχι, αποκτήσει το νόημά του τώρα, αλλά οι χρήστες που καταλαβαίνουν τι σημαίνει το κουμπί δεν λύνουν το μεγαλύτερο πρόβλημα, το οποίο κρύβει την πλοήγησή μας, κρύβοντας τις επιλογές των χρηστών μας, είναι μια τρομερή πράξη του εαυτού -σαμποτάζ.
Εν ολίγοις, η εικόνα του χάμπουργκερ είναι ένα σύμπτωμα της συλλογικής αποτυχίας μας να αγκαλιάσουμε ολόψυχα όλες τις πτυχές της κινητής-πρώτης προσέγγισης.
Μια καλύτερη λύση
Προκειμένου να επιλυθεί το πρόβλημα του χάμπουργκερ, πρέπει να δεχτούμε ότι ο Ιστός όπως γνωρίζουμε δεν λειτουργεί. Η άνοδος του κινητού ιστού σημαίνει πολύ περισσότερο από τη μείωση του αριθμού των στηλών που χρησιμοποιούμε και την πτώση μερικών από τα βαρύτερα αρχεία εικόνας.
Ο κινητός ιστός χρησιμοποιείται με διαφορετικό τρόπο από τον παλιό ιστό. Ο ιστός για κινητά υπάρχει στο πλαίσιο αποκλειστικών εφαρμογών και οι χρήστες αναμένουν ότι ο ιστός θα έχει εμπειρία με παρόμοιο τρόπο.
Η εφαρμογή του Facebook άλλαξε πολύ καλά το εικονίδιο χάμπουργκερ για μια μπάρα καρτελών και ως αποτέλεσμα είδε βελτιωμένες μετατροπές. Αλλά το Facebook έχει κάνει κάτι πολύ πιο σημαντικό από τα σχέδια ανταλλαγής μενού. Πρόσφατα έχουν κυκλοφορήσει την εφαρμογή Messenger και η μεγάλη υπόθεση είναι ότι είχαν ήδη μια λειτουργική και δημοφιλής εφαρμογή που θα μπορούσαν να έχουν ενσωματώσει τα μηνύματα. Το Facebook έχει διαμερισματοποιήσει τις λειτουργίες του, εστιάζοντας στον ρόλο κάθε εφαρμογής που έχει φτάσει σε δύο απλές εφαρμογές, αντί σε ένα σύνθετο. Η μειωμένη λειτουργικότητα έχει ως αποτέλεσμα μια μειωμένη επιλογή επιλογών μενού και λιγότερη ανάγκη για ένα μενού χάμπουργκερ.
Οι καλές εφαρμογές επικεντρώνονται σε μεγάλο βαθμό, και έχουν εξελιχθεί με αυτόν τον τρόπο μέσω πολύ πιο αυστηρών δοκιμών χρήστη από ό, τι ο ιστός υποκλέπτεται. Για να δημιουργήσετε μια εμπειρία σε στυλ εφαρμογής, πρέπει να απλοποιήσουμε τους ιστότοπούς μας, να απλοποιήσουμε ξανά και στη συνέχεια να απλοποιήσουμε λίγο περισσότερο. Εάν είναι απαραίτητο, σπάστε την αρχιτεκτονική σας σε κομμάτια κομψού μεγέθους, μικροσκοπικά σχεδόν. Όταν παρουσιάζουμε στους χρήστες μας ένα απλό σύνολο επιλογών, δεν προκύπτει ποτέ το πρόβλημα ενός πολύπλοκου μενού.
Η χρήση του εικονιδίου χάμπουργκερ είναι σαν να χτυπάτε ένα βοήθημα ζώνης σε έναν τραυματισμό: το διορθώνει, αλλά κάτω από κάτι εξακολουθεί να είναι σπασμένο.
Μόνο εάν υιοθετήσουμε πλήρως μια προσέγγιση κινητού-πρώτου και εφαρμόσουμε όχι μόνο το σχεδιασμό μας, αλλά το περιεχόμενό μας και την αρχιτεκτονική των πληροφοριών μας, θα αποστείλουμε το μενού του χάμπουργκερ στην ιστορία.
Προτεινόμενη εικόνα / μικρογραφία, χρησιμοποιεί Η εικόνα του Χάμπουργκερ μέσω του Mononc 'Paul