[HIG] Views - Tables

💡 개인적인 공부를 목적으로 번역하여 간략하게 정리만 한 글입니다. 전문을 포함하고 있지 않으니 자세한 내용은 공식문서를 읽어보시길 권해드립니다!

https://developer.apple.com/design/human-interface-guidelines/ios/views/tables/

Tables - Views - iOS - Human Interface Guidelines - Apple Developer

Tables 

테이블은 하나의 열에 여러 행들을 리스트로 모아 스크롤이 가능하게 만듭니다. 리스트 형태로 정보를 효과적으로 표현하고 싶을 때 사용할 수 있습니다. iOS에서는 세 종류의 테이블을 제공합니다 : plain, grouped, inset grouped.

Plain

Plain 에서는 각 행이 라벨링된 영역으로 나누어집니다. 오른쪽 끝에 원한다면 인덱스를 표시할 수 있습니다. 헤더는 영역의 첫 아이템 전에 표시되고, 푸터는 마지막 아이템 다음에 표시됩니다.

 

Grouped

행이 헤더와 푸터로 나누어 그루핑됩니다. 이 스타일은 항상 적어도 한 개의 그룹을 포함해야하고, 각 그룹은 적어도 한 개의 행을 가지고 있어야합니다.

Inset Grouped

행들이 둥그런 모서리로 표시되고 부모 뷰로부터 inset을 가집니다.

 

• 테이블의 가로크기를 생각하세요. 
  • 가로가 너무 짧은 테이블은 줄바꿈을 만들고 빠르게 읽기 어렵게 합니다.
  • 너무 긴 테이블 역시도 읽기가 어렵거나 컨텐츠로부터 너무 떨어져 있게 됩니다.
• 테이블의 컨텐츠는 빠르게 보여주세요.
  
  • 테이블의 행을 텍스트로 채우고 큰 데이터는 준비가 되었을 때 보여주세요.
• 컨텐츠의 로딩 상황을 공유하세요.
  • 테이블의 컨텐츠를 불러오는데 시간이 오래걸린다면, 로딩 바나 회전하는 인디케이터를 통해 사용자들에게 앱이 동작하고 있음을 알려야합니다.
• 컨텐츠는 최신 상태를 유지하세요.
  • 정기적으로 테이블의 컨텐츠를 업데이트 해서 최신 데이터가 반영되도록 하세요.
  • 새로운 컨텐츠는 테이블의 가장 처음이나 마지막에 배치해서 사용자들이 컨텐츠가 준비되었을 때 스크롤할 수 있도록 하세요.
• 오른쪽 정렬된 요소를 가지는 테이블 행과 인덱스를 함께 사용하는 것을 피하세요.
  • 인덱스는 스와이프 제스쳐를 통해 통제됩니다. 다른 요소들이 근처에 있다면, 제스처를 통해 의도하지 않은 동작이 수행될 수 있습니다.

Table Rows 

• 텍스트를 간결하게 하고 공간이 부족해 텍스트를 자르는 것을 피하세요.
• 삭제 버튼에는 커스텀 제목을 사용하세요.
• 선택이 되었다면 피드백을 제공하세요.
  • 사람들은 어떤 컨텐츠가 선택되었을 때 하이라이트 되는 것을 기대합니다. 그리고 체크마크와 같은 새로운 요소가 생성되길 기대합니다.
• 표준 테이블과 행을 사용하지 않을 때는 커스텀 셀을 사용하세요.
  
  • 개발자 가이드: UITableViewCell