Slide project tray

Slide project tray은 컨텐츠 화면 간 이동할 때 사용하는 pattern이다. 주로 현재 페이지와 유사한 성격의 컨텐츠 간을 이동할 때 사용된다.

전후의 페이지를 이동하는 방식에 따라 구분이 가능한데, 주로 Paper flip 방식이 사용되며, Card flip, Cube flip, Slideshow 방식으로 분류할 수 있다. Page turn/ Page flip을 호출하는 방법은 주로 화면 좌우의 이동버튼이나 flick을 이용하여 동작시킨다.

Slide project tray은 트랜지션 효과를 통해 전후의 컨텐츠로 이동을 하며, 전후에 다른 컨텐츠가 존재할 것이라는 기대를 주기 위해 시각적 힌트를 주기도 한다.
Slide project tray 이전에는 Previous/Next button이나 이와 유사한 방식을 사용하였다.

Carousel은 여러 개의 컨텐츠가 일렬로 나열되어 있으면서 한쪽 끝(첫번째 컨텐츠)가 다른쪽 끝(마지막)과 맞닿아있는 원형 구조로 되어진 컨텐츠 리스트 pattern이다. 리스트가 움직이는 양방향 중 어느 쪽이든 상관없이 swipe하여 목록을 넘겨볼 수 있으며, 끊임없이 회전이 가능하다. 항목이 회전목마처럼 돌아가듯 보여져 Carousel이라고 부른다.

Carousel의 컨텐츠 리스트는 주로 썸네일 이미지로 이루어져 있으며, 중심에 위치한 컨텐츠 항목을 주변 항목보다 큰 사이즈로 구성하여 강조할 수도 있다.

With this pattern, we can solve....

사용자가 컨텐츠를 선택하는 과정에서 대표 이미지를 목록에서 함께 보여주어야 하는 경우에 주로 사용한다. 한 번에 모든 리스트을 수용하기에 화면 공간이 부족할 수 있기 때문에, 공간을 효율적으로 사용하면서 어려움 없이 직관적으로 넘겨볼 수 있도록 한다.

리스트을 넘기는 과정에서 더 동적이고 매력적으로 보이게 한다.
Carousel은 전후의 컨텐츠로 이동할 때, 전후의 컨텐츠를 동시에 표시해 연속적인 느낌을 준다.
리스트 중심에 있는 컨텐츠가 강조되어 보이더라도, 리스트에 끝이 존재하여 첫번째와 마지막 컨텐츠가 구분될 경우는 Slide project tray로, Carousel에는 해당하지 않는다.