목록과 표

목록과 테이블을 사용하여 사용자가 강조 표시하여 열 수 있는 항목을 표시할 수 있습니다. 목록이 긴 경우 항목을 일괄적으로 가져온 다음 표시됩니다. 목록의 마지막 항목에 도달하면 항목의 다음 배치가 목록 끝에 표시됩니다.

텍스트를 행으로 간단히 표시하려면 일반 목록을 사용합니다.

이 화면에는 단순 목록이 표시됩니다.

텍스트와 아이콘을 행으로 간단히 표시하려면 리치 목록을 사용합니다. 항목을 행과 열로 표시하려면 테이블을 사용합니다.

이 화면에는 리치 목록이 표시됩니다.

머리글 아래 항목을 그룹화하면 사용자가 긴 목록을 따라 탐색할 수 있습니다. 예를 들어, 축소 가능한 머리글을 만들어 사용자가 목록의 항목을 쉽게 찾도록 할 수 있습니다. 목록 맨 위에 항상 표시되는 머리글 아래 항목을 그룹화할 수 있습니다. 예를 들어, 날짜를 머리글로 추가하고 머리글 아래의 해당 날짜에 받은 메시지를 그룹화할 수 있습니다. 사용자가 머리글을 강조 표시하여 항목의 그룹에서 작업을 수행하거나 바로가기 키를 사용하여 목록을 따라 이동할 수 있습니다.

이 화면에는 목록 맨 위에 항상 표시되는 머리글이 포함된 목록이 표시됩니다.

사용자는 목록과 테이블에서 다음 작업을 수행할 수 있습니다.

사용자 목표

탐색 키를 사용하는 동작

터치 스크린을 사용하는 동작

실제 키보드를 사용하는 동작

목록의 항목을 따라 스크롤

트랙패드에서 손가락을 세로로 움직입니다.

  • 화면에서 손가락을 세로로 끕니다.
  • 화면에서 위 또는 아래로 문지릅니다.

목록에서 항목 강조 표시

트랙패드에서 손가락을 세로로 움직입니다.

항목을 가볍게 터치합니다.

목록에서 항목 열기

트랙패드를 클릭합니다.

항목을 누릅니다.

Enter 키를 누릅니다.

모범 사례: 목록 및 테이블 구현

  • 목록이 길어서 별도의 화면에 항목을 표시하려는 경우 화면 하단에 다음 및 이전 버튼을 포함시킵니다. 또는 목록이 매우 긴 경우(예: 수천 개의 항목) 화면 번호를 제공합니다.
  • 사용자가 목록에서(예: 메시지 목록 또는 피드에서) 항목을 이동할 것으로 예상되는 경우 목록에서 다음 또는 이전 항목으로 이동할 수 있는 바로가기 키를 할당합니다. 가능한 경우 영문으로 사용자가 "N"을 눌러 다음 목록의 항목으로 이동하고 "P"를 눌러 목록의 이전 항목으로 이동할 수 있도록 하십시오.
다음 주제: 메뉴 및 툴바

이 정보가 도움이 되었습니까? 의견을 보내 주십시오.