Menu burger diwakili oleh ikon tiga bar mendatar selari yang, apabila diklik, membuka anak tetingkap yang mengandungi beberapa pautan. Anda mungkin sudah perasan perkara ini beberapa kali semasa menyemak imbas pada telefon pintar atau pada tablet anda, malah pada skrin komputer anda!

Pada mulanya, dan sering digunakan dalam pengertian ini, menu burger membolehkan anda mengubah menu yang boleh dilihat pada a

skrin komputer dengan ikon pada skrin yang lebih kecil, begitu juga pada telefon pintar dan tablet.

Menu burger ini membawa perdebatan kerana penggunaannya sangat meluas memandangkan ia bertindak balas kepada masalah ruang yang terdapat pada skrin kecil. Tetapi membawa bahagian kekangannya dari segi kebolehgunaan.

“Seperti rangkaian makanan segera yang murah, ia mendapat

pereka ketagih dengan kemudahannya,

dan kini berkhidmat berjuta-juta setiap hari”.

                                                                                            Kumpulan Nielsen Norman

Kemunculan menu burger

Menu burger telah dicipta oleh Norm Cox pada tahun 1981 semasa mereka bentuk antara muka untuk salah satu komputer peribadi pertama, Xerox Star.

Ikon dan tiga barnya mewakili senarai pilihan yang muncul sebaik sahaja pengguna mengklik. Matlamatnya adalah untuk mencipta ikon kecil yang masih boleh dibaca dan dikenali, sambil melambangkan senarai secara grafik. Norm Cox telah diilhamkan oleh simbol pada papan tanda jalan untuk mencipta ikon ini khususnya.

Selepas itu, pada tahun 2009, selepas bertahun-tahun tidak digunakan oleh antara muka lain, ikon itu digunakan oleh Apple, dalam salah satu aplikasi pertamanya untuk iPhone. Ikon adalah komponen yang ideal untuk memenuhi kekangan ruang pada telefon pintar dan menggunakan hujah yang sama seperti Cox apabila ia dicipta: kecil, boleh dibaca dan dikenali untuk memaparkan senarai.

Kemudian Facebook, Twitter dan akhirnya Google menjadikan ikon sebagai standard untuk melambangkan menu. Populariti ikon ini dengan nama yang berwarna-warni bermula. Pengguna kini telah menggunakan menu burger ini dalam penggunaan aplikasi mudah alih mereka dan dengan cepat mengenal pasti penggunaannya.

Menu burger ini kemudiannya ditunjukkan oleh tiga bar mendatar yang disusun seperti stik antara dua keping roti, maka nama yang berwarna-warni ini.

Menu a la carte yang lain

Ikon menu burger bukanlah satu-satunya ikon yang boleh melambangkan menu tersembunyi :

●  Menu kebab : ikon terdiri daripada tiga titik menegak. Ia ditemui terutamanya dalam Google dan oleh itu antara muka Android, komponen tersebut adalah sebahagian daripada sistem reka bentuk untuk memaparkan anak tetingkap pilihan atau tindakan kedua yang dipautkan kepada ciri.

●  Menu bebola daging: ikon juga terdiri daripada tiga titik tetapi mendatar kali ini. Dengan mengklik pada ikon ini, pengguna juga mengakses senarai untuk mendapatkan butiran lanjut tentang elemen yang dikaitkan dengan ikon.

●  Menu Bento: ikon terdiri daripada tiga baris tiga petak. Ikon ini sering digunakan untuk menyenaraikan input atau fungsi tetapi dalam bentuk grid seperti yang berlaku pada perwakilan grafik ikon.

●  Menu doner: ikon terdiri daripada tiga baris bertindan yang lebih tebal dengan panjang yang berbeza. Ia mencirikan senarai penapis yang dipautkan ke halaman yang dirujuk.

Empat ikon lain yang membenarkan akses kepada menu ini mengalami kelemahan yang sama seperti menu burger sambil memberikan kelebihan yang sama.

Berikut adalah kelebihan dan kekurangan menu burger :

Kelebihan menu burger

Sebelum memberi anda alasan untuk "mengapa mengucapkan selamat tinggal kepada menu burger", adalah penting untuk diingat bahawa komponen ini membawa bahagian kelebihannya. Berikut ialah senarai yang tidak lengkap:

