Ikon Menu 3 Baris: Apa itu Menu Hamburger?

Bagaimana jika saya memberi tahu Anda bahwa situs web dan telepon pintar memiliki hamburger di dalamnya? Anda mungkin akan berpikir bahwa saya benar-benar kehilangannya setelah keluar dari obat-obatan saya. Tapi itu benar sekali, saya tidak bercanda.

Saat Anda membuka aplikasi di ponsel cerdas atau beberapa situs web hari ini, Anda mungkin melihat hamburger — yaitu ikon menu hamburger.

Apa Menu Hamburgernya?

Menu hamburger (yang tidak disertai dengan kentang goreng) adalah tiga garis horizontal yang Anda lihat sekarang di bagian atas banyak layar, baik di paling kiri atau paling kanan.

Ini adalah ikon, sebenarnya.

Dengan menyentuh, mengetuk, atau mengklik ikon, itu membuka menu samping dengan pilihan opsi atau halaman tambahan.

Beberapa pengembang menyukai ikon menu garis hamburger 3 karena memungkinkan mereka mengemas lebih banyak fitur ke dalam aplikasi atau navigasi mereka. Ikon kecil membutuhkan jumlah minimal ruang layar. Ini memberi aplikasi atau situs tampilan minimalis yang bersih.

Cukup mudah bagi pengguna aplikasi atau pengunjung situs web untuk menekan tombol untuk menggeser menu masuk dan keluar.

Atau begitulah yang mungkin Anda pikirkan.

Namun, pengembang lain dan beberapa pengguna benar-benar membenci ikon menu hamburger atau hanya dibuat bingung olehnya. Mengapa? Karena tidak jelas bagi semua pengguna bahwa ketiga garis itu sebenarnya adalah ikon menu, dan tidak memberi tahu pengguna apa yang ada di sana.

Siapa yang "Menciptakan" Ikon Menu Hamburger?

Visioner di balik ikon menu hamburger yang ada di mana-mana adalah perintis kreatif bernama Norm Cox. Dia menciptakan ikon menu hamburger yang sekarang ada di mana-mana, simbol universal yang awalnya dia rancang untuk Xerox Star, antarmuka pengguna grafis pertama di dunia, lebih dari tiga dekade lalu.

Namun, setelah konsepsinya, gambar ikonik tersebut tampaknya tergelincir ke dalam periode ketidakjelasan yang relatif.

Kebangkitan ikon dapat ditelusuri kembali ke kebangkitan perangkat seluler. Selama era ini, pada tahun 2008, ikon tiga baris mulai merayap kembali, pertama kali muncul di aplikasi Twitter, Tweetie.

Tahun berikutnya, ikon tersebut menemukan rumah baru di antarmuka aplikasi Memo Suara untuk iPhone 3GS.

Dalam sebuah wawancara dengan Tren Bisnis Kecil, Cox berbagi kebingungannya atas kebangkitan ciptaannya, dengan menyatakan, “Saya harus terkekeh melihat semua perhatian yang didapat dari simbol 'hamburger' kecil belakangan ini. Hingga sekitar sembilan bulan yang lalu, saya tidak pernah memikirkan 'tetesan dalam ember karier desain saya' selama lebih dari 30 tahun!”

Saat melakukan brainstorming simbol, beberapa alternatif dipertimbangkan:

• Panah mengarah ke bawah berbentuk segitiga, menandakan arah menu yang dihasilkan akan muncul. Namun, ini ditolak karena terlalu sering ditafsirkan sebagai petunjuk.
• Simbol asterisk (*) atau plus (+) juga dipertimbangkan tetapi akhirnya dibuang karena sifatnya yang abstrak.

Pada akhirnya, Cox mengatakan gambar hamburger tiga baris mencapai keseimbangan yang sempurna: “Simbol ini secara visual sederhana, mudah dijelaskan, dan mudah diingat secara fungsional. Tiga baris adalah angka yang sempurna.”

Ikon hamburger, elemen desain yang sederhana namun kuat, dengan demikian memantapkan tempatnya di dunia desain antarmuka pengguna, berdiri sebagai bukti daya tarik kesederhanaan yang tak lekang oleh waktu.

Situs Web atau Aplikasi Apa yang Menggunakan Ikon Menu Hamburger Terkenal Ini?

