Real Design

SelectionControl 본문

UI Element Guidelines/SelectionControl

SelectionControl

GS Real Design 2013. 4. 22. 18:38

SelectionControl


선택 컨트롤은 사용자가 여러 항목에서 선택을하기 위한 방법을 제공한다. 
어떤 선택 컨트롤은 하나의 선택을 허용하며 단일 선택 또는 다중 선택을 허용하도록 구성 할 수 있다.


Radio Button 

여러가지 선택 항목 중에서 사용자가 단 하나만 선택해야 할 경우 라디오 버튼을 쓴다. 

일반적으로 라디오버튼은 선택항목의 레이블과 같이 사용된다. 사용자는 오직 하나만을 선택할 수 있다. 

라디오 버튼은 라디오 채널을 선택하는 것과 같은 기능을 해서 그렇게 부른다.




Guidelines


사용자가 하나만 선택할 수있는 선택의 집합을 표시 할 때 라디오 버튼의 그룹을 사용하라.

사용자가 동시에 하나 이상을 선택할 수있는 선택의 집합을 표시하려면 라디오 버튼 대신 체크박스를 사용하라.
하나의 설정과 상태 또는 사용자가 수락하거나 거부 할 수있는 선택을 표시하는 경우에는  라디오 버튼을 사용하지 말고  체크 박스를 사용하라.

2~7개 이상의 항목을 표시해야 할 경우 팝업 메뉴 사용을 고려하라.
라디오 버튼의 그룹은 적어도 두 개의 항목과 최대 다섯개의 항목이 포함 된 경우가 가장 좋다.
사용되는 화면 공간 옵션의 수에 비례하므로, 2~7 사이의 그룹에 옵션의 수를 유지합니다. 
8개 이상의 옵션을 나타내려면 드롭 다운 목록을 사용한다.

액션을 실행시키기 위해 라디오 버튼을 사용하지 마라.
대신, 작업을 시작하기 위해 푸시 버튼을 사용한다. 라디오 버튼의 선택이 응용 프로그램의 상태를 변경할 수 있다.

각 라디오 버튼이 나타내는 선택을 설명하는 텍스트 레이블을 제공하라.
사용자는 라디오 버튼을 선택할때 그들이 무엇을 선택하는지 정확하게 알 필요가있다.


화면에 충분한 공간이 있을 경우와 중요한 옵션일 경우 라디오 버튼을 사용한다. 
공간이 충분하지 않다면 체크 상자 또는 드롭 다운 목록을 사용하라.

옵션 값이 숫자라면 다른 컨트롤을 사용하라.
숫자 데이터, 텍스트 상자, 드롭 다운 목록 또는 슬라이더를 사용하라.

다음 상황에는 드롭다운 리스트 사용을 고려하라.
기본 옵션은 대부분의 상황에서 대부분의 사용자에게 권장되는 경우, 
라디오 버튼은 필요 이상으로 옵션에 더 많은 주의를 만들 수 있다. 
드롭다운 리스트 사용을 고려하라. 만약 옵션을 주의를 끌기를 원하지 않거나,
사용자의 변경을 권장하지 않을 경우,드롭다운 리스트 현재 선택에 초점을 맞추고, 
반면 라디오 버튼은 모든 옵션을 균일하게 강조한다.
페이지의 다른 드롭 다운 목록이있는 경우 드롭 다운 목록을 고려하라.



'UI Element Guidelines > SelectionControl' 카테고리의 다른 글

SelectionControl  (0) 2013.04.22
유튜브 팝업메뉴 인터렉션  (0) 2013.04.17
0 Comments
댓글쓰기 폼