Τι είναι το κουμπί Hamburger και πώς χρησιμοποιείται;

Τι είναι το κουμπί Hamburger και πώς χρησιμοποιείται;

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





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





Από πού προέρχεται λοιπόν αυτό το όνομα και γιατί χρησιμοποιείται; Ας ανακαλύψουμε.





Η προέλευση του κουμπιού χάμπουργκερ

Το κουμπί χάμπουργκερ υπάρχει από τη δεκαετία του 1980. Το όνομά του προέρχεται από τον σχεδιασμό του: οι τρεις τολμηρές οριζόντιες γραμμές που μοιάζουν με χάμπουργκερ. Γνωστό και ως πτυσσόμενο εικονίδιο μενού, το κουμπί χάμπουργκερ δημιουργήθηκε από τον Norm Cox ως μέρος της διεπαφής χρήστη για το Xerox Star, ένα από τα τους πρώτους σύγχρονους εμπορικούς προσωπικούς υπολογιστές.

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



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

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





Λόγω της καθαρής εμφάνισης και του σαφούς σκοπού του εικονιδίου, το κουμπί χάμπουργκερ έχει γίνει το εικονίδιο go-to για εφαρμογές και ιστότοπους για να τοποθετήσουν τις επιλογές πλοήγησής τους από τότε.

Σε τι χρησιμεύει το εικονίδιο Hamburger;

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





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

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

Συλλογή εικόνων (2 εικόνες) Επεκτείνουν Επεκτείνουν Κλείσε

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

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

Σχετίζεται με: Πώς να ορίσετε προσαρμοσμένα εικονίδια για εφαρμογές στο Android

Τι συμβαίνει σήμερα στο μενού Hamburger;

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

πώς να προσθέσετε πλαίσιο κειμένου στα έγγραφα Google

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

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

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

Εναλλακτικές λύσεις στο εικονίδιο του Χάμπουργκερ

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

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

Ως παράδειγμα, το Google Play Store απλοποίησε τη διεπαφή του επανασχεδιάζοντάς το με μια γραμμή πλοήγησης. Αυτή η γραμμή, στο κάτω μέρος, παρουσιάζει σημαντικά χαρακτηριστικά. Για πρόσβαση σε άλλες επιλογές, πατήστε το εικονίδιο του προφίλ σας στην επάνω δεξιά γωνία.

Συλλογή εικόνων (2 εικόνες) Επεκτείνουν Επεκτείνουν Κλείσε

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

Σχετίζεται με: Πώς να αποκτήσετε μια έγχρωμη γραμμή πλοήγησης στο Android χωρίς ρίζα

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

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

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

Το μέλλον του εικονιδίου του Χάμπουργκερ

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

Αλλά λόγω μερικών μειονεκτημάτων του εικονιδίου burger, πολλές δημοφιλείς εφαρμογές, όπως το Google Play Store, το Instagram και το Twitter, έχουν αρχίσει να αγκαλιάζουν τη γραμμή πλοήγησης. Η γραμμή πλοήγησης μπορεί να χρησιμεύσει ως καλύτερη εναλλακτική λύση για το εικονίδιο χάμπουργκερ, αλλά δεν έχει ενσωματωθεί ακόμη πλήρως σε κάθε εφαρμογή. Ως αποτέλεσμα, θα εξακολουθούμε να βλέπουμε το εικονίδιο χάμπουργκερ να χρησιμοποιείται κανονικά για κάποιο χρονικό διάστημα.

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

Μερίδιο Μερίδιο Τιτίβισμα ΗΛΕΚΤΡΟΝΙΚΗ ΔΙΕΥΘΥΝΣΗ Εικονίδια και σύμβολα του Facebook Messenger: Τι σημαίνουν;

Στην οποία εξηγούμε τι σημαίνουν όλα τα εικονίδια και τα σύμβολα του Facebook Messenger και πώς να τα χρησιμοποιείτε σωστά.

Διαβάστε Επόμενο
Σχετικά θέματα
  • Η τεχνολογία εξηγείται
  • Android
  • Android
  • Σχέδιο
  • Ορολογία
Σχετικά με τον Συγγραφέα Shreeya Deshpande(Δημοσιεύθηκαν 9 άρθρα)

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

Περισσότερα από τον Shreeya Deshpande

Εγγραφείτε στο newsletter μας

Εγγραφείτε στο ενημερωτικό μας δελτίο για τεχνικές συμβουλές, κριτικές, δωρεάν ebooks και αποκλειστικές προσφορές!

Κάντε κλικ εδώ για εγγραφή