분할 보기
PUBLISHED
분할 보기는 두 개의 별도 보기 영역으로 구성됩니다. 애플리케이션이 가로 모드에서 분할 보기를 사용하는 경우에는 애플리케이션 화면이 세로에서 분할 보기로 자동 변경됩니다. 분할 보기 디자인은 가로 모드에서만 적용해야 합니다.
분할 보기의 목적은 단순히 목록 확대를 넘어 보다 많은 정보를 표시하는 것입니다. 예를 들어, 사용자에게 콘텐츠 미리보기를 제공할 수 있습니다. 목록 또는 추가 깊이를 세로 모드와 분할 보기에 모두 표시해야 합니다.
아래 그림에서는 이메일 목록이 왼쪽에 나타나고 상세 보기에 선택된 이메일은 오른쪽에 나타납니다. 분할 보기는 필수 사항은 아니지만 사용자가 애플리케이션 화면 양쪽을 동시에 표시하는 것이 유용하다고 판단하는 경우에는 이 보기를 적용하는 것이 좋습니다.
이메일에서 분할 보기
다음과 같은 유형의 분할 보기를 사용할 수 있습니다.
- 고정 창: 고정 폭을 갖는 두 개의 창으로 구성됩니다. 오른쪽 너비는 세로 보기와 유사해야 합니다.
- 조절 창: 사용자가 창 크기를 제어할 수 있는 '처리기'를 제공합니다.
고정 및 가변 창
애플리케이션을 개발할 때 분할 보기 적용 시점을 결정할 수 있습니다. 그러나 왼쪽과 오른쪽에 각각 목록 보기와 상세 보기가 있는 분할 화면 레이아웃을 사용하는 것이 좋습니다.
사용자가 왼쪽 목록에서 항목을 선택하면 오른쪽 상세 보기가 그에 따라 변경되어야 합니다. 애플리케이션이 왼쪽에서 오른쪽이 아닌 오른쪽에서 왼쪽 방향으로 읽는 언어를 사용하는 경우는 예외입니다.
아래 그림은 분할 보기의 탐색 프로세스를 보여줍니다.
분할 화면 탐색(작업 조건)
사용자가 분할 보기 상태에서 제어할 수 없는 경우 세로 보기를 사용할 수 있습니다. 아래 그림은 이 탐색 프로세스를 보여줍니다.
분할 화면 탐색(작업 조건 없음)
카테고리:
UX 가이드