it-swarm.asia

Ikon menu hamburger - haruskah mereka berada di kiri atau kanan?

Menu hamburger (tiga bilah horizontal kecil: ikon menu baru). Haruskah mereka berada di kanan atau kiri?

Saya hanya memikirkan aplikasi seluler dan tablet.

enter image description here

Pola yang paling banyak saya lihat adalah di sisi kiri: aplikasi Youtube, aplikasi Evernote, dan banyak lagi. Namun, saya telah melihat argumen yang tepat menjadi lebih ramah pengguna karena ketika Anda meraih ponsel dengan tangan kanan, lebih mudah untuk mencapai menu.

enter image description here

Apa yang kalian pikirkan? Haruskah saya mengikuti arus dan mengimplementasikan menu di sisi kiri?

38
John Assymptoth

Menu ini menjadi "terkenal" karena Facebook dan Path mengimplementasikannya untuk pertama kalinya. Secara pribadi saya tidak terlalu tertarik dengan menu ini, tetapi jika saya harus memilih sisi saya akan memilih sisi kanan.

Itu karena aprox. 67% pengguna menggunakan ibu jari kanan (sehingga itu berarti tangan kanan) dan dalam beberapa penelitian telah membuktikan bahwa area layar lebih sulit dijangkau dengan postur tangan ini adalah yang kiri atas. Sesuatu yang dapat Anda lihat dengan benar dalam gambar ini dari buku LukeW's Web Form Design
enter image description here

Navigasi aplikasi situs web seluler itu harus mudah dijangkau dan diakses. Dengan cara ini pengalaman lebih nyaman (setidaknya untuk 67% pengguna tangan kanan).

Di sini Anda dapat menemukan artikel yang sangat menarik tentang bagaimana pengguna memegang perangkat seluler: Bagaimana Pengguna Memegang Perangkat Seluler?

54
Rafa Q.

Pertama, Anda harus melakukan apa yang sudah dilakukan.

Pengguna suka konsistensi

Jika sebagian besar aplikasi melakukannya di sisi kiri atas, lanjutkan dengan itu. Ini sangat mirip dengan bagaimana banyak telepon, meskipun perusahaan yang berbeda, menerapkan mekanisme yang sama untuk layar sentuh (ketuk sekali untuk membuka aplikasi, bukan dua kali, atau bahkan menggeseknya).

Selain itu, seperti yang ditunjukkan oleh penelitian (terima kasih @Izahaki) sisi kiri lebih baik karena lebih mudah untuk berbaring, kemudian mengompres (kurang keseimbangan seperti itu di tangan dari apa yang saya temukan).

Juga, saya tidak bisa mengungkapkan ini cukup: Tes pengguna.

Lihat apa yang lebih nyaman atau digunakan oleh pengguna target (pemangku kepentingan) Anda. Jika mereka ahli teknologi, saya akan konsisten.

Namun, ada juga sesuatu yang disebut perilaku yang dipelajari . Sesuatu yang mulai dilakukan pengguna setelah penggunaan berulang. Jadi sungguh, jika Anda menetapkan standar, jangan langgar dan mungkin ada potensi perilaku yang dipelajari. Namun, saya sangat menyarankan Anda pergi dengan apa yang dilakukan terlebih dahulu, kemudian buat aturan sendiri jika perlu.

14
Majo0od

Kami telah memberikan banyak pemikiran dan pengujian baru-baru ini dan telah mencoba menu hamburger/curtain di kiri dan kanan. Salah satu faktor penting yang perlu diingat adalah posisi elemen navigasi lain yang Anda miliki, khususnya ikon Beranda atau Kembali.

Apple mengerutkan dahi karena memiliki hamburger tepat di samping/di atas tombol Kembali - dan telah menolak salah satu aplikasi kami karena hal ini. Menariknya, yang lain telah melalui begitu Apple tampaknya agak tidak konsisten tentang ini. Mungkin itu tergantung pada faktor-faktor lain seperti ukuran zona keran, perbedaan visual antara fungsi dll.

