Windows Phone의 ListBox 컨트롤 디자인 지침

2012-02-09

ListBox 컨트롤은 선택한 값이나 항목을 제공합니다.

UX_ListBox

ListBox 컨트롤

ListBox 컨트롤은 항목의 고정 크기 스크롤 선택기를 제공합니다. 사용자는 세로로 밀어 무활동 상태 없이 목록의 항목을 위나 아래로 스크롤할 수 있습니다. 사용자가 컨트롤을 탭하여 목록에서 항목을 선택합니다.

ListBox 컨트롤이 스크롤되고 있는 경우 화면의 오른쪽에 작은 스크롤 막대가 표시됩니다. 이 스크롤 막대는 항목 목록 내에서 사용자의 상대 위치를 나타내는 데 사용됩니다.

ListBox 컨트롤을 사용하면 사용자가 선택할 수 있는 단어, 숫자 또는 시각적 요소의 긴 목록을 제공할 때 화면 공간을 절약할 수 있습니다.

사용자가 8개 이상의 항목 중에서 선택해야 하는 경우 ListBox 컨트롤을 사용합니다. ListBox 컨트롤이 사용자에게 4개 이하의 항목을 제공하는 경우 그룹화된 RadioButton 컨트롤로 바꿉니다.

ListBox 컨트롤은 항목 목록을 세로로 제공합니다. 가로 목록에 항목을 제공하려는 경우, 특히 항목이 그래픽이나 사진인 경우 ScrollViewer 컨트롤을 사용합니다.

긴 옵션 목록을 명확하고 능동적인 방식으로 제공하려는 경우 ListBox 컨트롤을 사용하지만 목록이 너무 긴 경우도 있습니다. 항목 수가 몇십 개 이상인 경우 테이블 뷰를 사용합니다. 또한 다음 사항에 주의합니다.

  • 굵은 sans-serif 서체를 사용하고, 목록 항목 텍스트를 12픽셀 이상의 높이로 설정하고, 모든 각도와 크기에서 텍스트를 읽기 쉽게 만들어야 합니다.

  • 터치 피드백이나 선택한 상태에 대해 조명, 효과, 애니메이션 또는 기타 장식을 예약해야 합니다. 사용자가 ListBox 컨트롤의 항목을 터치하면 강력한 시각적 반응이 있어야 합니다.

표시: