it-swarm.asia

Dalam menu burger, harus "Logout" selalu di bagian bawah dan mengapa?

Saya perhatikan ini saat menggunakan situs web yang memerlukan login/logout - Saya terbiasa mengakses tombol "Logout" di bagian bawah menu. Sebagai contoh:

general layout of extended menu

Pada menu burger, opsi logout akan selalu ada di bagian bawah, dan biasanya baris paling atas dari menu kebanyakan "Rincian" atau "Info Akun. "

Tadi malam, saya membuka situs web Steam dan saya mengklik tombol ">" untuk memperpanjang menu. Tata letaknya sedikit berbeda, dan saya tidak sengaja mengklik tombol "Logout" oleh refleks, karena (karena kebiasaan) saya pikir itu adalah menu "Detail" karena tautannya ada di baris pertama. Berikut screenshotnya:

enter image description here

Jadi ya, saya tidak terbiasa dengan tombol/tautan "Keluar" yang berada di bagian paling atas dari menu semacam ini. Itu membuat saya bertanya-tanya, pertanyaan saya adalah:

Apa teori dasar untuk posisi tombol "Keluar" dalam menu dengan baris? Haruskah selalu di 'akhir' karena menunjukkan tanda keluar (secara teknis)? Dan mengapa, misalnya, apakah situs web Steam menempatkan tombol "Logout" di posisi yang berlawanan? Apakah ada hubungannya dengan kebiasaan atau kecenderungan lain?

PS: Maafkan bahasa Inggris saya, saya mencoba mengartikulasikan pikiran saya dalam tata bahasa yang terbatas.

38
corgiiscute

Saya pikir Steam tidak memperhatikan masalah ini.

Berikut adalah beberapa alasan untuk meletakkan tombol logout di bagian bawah dropdown:

  • Hindari logout yang tidak disengaja - saat Anda menunjukkan menempatkan logout di bagian atas daftar dapat membuat logout tidak disengaja bagi pengguna yang digunakan untuk mengklik dua kali pada elemen.
  • Ikuti standar - ketika menjelajah pengguna internet mulai memiliki sesuatu, seperti memori otot, untuk berbagai elemen halaman web. Dalam kasus Anda, Anda telah mengembangkan harapan (memori otot) bahwa logout berada di bagian bawah daftar kontrol pengguna. Karena sebagian besar situs telah mengadopsi standar ini, Anda harus mengikutinya sehingga Anda menghindari logout yang tidak disengaja.
  • Bagian atas dan bawah daftar paling terlihat - ketika Anda memiliki daftar, elemen yang paling terlihat adalah bagian atas dan bawah (- lihat di sini ).
  • Artinya - ketika seseorang telah masuk, masuk akal untuk mendaftar opsi logout sebagai yang terakhir, karena logout biasanya merupakan akhir dari tugas tertentu.
46

Buat lebih sulit untuk menemukan tombol yang merusak

Jika Anda perlu menyertakan tombol destruktif, Anda harus menemukan cara untuk membuatnya lebih sulit ditemukan daripada tombol tindakan utama Praktik terbaik untuk tombol

Sangat penting bagi bisnis saat ini untuk membuat pengguna tetap terlibat dengan produk mereka, dan tidak ada yang mau memberi mereka akses mudah ke pengguna untuk meninggalkan aplikasi mereka atau berhenti menggunakan produk mereka.

Berikut adalah contoh sempurna dari Pinterest yang benar-benar membuatnya lebih sulit ditemukan di situs web mereka:

enter image description here

17
DPS

Aliran Pengguna

Pikirkan setiap item menu sebagai tugas. Anda dapat melakukan tugas secara berurutan, seperti task1, task2, task3.... taskN. Tugas terakhir apa yang bisa Anda lakukan? Jawabannya mudah: logout.

Ergonomi Aplikasi

Dengan menambahkan tautan logout di bagian bawah menu, Anda membuat lebih sulit untuk secara tidak sengaja mengklik elemen itu. Lihat grafik di bawah ini:

enter image description here

Setelah Anda membuka menu, jika Anda menambahkan logout di atas dan klik dua kali secara tidak sengaja, Anda akan menekan tautan logout.

