Apa Itu Tombol Hamburger dan Bagaimana Cara Menggunakannya?

Tombol hamburger terdengar lezat, bukan? Ini mungkin membuat Anda lapar, tetapi tombol hamburger sebenarnya tidak ada hubungannya dengan burger. Percaya atau tidak, ini adalah istilah yang biasa digunakan untuk tombol menu di aplikasi.

Faktanya, kebanyakan dari kita menggunakan ikon ini setiap hari. Ikon dengan tiga garis bertumpuk yang Anda lihat saat beralih menu atau bilah navigasi di aplikasi adalah tombol hamburger.

Jadi dari mana nama ini berasal dan mengapa digunakan? Mari kita cari tahu.

Asal Usul Tombol Hamburger

Tombol hamburger telah ada sejak tahun 1980-an. Namanya berasal dari desainnya: tiga garis horizontal tebal yang menyerupai hamburger. Juga dikenal sebagai ikon menu yang dapat dilipat, tombol hamburger dibuat oleh Norm Cox sebagai bagian dari antarmuka pengguna untuk Xerox Star, salah satu komputer pribadi komersial modern pertama.

Karena keterbatasan desain pada waktu itu, ikon yang mewakili menu dengan opsi tambahan perlu dibuat menjadi sesuatu yang sederhana. Tiga garis tebal paralel memenuhi kebutuhan, memberikan tampilan minimalis pada antarmuka pengguna. Garis adalah penggambaran abstrak dari daftar vertikal opsi dan fitur yang terkandung di dalamnya.

Apa yang Membuat Ikon Hamburger Populer?

Ikon burger menjadi lebih menonjol dengan munculnya smartphone dan aplikasi seluler. Dengan antarmuka pengguna yang baru dan lebih kecil, sulit untuk menyesuaikan sebagian besar opsi di layar. Untuk memberikan kemudahan navigasi, pengembang harus memasukkannya ke dalam menu, dan ikon hamburger terbukti berguna untuk tujuan ini.

Meskipun masih diperdebatkan aplikasi mana yang pertama kali menggunakannya, aplikasi Tweetie dari Twitter mungkin merupakan salah satu aplikasi modern pertama yang menggunakan ikon tersebut. Segera setelah itu, ikon hamburger mendapatkan popularitas yang lebih luas ketika diadopsi oleh Facebook dan Google di aplikasi seluler.

Karena tampilan ikon yang bersih dan tujuan yang jelas, tombol hamburger telah menjadi ikon masuk untuk aplikasi dan situs web untuk menempatkan opsi navigasi mereka sejak saat itu.

Untuk Apa Ikon Hamburger Digunakan?

Seperti disebutkan di atas, desain ikon menjelaskan tujuan aslinya. Tujuan itu hampir sama hari ini.

Namun, fungsi ikon hamburger di aplikasi sekarang lebih licin, karena kemajuan teknologi dan desain. Sekarang sering digunakan untuk menu yang meluncur atau runtuh masuk dan keluar dari sisi layar. Mengetuk ikon akan membuka menu samping dengan pilihan berbagai opsi dan fitur.

Berikut adalah contoh ikon hamburger yang digunakan di aplikasi Samsung Galaxy Store. Dengan mengetuk ikon di sudut kiri atas, Anda dapat mengakses berbagai opsi menu.

Galeri Gambar (2 Gambar) Mengembangkan Mengembangkan Menutup

Saat orang menggunakan aplikasi baru, mungkin sulit untuk menafsirkan berbagai ikon di layar. Keuntungan terbesar dari ikon hamburger adalah dapat langsung dikenali oleh siapa saja yang akrab dengan desain seluler. Ikon tersebar luas, yang membuatnya mudah ditafsirkan tanpa penjelasan apa pun.

Ikon hamburger hampir tidak memakan tempat, memungkinkan untuk menempatkannya di mana saja di layar tanpa mengganggu elemen lain. Tidak semuanya ada di halaman utama layar Anda, jadi ikon berfungsi dengan baik untuk menyediakan tempat yang telah ditentukan sebelumnya untuk elemen navigasi.

Terkait: Cara Mengatur Ikon Kustom untuk Aplikasi di Android

Seperti yang telah kita lihat, tombol hamburger menawarkan banyak keuntungan, seperti kemudahan navigasi dan antarmuka pengguna yang bersih. Namun, itu memang mencakup beberapa kelemahan, yang membuat pengembang aplikasi menjauh dan mempertimbangkan alternatif.

mengapa youtube premium begitu mahal

Dengan layar ponsel yang semakin besar setiap saat, semakin sulit untuk menjangkau tempat-tempat di mana tombol hamburger biasanya ditemukan. Hal ini membuat pengalaman pengguna menjadi kurang menarik dan penggunaan aplikasi menjadi kurang nyaman.