Namun secara umum, saya berpendapat bahwa memiliki ikon hamburger di sisi kanan. Kiri atas sepertinya posisi alami untuk tombol Kembali/Rumah. Penelitian sebelumnya yang telah kami lakukan menunjukkan bahwa pengguna suka memiliki tombol Kembali/Rumah karena memberi mereka rasa aman/landasan dalam hierarki nav - mereka selalu tahu bahwa mereka dapat kembali ke area "aman".

Mungkin Anda harus bertanya terlebih dahulu apakah navigasi tirai diperlukan sama sekali ... mereka nyaman karena mereka secara efektif bertindak sebagai nav global, dapat diakses dari mana saja di aplikasi. Apakah aplikasi Anda memerlukan ini? Apakah lebih mudah memiliki halaman navigasi dengan daftar ikon/fungsi untuk aplikasi di beranda? Ini membantu memberi pelanggan model mental yang baik dari aplikasi/fungsi yang dimungkinkan. Itu tergantung pada aplikasi Anda, jumlah fungsi yang dimiliki dan bagaimana pengguna Anda menggunakannya.

Apa pun yang Anda lakukan, pastikan Anda menguji prototipe solusi Anda dengan pengguna sungguhan sebelum mengirimnya ke pengembangan!

8
Robert Whelan

Kontrol yang paling banyak digunakan harus berada di area layar yang paling mudah dijangkau.
Jika menu jarang digunakan, yang saya pikir itu masalahnya, maka itu tidak memenuhi syarat berada dalam jangkauan jempol kanan.
Menu yang jarang digunakan yang terbuka misalnya layar konfigurasi sibuk yang meminta interaksi aktif lebih mungkin dioperasikan dengan dua tangan.
Selain itu, memiliki menu di sudut kiri atas memiliki dua kelebihan: selalu terlihat, dan kecil kemungkinannya untuk disentuh secara tidak sengaja.

4
Juan Lanus

Karena ini dijawab, banyak yang berubah. Kita sekarang tahu bahwa menu bawah jauh lebih ramah pengguna, itulah sebabnya kami melihat merek yang lebih besar lebih ke arah konsep ini.

Cara kerja menu ini adalah, Anda menempatkan 4 aksi menu di bilah ini, dan memiliki tombol "menu" ke-5, untuk menyembunyikan item menu lain yang kurang penting yang Anda miliki di versi desktop.

Sudah jelas jika Anda memikirkannya, jari-jari Anda lebih dekat ke bagian bawah layar, jadi mengapa Anda tidak meletakkannya di sana ?! Saya telah mengumpulkan beberapa contoh.

Menu Spotify

enter image description here

Menu Facebook

enter image description here

Berbagai menu lainnya

enter image description here

2
MJB

Orang Barat terbiasa membaca dari kiri ke kanan, atas ke bawah, sehingga menempatkan info menarik di kiri atas (seperti logo dan judul aplikasi saat ini) alih-alih tombol statis yang membosankan, menghemat waktu mereka. Juga, orang-orang kanan suka hal-hal interaktif di sebelah kanan .

2
Cees Timmerman

Menurut pendapat saya, ini akan tergantung pada bagaimana tombol bereaksi. Jika itu akan menampilkan menu vertikal tersembunyi maka itu harus di sisi bahwa menu vertikal aktif (seperti aplikasi Facebook). Jika menu jatuh dari atas, bawah, atau pergi ke tampilan yang sama sekali berbeda, maka itu tidak terlalu menjadi masalah.

Jika ragu, saya akan memilih yang termudah dan paling cocok di layar.

0
T0t3sMcG0t3s

Saya pikir itu tergantung pada tindakan yang menyebabkan tombol. Jika itu mengaktifkan menu yang muncul di bagian kiri layar maka tombol itu harus di sebelah kiri untuk memperkuat hubungan antara tombol dan menu dengan kedekatan.

Jika mengaktifkan menu yang muncul di bagian atas layar maka tombolnya harus di sebelah kanan, karena ini adalah cara daftar drop-down dikonfigurasikan, dan gaya menu ini secara konseptual diturunkan dari daftar drop-down.

0
obelia