사용자가 선택 메뉴에서 여러 옵션을 선택할 수있는 양식이 있습니다. 사용자 경험 관점에서 가장 직관적 인/최선의 선택은 무엇이라고 생각하십니까?사용자 인터페이스 : 객관식 선택 상자
A) select 요소에 대해 "다중"속성을 사용합니다. 그런 다음 컨트롤을 누르고 여러 옵션을 선택할 수 있습니다. ADV : 간단하고 코딩이 필요하지 않습니다. DIS : 직관적이지 않습니다.
B) 확인란을 여러 개 선택하고 모두 선택/선택 없음 컨트롤을 사용합니다. ADV : 상당히 간단합니다. DIS : 많은 옵션이있을 때 어수선하게 보일 것입니다.
C) 여러 개의 메뉴를 나란히 선택하고 옵션을 추가/제거 할 수있는 버튼이 있습니다. 선택한 옵션이 오른쪽에 표시되고 제출됩니다. ADV : 클린 DIS : JS가 켜져 있지 않으면 중단됩니다.
누구나 더 나은 옵션을 생각할 수 있습니까?
가) 매우 긴 목록이 없으면 좋습니다. 많은 항목이있는 경우 사용하는 것이 매우 성가시다. B 옵션과 달리 검색 할 수 없기 때문에 잘못되었습니다.
B) 사용자가 누르기 제어를 이해할 필요가 없기 때문에 좋습니다. 이 때문에 사용자는 실수로 선택을 취소 할 수 없으므로 분명히 좋은 것입니다. 또한 어떤 옵션을 선택했는지 훨씬 더 깔끔하게 표시합니다. 단일 헤드 라인 또는 다른 그래픽 표시로 관련 옵션을 그룹화 할 수 있기 때문에 유용합니다. 이 접근 방법은 일 것입니다.은 JS없이 작동합니다. select all 버튼을 제외하고는 select type 버튼을 input type = "reset"을 사용하여 수행 할 수 있습니다.
C는) 나는 사용자가 목록에을 추가 명확 경우이 대신 옵션을 선택 의, 잘 될 수 있다고 생각합니다. 하지만 당신이 말한대로 JS 없이는 작동하지 않습니다. 나는 이것 대신에 A와 B를 고려할 것이다. 또한 없습니다 검색 당신이 (다시 JS에 따라 다름) 사용자 정의 필터 상자 내가 B. 투표
" B "와 레이아웃 디자인에주의를 기울이십시오. – quantumSoup
옵션 A는 "바닐라"옵션입니다,하지만 난이 컨트롤 키를 누른 채 할 필요 싫어 를 제공하지 않는 한 긴 목록을 스크롤하십시오. 필연적으로 무언가가 빠져 나와 전체 목록을 지울 것입니다. 나는 관절염 환자도 그것을 싫어한다고 확신합니다.
옵션 C는 일반적인 일반적인 패러다임이지만 몇 가지 옵션 이상인 경우 옵션을 추적 할 때 약간의 어려움이 있습니다 (특히 옵션에 순서 나 관계가있는 경우). 나는 모든 옵션을 이웃 사람들과 관련시킬 수있는 목록 하나를 선호한다. 그것은 내가 생각하기에 귀하의 구체적인 유스 케이스에 따라 다릅니다.
옵션 B는 코드 작성이 쉽고 JS없이 95 % 사용할 수 있으며 레이아웃에 완벽한 유연성을 제공합니다. 그것은 당신이 디자인 한 것처럼 혼란 스럽습니다. 이것은 내가 여러 번 선택하는 방식이며 작업하기가 매우 쉽습니다.
옵션 A에서 문제가 보이지 않습니다. 이것은 '
기술적 옵션 B에는 Javascript가 활성화되지 않은 경우에도 깨지는 단점이 있습니다. –
@ Youou 목록이 커지면 그걸 사용하는 것이 매우 귀찮습니다. @ Agent_9191 여전히 90 % 만 사용 가능하며 "모두 선택"컨트롤을 사용할 수 없습니다. – quantumSoup