web-gelistirme-sc.com

Çok sayıda seçeneğe sahip seçimler nasıl ele alınır?

Bir web uygulamasında, kullanıcının seçebileceği seçenekler listem var. Bu durumda, oldukça az sayıda seçenek varsa, genellikle bir açılır menü kullanırdım, ancak 50 seçenek varsa buna nasıl yaklaşmalıyım? veya 100 mü? veya 1000?

10
GSto

Belki iki bölmeli yaklaşımı bir arama ile birleştirmek?

Django admin multiselect

Arama kutusuna yazarken kullanıcı arabirimi istemci tarafında dinamik olarak filtrelenir. Sadece aramadan daha çok hoşuma gidiyor, çünkü tüm seçeneklerin ne olduğunu keşfedebilirsiniz.

Bonus puanları için, normal bir seçim/çoklu kontrolden bunu anında oluşturabilirsiniz yapabilirsiniz.

11
Chase Seibert

Birkaç fikir:

  1. Combobox (veya otomatik tamamlama ile bir tür arama)
  2. Seçenekleri gruplara ayırın ve kullanıcının önce grubu seçmesini sağlayın, ardından listeden bu durumda daha küçük olan seçeneği seçin
5
Kostya

Bir kullanıcının 1000 seçenek arasından seçim yapabileceği bir uygulamanız varsa, ilk cevabım yanlış bir şey tasarlamış olmanızdır. Uzaklaştırmayı ve çok sayıda seçeneğe yol açan bilgi mimarisini düşünmeyi deneyin ve bu konuda ne yapabileceğinizi görün. Kullanıcının tüm bu seçeneklere gerçekten ihtiyacı var mı? Onun için birkaç tanesinden kurtulabilir veya bazı makul varsayılanlar seçebilir misiniz? Seçim probleminin paradoksuyla nasıl başa çıkıyorsunuz?

Ancak daha pratik terimlerle, bilgileri kategorilere ayırmayı ve bu şekilde sunmayı deneyin. Hangi bilgileri tasarladığınızı biliyor olsaydım daha yararlı olabilirim, çünkü bu genellikle ne tür görselleştirme veya kontroller kullanabileceğinizi etkiler.

Saat dilimlerini düşünün. Gerçekten spesifik olabilir ve her bir zaman dilimini sunabilirsiniz, böylece kullanıcı için sindirilebilir hale getirmek için bazı sert çalışmalar yapmanız gerekir. Ya da, yalnızca birkaç istisnai kullanıcıyı dışarıda bırakabilecek ancak bunların% 99'unu kapsayacak şekilde çoğu yere en yakın zaman dilimlerini seçebilirsiniz.

Bir etkinlik için zaman seçmekle aynı şey. Spesifik olmak, kullanıcının dakikayı seçebileceği anlamına gelir. 60 açılır menü? Veya zamanı 5 dakikaya göre bölümlere ayırabilirsiniz. Aniden kullanıcı sadece 12 seçenek arasından seçim yapmak zorundadır ve kullanım durumu için yeterince özeldir.

3
Rahul

bu birçok seçenek için her tür çoklu seçim can sıkıcı olurdu. Yanlış bir tıklama ve yarım saat geçtiğini düşünün.

Bunun gibi oklarla 2 kutu kullanmalısınızalt text

birkaç JS satırı ile yapmak çok zor değil

1
Sruly
  1. Tüm öğeler mantıksal olarak sıralanmış bir açılır menü kullanın.
    Örneğin - ofsete göre bir saat dilimi listesi sıralanıyor, bir ülke listesi alfabetik olarak sıralanıyor.
    Ayrıca, kullanıcının değeri girebildiğinden emin olun ve otomatik olarak doğru olana önerecektir.

  2. Bunları mantıksal olarak gruplandırın. Yalnızca adlarsa, önce ilk harfi seçebilir ve ardından uygun öğelerin alt kümesine sahip olabilirsiniz. Maddelerin mantıksal olarak kategorize edilebilmesi daha iyi olurdu, örneğin bir kuruluştaki departmanlara, bölgelere vb.
    Hatta birkaç seviye derin olabilir.

0
Dan Barak