it-swarm-vi.tech

Làm thế nào để xử lý các lựa chọn với rất nhiều tùy chọn?

Trong một ứng dụng web, giả sử tôi có một danh sách các tùy chọn cho người dùng chọn. Tôi thường sử dụng thả xuống trong trường hợp này, nếu có một số lượng tùy chọn khá nhỏ, nhưng tôi nên tiếp cận điều này khác nhau như thế nào nếu có 50 tùy chọn? hay 100? hay 1000?

10
GSto

Có lẽ kết hợp một cách tiếp cận hai khung với một tìm kiếm?

Django admin multiselect

UI lọc động ở phía máy khách khi bạn nhập vào hộp tìm kiếm. Tôi thích nó hơn là chỉ tìm kiếm, bởi vì bạn có thể khám phá tất cả các tùy chọn là gì.

Đối với các điểm thưởng, bạn có thể xây dựng điều này một cách nhanh chóng từ một điều khiển chọn/nhiều điều khiển thông thường.

11
Chase Seibert

Một vài ý tưởng:

  1. Combobox (hoặc một số loại tìm kiếm với tự động hoàn thành)
  2. Chia tùy chọn thành các nhóm và cho phép người dùng chọn nhóm trước, sau đó tùy chọn từ danh sách sẽ nhỏ hơn trong trường hợp này
5
Kostya

Chà, nếu bạn có một ứng dụng mà người dùng có thể chọn trong số 1000 tùy chọn, phản hồi đầu tiên của tôi là bạn đã thiết kế một cái gì đó không chính xác. Hãy thử thu nhỏ và xem xét kiến ​​trúc thông tin dẫn đến rất nhiều tùy chọn và xem bạn có thể làm gì về điều đó. Người dùng có thực sự cần tất cả những lựa chọn đó không? Bạn có thể thoát khỏi một vài cho cô ấy hoặc chọn một số mặc định hợp lý? Làm thế nào để bạn đối phó với nghịch lý của vấn đề lựa chọn?

Nhưng trong điều kiện thực tế hơn, hãy thử chia thông tin thành các loại và trình bày chúng theo cách đó. Tôi có thể hữu ích hơn nếu tôi biết bạn đang thiết kế thông tin gì, vì điều đó thường ảnh hưởng đến loại hình ảnh hoặc điều khiển bạn có thể sử dụng.

Xem xét múi giờ. Bạn có thể thực sự cụ thể và cung cấp từng múi giờ riêng lẻ, dẫn đến một danh sách lớn mà bạn phải thực hiện một số công việc khó khăn để làm cho tiêu hóa cho người dùng. Hoặc, bạn chỉ có thể chọn các múi giờ gần nhất với hầu hết các địa điểm, có thể khiến một vài người dùng đặc biệt bị loại trừ, nhưng chiếm 99% trong số họ.

Điều tương tự với việc chọn thời gian cho một sự kiện. Được cụ thể có nghĩa là người dùng có thể chọn xuống đến phút. 60 menu thả xuống? Hoặc bạn có thể phân đoạn thời gian trong 5 phút. Đột nhiên, người dùng chỉ phải chọn trong số 12 tùy chọn và nó đủ cụ thể cho trường hợp sử dụng.

3
Rahul

cho nhiều lựa chọn, bất kỳ loại đa lựa chọn nào cũng sẽ gây khó chịu. Nghĩ rằng một cú nhấp sai và một nửa giờ đi.

Bạn nên sử dụng 2 hộp có mũi tên như thế nàyalt text

không quá khó để thực hiện với một vài dòng JS

1
Sruly
  1. Sử dụng thả xuống với tất cả các yếu tố được sắp xếp hợp lý.
    [.__.] Ví dụ: danh sách múi giờ được sắp xếp theo phần bù, danh sách quốc gia được xếp theo thứ tự chữ cái.
    [.___.] Ngoài ra, hãy đảm bảo người dùng có thể nhập giá trị và nó sẽ tự động đề xuất/chuyển đến đúng.

  2. Nhóm chúng một cách hợp lý. Nếu chỉ là tên, trước tiên bạn có thể chọn chữ cái đầu tiên và sau đó có tập hợp con của các mục phù hợp. Sẽ tốt hơn nếu các mục có thể được phân loại một cách hợp lý, ví dụ như mọi người trong một tổ chức, phù hợp với các phòng ban, khu vực, v.v.
    [.__.] Bạn thậm chí có thể có một vài cấp độ sâu.

0
Dan Barak