Saat Anda membuka aplikasi untuk pertama kalinya, Anda tentu akan mencari fitur utamanya. Ikon hamburger sering menyembunyikan sebagian besar opsi penting, yang membuat antarmuka kurang dapat ditemukan oleh pendatang baru.

Selain itu, menempatkan fitur yang menonjol di dalam tombol menu membuatnya merasa kurang penting. Itu membuat Anda berpikir jika opsi itu tidak cukup penting untuk diletakkan di layar beranda, itu mungkin tidak layak untuk dicoba.

Alternatif untuk Ikon Hamburger

Bilah navigasi telah menjadi cara yang lebih populer dan efisien untuk mengatur tombol menu. Alih-alih menyembunyikan fitur penting di balik ikon menu, bilah navigasi mengatur beberapa ikon di layar beranda.

Bilah navigasi menyediakan ikon menu yang jelas untuk dipahami dan karenanya lebih menarik. Tombol hamburger tidak memiliki kejelasan ini, sehingga mereka tidak mendapatkan tingkat keterlibatan yang sama.

Sebagai salah satu contoh, Google Play Store menyederhanakan antarmuka dengan mendesain ulang dengan bilah navigasi. Bilah itu, di bagian bawah, menampilkan fitur-fitur penting. Untuk mengakses opsi lain, Anda mengetuk ikon profil Anda di sudut kanan atas.

Galeri Gambar (2 Gambar) Mengembangkan Mengembangkan Menutup

Bilah navigasi memungkinkan Anda melihat lebih banyak fitur dan fungsionalitas inti di layar beranda. Anda dapat melihat beberapa ikon di bilah secara sekilas. Plus, bilah ini biasanya berada di bagian bawah layar, yang jauh lebih mudah dijangkau daripada kanan atas atau kiri atas tempat ikon hamburger biasanya hidup.

Terkait: Cara Mendapatkan Bilah Navigasi Berwarna di Android Tanpa Root

Meskipun seperti ikon hamburger, bilah navigasi memiliki kekurangan. Meskipun mereka menempatkan fitur-fitur teratas di bagian depan, mereka hanya terbatas pada empat atau lima pilihan saja. Jadi jika aplikasi ingin menampilkan fitur yang lebih penting, aplikasi tersebut harus menggunakan sesuatu yang lain selain bilah navigasi.

Mungkin opsi terbaik adalah menggabungkan bilah navigasi dan ikon hamburger. Bilah navigasi dapat menampilkan fitur aplikasi yang disorot, sementara fitur lainnya dapat disimpan di ikon hamburger.

Facebook adalah contoh populer untuk ini. Di bilah navigasinya, Anda dapat mengetuk menu hamburger untuk mengakses semua fitur lainnya.

Masa Depan Ikon Hamburger

Tombol hamburger telah lama digunakan sebagai ikon menu masuk, jadi kebanyakan orang sudah terbiasa dengannya. Pendekatannya yang minimalis dan tujuannya yang jelas telah membuatnya dikenal luas oleh siapa saja yang menggunakan smartphone.

Tetapi karena beberapa kekurangan dari ikon burger, banyak aplikasi populer termasuk Google Play Store, Instagram, dan Twitter telah mulai menggunakan bilah navigasi sebagai gantinya. Bilah navigasi mungkin berfungsi sebagai alternatif yang lebih baik untuk ikon hamburger, tetapi belum sepenuhnya terintegrasi ke dalam setiap aplikasi. Akibatnya, kita masih akan melihat ikon hamburger digunakan secara teratur untuk beberapa waktu.

Ikon hamburger tidak sempurna, tetapi dapat ditingkatkan dengan menggabungkannya dengan elemen navigasi alternatif. Penting untuk memastikan bahwa alat apa pun yang digunakan aplikasi jelas bagi pengguna.

Membagikan Membagikan Menciak Surel Ikon dan Simbol Facebook Messenger: Apa Artinya?

Di mana kami menjelaskan apa arti semua ikon dan simbol Facebook Messenger dan bagaimana menggunakannya dengan benar.

Baca Selanjutnya Topik-topik yang berkaitan

Teknologi Dijelaskan
Android
Android
Desain
Terminologi

Tentang Penulis Shreeya Deshpande(9 Artikel Diterbitkan)

Shreeya adalah penggemar teknologi dan senang mengikuti kemajuan teknologi terbaru. Ketika dia tidak menulis tentang teknologi, Anda dapat menemukannya bepergian atau membaca novel favoritnya!

Berlangganan newsletter kami

Bergabunglah dengan buletin kami untuk kiat teknologi, ulasan, ebook gratis, dan penawaran eksklusif!

Klik di sini untuk berlangganan