it-swarm.asia

Bagaimana cara menangani pilihan dengan banyak pilihan?

Dalam aplikasi web, katakanlah saya memiliki daftar opsi untuk dipilih pengguna. Saya biasanya menggunakan drop down dalam hal ini, jika ada sejumlah kecil pilihan, tetapi bagaimana saya harus mendekati ini secara berbeda jika ada 50 opsi? atau 100? atau 1000?

10
GSto

Mungkin menggabungkan pendekatan dua pane dengan pencarian?

Django admin multiselect

UI menyaring secara dinamis di sisi klien saat Anda mengetik di kotak pencarian. Saya suka lebih baik daripada pencarian saja, karena Anda dapat menemukan apa semua opsi itu.

Untuk poin bonus, Anda dapat membuat ini dengan cepat dari kontrol pilih/beberapa yang reguler.

11
Chase Seibert

Beberapa ide:

  1. Combobox (atau semacam pencarian dengan autocomplete)
  2. Membagi opsi menjadi grup dan biarkan pengguna memilih grup terlebih dahulu, lalu opsi dari daftar yang akan lebih kecil dalam hal ini
5
Kostya

Nah, jika Anda memiliki aplikasi di mana pengguna dapat memilih dari ribuan pilihan, tanggapan pertama saya adalah Anda telah merancang sesuatu yang salah. Coba perkecil dan pertimbangkan arsitektur informasi yang mengarah ke begitu banyak pilihan dan lihat apa yang dapat Anda lakukan tentang itu. Apakah pengguna benar-benar membutuhkan semua pilihan itu? Bisakah Anda menyingkirkan beberapa untuknya atau memilih beberapa default yang masuk akal? Bagaimana Anda menangani paradoks masalah pilihan?

Tetapi dalam istilah yang lebih praktis, cobalah memecah informasi menjadi beberapa kategori dan menyajikannya seperti itu. Saya bisa lebih membantu jika saya tahu informasi apa yang Anda rancang, karena itu sering mempengaruhi jenis visualisasi atau kontrol yang dapat Anda gunakan.

Pertimbangkan zona waktu. Anda dapat benar-benar spesifik dan menawarkan masing-masing zona waktu, yang mengarah ke daftar besar yang harus Anda kerjakan agar dapat dicerna oleh pengguna. Atau, Anda hanya dapat memilih zona waktu terdekat dengan sebagian besar tempat, yang mungkin membuat beberapa pengguna luar biasa keluar, tetapi mencakup 99% dari mereka.

Sama halnya dengan memilih waktu untuk suatu acara. Menjadi spesifik berarti pengguna dapat memilih hingga menit. 60 menu dropdown item? Atau Anda dapat mengelompokkan waktu 5 menit. Tiba-tiba pengguna hanya perlu memilih dari 12 opsi, dan itu cukup spesifik untuk kasus penggunaan.

3
Rahul

untuk banyak pilihan itu, semua jenis multi pilih akan mengganggu. Pikirkan satu klik salah setengah jam berlalu.

Anda harus menggunakan 2 kotak dengan panah seperti inialt text

tidak terlalu sulit untuk dilakukan dengan beberapa baris JS

1
Sruly
  1. Gunakan tarik turun dengan semua elemen diurutkan secara logis.
    Misalnya - daftar zona waktu dipesan sesuai dengan offset, daftar negara diurutkan berdasarkan abjad.
    Selain itu, pastikan pengguna dapat mengetikkan nilai dan itu akan otomatis menyarankan/melompat ke yang benar.

  2. Kelompokkan secara logis. Jika hanya nama, Anda bisa memilih huruf pertama dan kemudian memiliki subset item yang sesuai. Akan lebih baik jika item dapat dikategorikan secara logis, misalnya orang dalam suatu organisasi, yang cocok dengan departemen, daerah, dll.
    Anda bahkan dapat memiliki beberapa level.

0
Dan Barak