| Line 1: | Line 1: | ||
| − | Scroll은 한 화면 이상의 많은 분량의 컨텐츠나 목록를 둘러볼 때 사용하는 인터랙션 패턴이다. 주로 현재 페이지 | + | Scroll은 한 화면 이상의 많은 분량의 컨텐츠나 목록를 둘러볼 때 사용하는 인터랙션 패턴이다. 상하로 slide해서 화면을 움직이며, 주로 현재 페이지 내에서 이용하기 위해 사용한다. 더 효율적인 정보 탐색을 위해 [[Fling to scroll]], [[Index scroller]], [[Scroll thumb]]와 같은 패턴을 함께 사용하고 있다. |
| − | + | 현재 화면 내에서 이동하는 방식과 페이지 단위로의 이동을 포함한 방식으로 나누어 볼 수 있다. | |
=== With this pattern, we can solve... === | === With this pattern, we can solve... === | ||
| − | 한 | + | 한 화면 안에 들어가야 할 컨텐츠의 양이 많을 때, 페이지 이동 없이 다 둘러볼 수 있는 패턴이 필요하다. Scroll은 직관적으로 화면을 위아래로 움직여 볼 수 있도록 한다. |
| − | * | + | * [[Index scroller]]나 [[Scroll thumb]]과 같은 indicator를 제공하여 컨텐츠의 양과 현재위치에 대한 시각적 힌트를 주기도 한다. |
| + | * [[Fling to scroll]], [[Scroll thumb]]를 통해 더 빠르게 원하는 곳으로 움직일 수 있다. | ||
* Scroll 이전에는 up/down button이나 이와 유사한 방식을 사용하였다. | * Scroll 이전에는 up/down button이나 이와 유사한 방식을 사용하였다. | ||
Scroll은 한 화면 이상의 많은 분량의 컨텐츠나 목록를 둘러볼 때 사용하는 인터랙션 패턴이다. 상하로 slide해서 화면을 움직이며, 주로 현재 페이지 내에서 이용하기 위해 사용한다. 더 효율적인 정보 탐색을 위해 Fling to scroll, Index scroller, Scroll thumb와 같은 패턴을 함께 사용하고 있다.
현재 화면 내에서 이동하는 방식과 페이지 단위로의 이동을 포함한 방식으로 나누어 볼 수 있다.
한 화면 안에 들어가야 할 컨텐츠의 양이 많을 때, 페이지 이동 없이 다 둘러볼 수 있는 패턴이 필요하다. Scroll은 직관적으로 화면을 위아래로 움직여 볼 수 있도록 한다.
""