it-swarm-korea.com

긴 목록에서 여러 항목을 선택하기위한 이중 목록의 대안?

이중 목록 대신 긴 항목 목록에서 여러 항목을 선택하기위한 대안과 예는 무엇입니까?

이 질문에는 전통적인 이중 목록에 대한 몇 가지 멋진 개선 사항이 있지만 고려해야 할 다른 사항을 찾고 있습니다.

긴 목록에서 항목의 하위 집합을 선택하는 가장 좋은 방법

16
Sam

토큰이있는 다중 선택 디자인을 사용하십시오. 유형별 필터 기능은 훌륭하지만 필수는 아닙니다. 일반적인 유스 케이스가 하나 또는 몇 개를 선택하는 경우에는 잘 작동하지만 사용자가 각 항목의 메뉴를 다시 호출해야 할 때 많은 항목을 선택해야하는 경우 유용성이 빠르게 떨어집니다.

Multi-select with tokens, via harvesthq.github.com/chosen

이전에 이메일 클라이언트에서 토큰 화 된 다중 입력 방법을 보았습니다. multi-select-tokens in email

일반적으로 여러 개를 선택하는 경우 확인란 메뉴를 고려할 수 있습니다. 여기서 차이점은 드롭 다운이 클릭에 걸쳐 지속되며 다중 선택 특성을 시각적으로 전달하기 때문에 클릭-클릭-클릭으로 여러 항목을 빠르게 선택할 수 있다는 것입니다. 웹앱의 경우 토큰 기능을 추가하여이 디자인을 개선하려고합니다.

checkbox menu, via realestate.com.au

11
Erics

대안은 데이터와 예상 사용 사례에 따라 다릅니다. 시각적 표현은 사용자가 올바른 값을 찾도록 돕는 것만 큼 중요하지 않습니다. 옵션 수를 줄이고 사용자를 선호하는 값으로 안내 할 수있는 기회를 활용해야합니다. 이전 선택을 필터링, 그룹화 및 기억해보십시오.

3
Nescio

Windows 7에서 Windows 탐색기의 열을 선택하는 데 사용되는이 대안을 발견했습니다.

enter image description here

2
jpierson

이 예제들도 확인하십시오 :

http://ivaynberg.github.com/select2/

... "Select 2"라는 jquery 플러그인에서 선택 상자, 입력 필드, 드롭 다운 등을위한 프로그래밍 방식의 액세스, 태그 지정 지원 및 토큰 화를 제공합니다. 이것으로 도전에 대한 좋은 솔루션을 구축 할 수 있어야합니다.

멋진 플러그인.

2
Rowe Morehouse

상단의 "모두 선택"확인란 옵션이있는 확인란 목록을 사용할 수 있습니다. 이 확인란을 사용하면 모든 옵션을 매우 빠르게 선택 및 선택 해제 할 수 있습니다 (확인란은 목록의 선택 상태 (모두, 모두 또는 없음)를 동시에 반영 함). 확인란 항목 수가 매우 많은 경우 확인란 목록의 오른쪽에 선택한 항목을 일반 목록으로 표시 할 수 있습니다. 또한 확인란 목록 위에 필터를 추가해야합니다.

0
sysscore

공간이 부족하고 추가 된 항목의 확률이 낮 으면 (2-3) 반복적 인 추가 작업을 수행 할 수 있습니다. 적절한 분류 체계를 사용하면 사용자가 매우 빠르게 얻을 수 있습니다.

0
Bobby Tables