Apabila menu ditutup :

1. Seperti yang dinyatakan di atas, ikon menu burger adalah mudah dan boleh dibaca: yang membolehkan anda mencipta reka bentuk yang bersih dan minimalis.
2. Ikon memberi laluan kepada kandungan halaman. Ia membolehkan tidak membebankan halaman dan tidak membebankannya dengan terlalu banyak maklumat.

Apabila menu dibuka :

3. Menu boleh mempunyai reka bentuk sendiri dan oleh itu mempunyai susun atur tertentu.
4. Perhatian pengguna tertumpu pada kandungan menu.
5. Pada mudah alih, zon sentuh pada pautan boleh ditingkatkan untuk lebih keselesaan.
6. Pautan dan akses kepada pelbagai kursus di tapak dipusatkan di tempat yang sama.

Kelemahan menu burger

Tetapi sekarang kita boleh menjawab mengapa. Mengapa mengelak menggunakan menu burger? Mengapa lebih baik mengucapkan selamat tinggal kepadanya?

Pereka bentuk mempersoalkan menu burger kerana ia telah ditemui melalui kajian, ujian pengguna dan analisis statistik perundingan laman web bahawa navigasi ini membawa kepada penurunan mendadak dalam komitmen pengguna.

Berikut adalah senarai yang tidak lengkap tentang keburukan menu burger :

#1 Masalah utama yang didedahkan ialah pilihan navigasi tersembunyi dan tiada gambaran keseluruhan laluan yang mungkin. Oleh itu, pengguna keliru untuk tidak mencari apa yang dia cari (melalui kata kunci, pautan atau butang) pada halaman yang dia sedang berunding.

#2 Akses ke menu melalui ikon menarik sedikit perhatian daripada pengguna (kerana ia kecil dan dikelilingi oleh kandungan) dan oleh itu boleh tidak disedari oleh pengguna.

#3 Pada mudah alih, ikon diletakkan (selalunya) di bahagian atas skrin, sepadan dengan zon sentuh yang sukar dicapai oleh pengguna.

#4 Oleh kerana entri tapak disembunyikan, pengguna kurang berminat dan tidak akan mengklik untuk menemui semua kandungan.

#5 Reka bentuk ikon juga menjadi masalah kerana pengguna tidak semestinya mengenali ikon sebagai butang untuk memaparkan navigasi. Sesetengah pengguna tidak memahami mekanisme di sebalik ketiga-tiga bar ini. Akibatnya, jika navigasi dipusatkan di sana, anda boleh kehilangan pelawat.

#6 Ketik tambahan (atau klik) untuk akses menu menjadikan pengguna kurang terlibat dalam menemui tapak. Tetapi ia juga boleh menimbulkan keletihan dalam navigasi, malah kegusaran kerana klik tambahan ini adalah dinding yang mesti dilalui pada setiap perubahan halaman atau laluan. Oleh itu laluan dipanjangkan untuk mencapai matlamat.

#7 Memandangkan menu mempunyai halaman sendiri, kami mendapati bahawa halaman ini sering terlebih muatan kerana kami ingin mengisinya dengan seberapa banyak pautan dan akses yang mungkin. Kami berakhir dengan sejumlah besar tajuk yang memberikan kesan telah memaparkan peta tapak. Antara muka kehilangan kejelasan dan kesederhanaan.

# Untuk menyimpulkan

Dalam artikel ini, kita telah melihat bersama-sama kelebihan dan kekurangan menggunakan menu burger.

Pemerhatian adalah jelas, menu burger datang dengan bahagian masalahnya yang menghalang pengguna anda daripada menavigasi dengan cekap di tapak.

Dalam artikel akan datang, saya akan berkongsi dengan anda :

• petua untuk menambah baik penggunaan menu burger jika anda ingin menggunakannya dan dalam kes yang mana adalah dinasihatkan untuk menggunakan mekanisme ini,
• kemungkinan materialisasi lain untuk menu anda yang memungkinkan untuk menggabungkan kesederhanaan, kebolehgunaan dan estetika untuk antara muka anda.

Jangan teragak-agak untuk berkongsi pendapat anda tentang menu burger! Untuk atau menentang? 🙂