it-swarm.asia

Mana yang lebih baik - menu ringkasan atau menu terperinci?

Saya mendesain ulang menu navigasi untuk aplikasi berbasis web. Menu saat ini adalah daftar tugas, dikelompokkan berdasarkan layanan. Daftar ini terus bertambah karena kami menambahkan fungsionalitas baru dan sekarang pengguna harus menggulir ke bawah untuk melihat semuanya. Kami idealnya menginginkan daftar hanya sepanjang satu halaman. Dua solusi telah disajikan:

  1. Sajikan menu seperti akordeon yang akan diperluas untuk setiap layanan
  2. Mengelompokkan tugas bersama untuk mengurangi menu

Misalnya, menu kami saat ini menyajikan opsi seperti:

Pengguna
- Edit
- Menghapus
- Ganti kata sandi

Kotak surat
- Edit
- Menghapus
- Tetapkan izin
- Kelola pengaturan spam
- Cari spam

Dengan solusi 1, Anda hanya akan melihat Pengguna dan Kotak Surat, lalu mengklik salah satu akan diperluas untuk menunjukkan tugas yang diuraikan di atas.

Dengan solusi 2, menu baru akan menyajikan sesuatu seperti:
Pengguna
- Pengaturan

Kotak surat
- Pengaturan
- Izin
- Spam

Solusi 1, saat mendeklarasikan antarmuka di tingkat pertama, masih akan memberikan banyak teks kepada pengguna untuk dibaca di tingkat kedua.

Dengan solusi 2, saya khawatir bahwa pengguna tidak akan menemukan apa yang mereka cari. Misalnya, pengguna yang ingin mengubah kata sandi tidak akan tahu harus masuk ke pengaturan pengguna.

Keduanya memiliki kelebihan dan kekurangan - jadi mana yang lebih baik? Menyajikan lebih banyak opsi kepada pengguna sehingga mereka dapat menemukan tugas yang tepat yang ingin mereka lakukan, atau mengelompokkan tugas bersama di bawah tajuk umum?

Edit: Seperti yang diminta, saya telah memasukkan mockup layar aplikasi. Di sebelah kiri adalah daftar pengguna, memilih pengguna menampilkan tugas untuk pengguna di sisi kanan.
alt text

5
Tania Gobeil

Dari dua opsi yang diberikan, saya akan memilih menu akordeon.

Halaman terpisah berarti dua klik dan (biasanya) pulang pergi server, dan kemudian Anda harus kembali.

Tidak ada keuntungan untuk melakukan "pemilihan awal" - kecuali ada banyak pilihan untuk satu halaman.

Satu halaman (mis. Tanpa menu "dikelompokkan", hanya satu tautan) ok, jika semua kasus penggunaan umum melibatkan beberapa tindakan per pengguna yang dipilih.

Kalau tidak, saya akan menggunakan menu "akordeon", atau menu javascript popup/mega/cascaded, dan memungkinkan untuk menyematkan perintah di bagian atas daftar.

2
peterchen

Akan bermanfaat untuk melihat ruang yang Anda miliki untuk navigasi Anda atau ruang yang Anda rencanakan untuk digunakan. Tanpa mengetahui, jika Anda ingin memasukkan semua opsi Anda karena Anda takut membuat kebingungan, Anda dapat menerapkan semacam solusi seperti tren menu mega . Berikut tautan contoh tentang hal ini:

http://designm.ag/inspiration/mega-menus-showcase/

Namun, jika Anda ingin opsi yang diringkas, Anda mungkin ingin memikirkan kembali judul-judul dari opsi menu yang diringkas. Anda dapat membaca artikel ini untuk petunjuk lebih lanjut tentang merancang sistem navigasi yang efektif

http://buildinternet.com/2009/09/principles-of-effective-web-navigation/

Saat meringkas, saya akan menyarankan beberapa tes dengan pengguna acak atau bahkan hanya polling sederhana pada kejelasan label yang telah Anda gunakan. Itu tidak harus menjadi studi yang rumit, tetapi mungkin memberi Anda masukan yang berguna tentang masalah ini.

6
Pam Rdz

Seiring waktu, saya menyadari bahwa semakin banyak pengaturan yang ada, semakin saya lebih suka memiliki satu tautan, mis. bagaimana Amazon.com memiliki satu tautan yang mengatakan "Akun Anda". Alasannya sangat sederhana: setelah saya mengklik tautan "Akun Anda", sebuah halaman muncul berisi semua pilihan yang mungkin, dan jika apa yang saya cari tidak segera jelas, saya dapat menekan Control-F atau Cmd -F untuk menemukan apa yang saya inginkan di halaman.

Dengan menu, satu-satunya pilihan dengan aplikasi web adalah membacanya. Saya menemukan bahwa ini menjadi membosankan dari waktu ke waktu. Dan semakin besar menu (mega-er ?!), semakin membosankan membaca, tanpa opsi untuk mencari. (Situasinya berbeda pada aplikasi desktop di mana menu terasa lebih "alami" dan mereka menawarkan pintasan keyboard.)

2
Hisham

Saya merasa kontra-intuitif bahwa "Tugas" membawa saya ke menu atau halaman pengaturan baru. Tugas saya adalah fokus pada satu topik - seperti "Kelola peran ...", "Ubah kata sandi ..." atau "Nonaktifkan akun" - bukan "Kelola ini dan itu dan tunjukkan lebih banyak lagi ..." ^^ Tapi itu mungkin hanya aku.

Idealnya saya benar-benar mencoba untuk memasukkan semua tugas yang ditulis dengan jelas, scrollbar jika diperlukan.

Tetapi untuk mengompresnya, cara toolbox di Visual Studio melakukannya cukup rapi. Dalam hal ini akan seperti ide akordeon - tetapi dengan kategori tambahan di bagian atas yang telah diperluas yang mencantumkan tugas yang paling umum atau populer.

v Basic
   Change password
   Edit user
   Search spam
> User
> Mailbox

Memutuskan apa yang merupakan tugas umum dapat berupa keputusan sederhana, atau dibuat secara dinamis berdasarkan apa yang paling banyak digunakan oleh pengguna yang masuk.

Kategori juga bisa diputar sedikit jika ada beberapa kategori logis dengan banyak tugas di dalamnya, untuk membuat masing-masing kategori kurang ramai.

v Basic
   Change password
   Edit user
v Edit
   User
   Mailbox
   Permissions
v Spam
   Search
   Settings
v Delete
   User
   Mailbox
1
Oskar Duveborn

Gunakan tooltips.

Buat menu ringkasan dengan daftar semua hal yang bisa dilakukan pada setiap halaman di tooltip yang menunjukkan kapan pengguna mengarahkan item.

Juga ketika Anda pertama kali melakukan transisi, berikan tips kepada pengguna. Misalnya ketika pengguna mengklik opsi menu pengguna menampilkan sembulan kecil (seperti yang digunakan di situs ini) yang menjelaskan perubahan pada menu.

0
Sruly