Beberapa nama terkenal yang menggunakan ikon hamburger di aplikasinya antara lain Gmail, Facebook, Reeder, Twitter, dan Starbucks.

Dan kini website dan browser juga sudah mengadopsi ikon menu 3 baris. Browser Chrome dan Firefox adalah contohnya, menggunakan menu di pojok kanan atas. Menu hamburger menyembunyikan semua opsi, pengaturan, dan ekstensi. Dan ikon menyala oranye ketika ada sesuatu di browser yang perlu diperbaiki atau diperbarui.

Time.com adalah contoh situs web besar yang menggunakan menu hamburger — dalam hal ini di pojok kiri atas. Saat Anda mengeklik ikon menu 3 baris, slide keluar yang menampilkan tautan konten tambahan akan muncul.

Beberapa ahli menunjukkan bahwa fungsi menu hamburger hampir tidak digunakan.

Pertama-tama, banyak orang belum mengetahui bahwa 3 garis horizontal sebenarnya adalah ikon menu, dan bukan sekadar gambar.

Kedua, ikon hamburger membuat informasi di menu tersembunyi "tidak terlihat, tidak terpikirkan". Kecuali jika mereka benar-benar mengeklik atau menyentuh ikon menu 3 baris, mereka tidak akan melihat pilihan di sana.

Memang, dalam kasus Time.com, kata "menu" harus ditambahkan di bawah ikon agar lebih jelas apa simbolnya.

Kurang Bergantung Pada Menu Hamburgernya

Berbagai pengembang menyuarakan ketidaksenangan mereka pada ikon hamburger dan kekurangannya.

Beberapa menolak untuk menggunakan ikon tersebut, meskipun trendi.

Tetapi perusahaan paling terkenal yang telah melakukan perubahan adalah Facebook. Agar benar-benar jelas, Facebook tidak pernah secara terbuka menyatakan ingin sepenuhnya menyingkirkannya. Namun Facebook mengeluarkan beberapa fitur seluler yang sebelumnya tersembunyi di balik ikon hamburger.

Mereka sekarang ditampilkan di bilah horizontal di bagian bawah layar, yang disebut bilah tab.

Bilah tab bawah mengambil lebih banyak ruang di layar, tetapi membuat fungsi tertentu lebih jelas.

Kami berbicara dengan Mrinal Desai yang merupakan CEO dan Co-Founder Addappt. Dia juga berada di belakang Crossloop, aplikasi teknologi jarak jauh crowdsourced, yang akhirnya dijual ke AVG Anti-Virus.

“Menu hamburger sebenarnya bukan untuk pengaturan,” kata Desai, berbicara dengan Tren Bisnis Kecil. “Ini hampir seperti 'lebih' atau bahkan dapat dianggap sebagai alternatif dari 'bilah tab'. Jarang melihat keduanya tetapi kami di Addappt menjelajahinya dengan prototipe tetapi akhirnya memilih untuk menggunakan rute 'tab bar'.

“Keputusan ini seringkali bergantung pada tujuan aplikasi. Ikon hamburger cenderung menghilangkan fungsi sedangkan bilah tab membuatnya lebih jelas, ”tambah Desai.

Pembuat Ikon Hamburger Mendapat Kata Terakhir

Jadi haruskah Anda menggunakan ikon menu hamburger di situs web, tema seluler, atau aplikasi Anda sendiri?

Pengembang asli ikon harus mendapatkan kata terakhir, menurut kami.

"Simbol itu berumur panjang (sejak 1980-an) adalah bukti kesederhanaan, kegunaan, kemampuan belajar, dan daya ingatnya," kata Cox, ketika ditanya tentang seruan untuk mematikan ikon hamburger.

“Berusaha untuk 'membunuh' atau 'menghapuskan' alat atau widget UI berdasarkan penggunaan atau penerapan yang buruk adalah pandangan yang picik dan terlalu reaktif.”

Tabel ini merinci sejarah dan penggunaan ikon di berbagai era, mulai dari pembuatannya hingga reintroduksi dan penggunaan luas saat ini, menyoroti bagaimana penerimaan dan penerapannya telah berubah dari waktu ke waktu:

Hamburger, Foto Ikon Merah melalui Shutterstock