Scroll View
우리가 흔히 스마트폰에서 위아래 좌우로 드래그 하거나 스와이프 하는 방식으로 사용하는 스크롤에 대해서
HIG (Human Interface Guidelines)에는 Scroll View가 어떤 방식으로 사용되는지 알아보겠습니다 😀
Scroll View를 사용하면 문서의 텍스트나 이미지들과 같은 보이는 영역보다 많은 내용을 볼 수 있다.
사용자가 swipe, flick, drag, tap 및 pinch를 할 때,
Scroll View가 제스처를 따라 자연스럽게 콘텐츠를 표시하거나 확대/축소한다.
Scroll View 자체는 나타나지 않지만 사용자가 Scroll View와 상호 작용할 때 일시적인 Scroll Indicatier를 표시한다.
Scroll View는 Paging Mode에서 작동하도록 구성할 수도 있으며,
스크롤하면 현재 페이지를 이동하는 대신 완전히 새로운 콘텐츠 페이지가 표시된다.
Support zoom behavior appropriately.
"확대/축소 동작을 적절하게 지원하기!"
앱에 상황에 따라 사용자가 pinch나 double-tap으로 확대/축소할 수 있다.
확대/축소를 활성화하면 적합한 최대 및 최소 축척 값을 설정해야 한다.
예를 들어 단일 문자가 화면에 가득 찰 때까지 텍스트를 확대하면 대부분의 앱에서 의미가 없다.
Consider showing a page control element when a scroll view is in paging mode.
"Scroll View가 Paging Mode일 때 페이지 제어 요소를 표시하는 것을 고려해보자"
Page Control은 사용 가능한 페이지, 화면 또는 기타 내용 묶음의 수를 표시하고 현재 표시되는 내용을 나타낸다.
Scroll View로 Page Control을 표시할 경우, 같은 축의 스크롤 표시기를 비활성화하여 혼동을 방지할 수 있다.
Don’t place a scroll view inside of another scroll view.
"Scroll View를 다른 Scroll View의 내부에 배치하지 말아라"
이렇게 하면 다루기 어려운 예측이 힘든 Interface가 생성된다.
In general, display one scroll view at a time.
"일반적으로 스크롤 보기를 한 번에 하나씩 표시"
스크롤할 때 사람들은 종종 큰 Swipe 동작을 하며, 같은 화면에서 인접한 Scroll View와 상호작용하는 것을 피하기 어려울 수 있다.
한 화면에 두 개의 스크롤 보기를 넣어야 하는 경우 한 번의 제스처가 두 보기에 영향을 미치지 않도록 다른 방향으로 스크롤할 수 있도록 하는 것이 좋습니다.