Namun, jika Anda menambahkannya di bagian bawah, setiap item menu akan mengurangi peluang sampai membuatnya dapat diabaikan . Selanjutnya: antara elemen kedua dan ke-7, akan memerlukan upaya tambahan oleh pengguna untuk mencapai logout , yang tentu saja mengurangi kemungkinan menekan tombol itu dengan kecelakaan hampir menjadi 0. Jadi, disarankan agar logout tidak lebih jauh dari elemen ke-6 atau ke-7. Lebih dari itu akan ada trade-off: thumbs akan mencapai elemen lebih mudah dari sebelumnya dan pengguna mungkin lupa untuk logout saat dibutuhkan.

Tentu saja, ukuran (tinggi) akan tergantung pada pengujian berdasarkan pilihan font, padding, dll. Tetapi juga untuk apa aplikasi Anda: tidak selalu Anda ingin pengguna keluar setelah sesi selesai. Tapi Anda harus menawarkan opsi itu

Kesimpulan

Ini dilakukan dengan cara ini karena ini adalah standar yang diterima yang membawa manfaat dengan hampir tanpa biaya

13
Devin

Setahu saya, tombol logout adalah tombol pada dropdown yang memiliki aksi berbeda dari yang lain.

Detail akun lainnya, preferensi, profil tampilan dll adalah elemen navigasi untuk pengguna, tetapi tombol logout adalah tindakan yang akan membuat pengguna logout dari sistem.

Yang pasti adalah Logout dan elemen navigasi perlu dipisahkan, karena mereka memiliki perilaku yang berbeda.

Menempatkan log out di tombol, saya akan mengatakan itu adalah cara untuk memisahkan mereka tetapi juga konvensi karena banyak aplikasi menggunakannya dengan cara ini.

Saya juga menemukan pertanyaan ini yang juga sangat menarik: Penempatan tombol logout/tautan? yang sangat terhubung dengan yang satu ini Mengapa situs web menyembunyikan tombol logout?

Dengan menyembunyikan fitur logout, Anda lebih cenderung menutup browser atau tab, tetapi tetap masuk ke layanan secara efektif. Ini memungkinkan Facebook untuk secara terbuka melacak keberadaan online Anda melalui kemitraan periklanan yang semuanya dilaporkan kembali ke Facebook.

Terakhir, saya sangat suka pemisahan yang jelas dari opsi Logout, dibandingkan dengan yang lain, seperti misalnya, Jira. Saya pikir ini jauh lebih jelas daripada hanya menampilkannya di bagian bawah dropdown.

Jira

6
Dimitra Miha

Pengalaman pengguna terbaik: Lacak klik dan pesan item daftar sesuai dengan preferensi pengunjung.

Hasil: Tombol keluar mungkin lebih dulu.

Pengalaman korporat terbaik: Memesan item sesuai dengan kepentingan terbaik perusahaan.

Hasil: Tombol keluar harus sulit dijangkau.

4
cameraman

Itu semua tergantung pada seberapa penting Logout untuk solusi Anda dan tujuan pengguna.

Ketika Anda memiliki daftar fitur, Anda bisa memberi skor berdasarkan relevansinya dengan tugas yang dilakukan pengguna.

Logout jarang terkait dengan tugas utama dari solusi sehingga inilah mengapa posisi Logout sering ditempatkan menjelang akhir hierarki informasi, jadi jika Anda memiliki menu vertikal Anda sering melihatnya diletakkan di bagian bawah, dan jika Anda memiliki menu horizontal yang sering diletakkan di ujung (di sebelah kanan dalam budaya barat).

Namun, beberapa solusi mungkin melihat Logout sebagai kasus khusus yang layak ditempatkan di lokasi yang menonjol, mis. tetap ada di sudut kanan atas (sudut layar adalah lokasi yang menonjol).

Intinya adalah posisi akan bervariasi tergantung pada seberapa penting bagi pengguna untuk secara eksplisit keluar.

Anda dapat berargumen bahwa Logout sangat berbeda dengan semua fitur lain sehingga tidak boleh ditempatkan di menu di samping fitur solusi lainnya.

2
SteveD

Menempatkan Tombol Keluar di tempat yang tepat adalah peka konteks. Untuk aplikasi yang diamankan, itu harus menonjol di header di luar menu hamburger. Bagi yang lain, bisa di dalam menu hamburger. Mungkin di bagian atas jika pengguna lebih suka logout setiap saat, dan di bagian bawah jika kurang digunakan.

1
Alipta Ballav