Ikon Menu 3 Baris: Apa itu Menu Hamburger?

Daftar Isi:

Anonim

Bagaimana jika saya memberi tahu Anda bahwa situs web dan ponsel cerdas memiliki hamburger di dalamnya? Anda mungkin akan berpikir bahwa saya benar-benar kehilangannya setelah keluar dari obat saya. Tetapi itu benar-benar benar, saya tidak suka.

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

Menu What Is The Hamburger?

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

$config[code] not found

Sebenarnya ini adalah ikon.

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

Beberapa pengembang menyukai ikon menu 3 baris hamburger karena memungkinkan mereka untuk mengemas lebih banyak fitur ke dalam aplikasi atau navigasi mereka. Ikon mungil ini membutuhkan jumlah minimal layar real estat. Ini memberi aplikasi atau situs tampilan minimalis bersih.

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

Atau mungkin Anda berpikir demikian.

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

Siapa Yang “Diciptakan” Ikon Menu Hamburger?

Penemu di balik ikon menu hamburger adalah seorang pria bernama Norm Cox. Dia membuat ikon burger untuk Xerox Star, yang merupakan antarmuka pengguna grafis pertama di dunia. Itu lebih dari tiga dekade lalu.

Namun setelah itu, ikon melakukan tindakan menghilang.

Hanya baru-baru ini saja ikon menu 3 baris mulai merayap kembali, dengan munculnya perangkat seluler.

Misalnya, pada 2008 muncul di aplikasi Twitter, Tweetie. Kemudian pada tahun 2009 muncul di aplikasi Voice Memos untuk iPhone 3GS.

"Saya harus terkekeh sama sekali perhatian bahwa simbol" hamburger "semakin sedikit belakangan ini," kata Cox dalam sebuah wawancara dengan Small Business Trends.

"Sampai sekitar sembilan bulan yang lalu, saya belum memikirkan" tetesan dalam karier desain saya "selama lebih dari 30 tahun!"

"Hanya beberapa simbol yang dipertimbangkan," tambah Cox. “Satu simbol adalah panah menunjuk ke bawah dalam bentuk segitiga, mewakili arah yang akan muncul menu. Kami memutuskan bahwa simbol ini cenderung ditafsirkan terlalu sering sebagai penunjuk. Kami berpikir untuk menggunakan simbol asterisk (*) atau plus (+), tetapi tampaknya terlalu abstrak. ”

Cox mengatakan gambar hamburger tiga baris ternyata benar. “Simbol ini secara visual sederhana, mudah dijelaskan, dan mudah diingat secara fungsional. Tiga baris adalah angka sempurna, ”tambah Cox.

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

Beberapa nama terkemuka yang menggunakan ikon hamburger di aplikasi mereka termasuk Gmail, Facebook, Reeder, Twitter, dan Starbucks.

Dan sekarang situs web dan browser juga telah mengadopsi ikon menu 3 baris. Browser Chrome dan Firefox adalah contoh dari ini, menggunakan menu di sudut kanan atas. Menu hamburger menyembunyikan semua opsi, pengaturan, dan ekstensi. Dan ikon menyala oranye ketika sesuatu di browser perlu diperbaiki atau diperbarui.

Time.com adalah contoh situs web utama yang menggunakan menu hamburger - dalam hal ini di sudut kiri atas. Ketika Anda mengklik pada ikon menu 3 baris, slide keluar yang menunjukkan tautan konten tambahan muncul.

Beberapa ahli menunjukkan bahwa fungsi dalam menu hamburger jarang digunakan.

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

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

Memang, dalam kasus Time.com, kata "menu" harus ditambahkan di bawah ikon untuk membuatnya lebih jelas apa simbol itu.

Tergantung Lebih Sedikit Pada Menu Hamburger

Berbagai pengembang telah menyuarakan ketidaksenangan mereka pada ikon hamburger dan kekurangannya.

Beberapa menolak untuk menggunakan ikon, meskipun trendinya.

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

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

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

Kami berbicara dengan Mrinal Desai yang merupakan CEO dan Co-Founder of Addappt. Dia juga 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 orang dapat menganggapnya sebagai alternatif dari 'tab bar'. Sangat jarang melihat keduanya tetapi kami di Addappt menjelajahinya dengan prototipe tetapi akhirnya memilih untuk pergi ke rute ‘tab bar’. "

“Keputusan-keputusan ini seringkali tergantung pada tujuan aplikasi. Ikon hamburger cenderung menurunkan fungsi sedangkan bilah tab membuatnya lebih jelas, ”tambah Desai.

Pencipta 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, kami pikir.

"Umur panjang simbol (sejak 1980-an) adalah bukti kesederhanaan, utilitas, kemampuan belajar dan daya ingat," kata Cox, ketika ditanya tentang panggilan untuk membunuh ikon hamburger.

“Mencari 'membunuh' atau 'menghapus' sebuah alat atau widget UI berdasarkan penggunaan atau implementasi yang buruk keduanya sedikit picik dan terlalu reaktif.”

Hamburger, Foto Ikon Merah via Shutterstock

More in: Hal-hal yang Tidak Anda Ketahui, Apa 3 Komentar ▼