(→What Problem Does This Solve?) |
|||
| Line 63: | Line 63: | ||
=== What Problem Does This Solve? === | === What Problem Does This Solve? === | ||
touch를 이용한 기기에서 touch를 하는 부분은 컨텐츠가 가려지게 되고, 사용자가 touch를 할 수 없는 경우가 발생할 때 사용할 수 없는 단점을 해결하기 위하여 gesture를 이용하였다. | touch를 이용한 기기에서 touch를 하는 부분은 컨텐츠가 가려지게 되고, 사용자가 touch를 할 수 없는 경우가 발생할 때 사용할 수 없는 단점을 해결하기 위하여 gesture를 이용하였다. | ||
| + | |||
사용자가 콘텐츠를 선택하는 과정에서 대표 이미지를 목록에서 함께 보여주어야 하는 경우에 주로 사용한다. 한 번에 모든 항목을 수용하기에 화면 공간이 부족할 수 있기 때문에, 공간을 효율적으로 사용하면서 어려움 없이 직관적으로 넘겨볼 수 있도록 한다. | 사용자가 콘텐츠를 선택하는 과정에서 대표 이미지를 목록에서 함께 보여주어야 하는 경우에 주로 사용한다. 한 번에 모든 항목을 수용하기에 화면 공간이 부족할 수 있기 때문에, 공간을 효율적으로 사용하면서 어려움 없이 직관적으로 넘겨볼 수 있도록 한다. | ||
Carousel by gesture는 여러 개의 콘텐츠가 일렬로 나열되어 있으면서 한쪽 끝(첫번째 콘텐츠)가 다른쪽 끝(마지막)과 맞닿아있는 원형 구조로 되어진 리스트 pattern이다. gesture를 통해서 리스트가 움직이는 양방향 중 어느 쪽이든 상관없이 swipe하여 목록을 넘겨볼 수 있으며, 끊임없이 회전이 가능하다. 항목이 회전목마처럼 돌아가듯 보여져 Carousel이라고 부른다.
Carousel by gesture의 리스트는 주로 썸네일 이미지로 이루어져 있으며, 중심에 위치한 콘텐츠 항목을 주변 항목보다 큰 사이즈로 구성하여 강조할 수도 있다.
touch를 이용한 기기에서 touch를 하는 부분은 컨텐츠가 가려지게 되고, 사용자가 touch를 할 수 없는 경우가 발생할 때 사용할 수 없는 단점을 해결하기 위하여 gesture를 이용하였다.
사용자가 콘텐츠를 선택하는 과정에서 대표 이미지를 목록에서 함께 보여주어야 하는 경우에 주로 사용한다. 한 번에 모든 항목을 수용하기에 화면 공간이 부족할 수 있기 때문에, 공간을 효율적으로 사용하면서 어려움 없이 직관적으로 넘겨볼 수 있도록 한다.