Web - 위계가 있는 2단 레이아웃

위계가 있는 2단 레이아웃

1단과 2단이 위계를 가지고 있는 상황

리스트와 상세 화면을 직접 확인하여, 여러 개의 리스트 값을 비교해야 하거나, 리스트 간 전환이 수월할 때 유의미한 기능을 활용하기 위하여 사용합니다.
1단은 정보 역할 (1depth)이고, 2단은 정보의 상세 역할(2depth)입니다.

• 2단은 1단에서 선택하면 접근이 가능한 하위페이지 개념입니다. (상세 페이지 형태)

• 2단에 있는 콘텐츠는 독립적 페이지로 취급할 수 있습니다. (2단 확대 또는 1단 리스트 더블 클릭 시)

• 2단은 단 건 행위로 끝나는 액션이 가능하다. (채팅 보내기, 화상통화, 예약취소 등) - 개별의 액션 설정 가능.

• 2단 콘텐츠 영역에서는 양식을 제출하는 행위를 가급적 기획하지 않습니다.
  리스트간 이동을 유도하는 레이아웃이기 때문에, 양식을 작성하여 제출하는 기능의 경우 독립된 모달을 다시 호출합니다.

• 상세 포함된 2단 리스트 레이아웃에 해당하는 경우, 우측 사이드형 오버레이를 사용하지 않습니다.
  

*컬러별 명칭

문서 작성 정보