From Design pattern
Jump to: navigation, search
 
(30 intermediate revisions by 5 users not shown)
Line 1: Line 1:
항목이나 컨텐츠가 페이지 단위로 나뉘어진 상황에서 현재 보고있는 페이지 또는 화면의 위치를 알려준다.
+
Page indicators는 여러 페이지로 구성된 컨텐츠들을 사용자가 페이지를 넘겨볼 때, 전체 페이지 현재 page의 위치를 알려주는 패턴이다. Pagination 이라고 불리기도 하며 보통 앱에서는 숫자 대신 Dot을 이용하여 표현한다. 컨텐츠나 이미지를 Swipe 하거나 Drag하여 넘겨볼 때 화면의 상/하단에 페이지 수 만큼의 Dot이 보여진다.
스크롤바와 비교하여 볼때 Page indicator 는 하나로 이어진 페이지를 이동하는 경우가 아니라 개별적인 컨텐츠로써 각각의 페이지를 이동하는 상황에서 사용되는 차이가 있다.  
+
  
== Examples  ==
+
=== With this pattern, we can solve... ===
 +
* [[Step indicators]]와 비교하여 볼때, page indicators는 다른 프로세스로 넘어가기 위한 현재 페이지를 보여주는 지표가 아닌, 페이지 내에서 일부 정보들이 넘어가는 페이지는 보여준다.
 +
* [[Breadcrumbs]] 과 유사한 패턴이며 [[Breadcrumbs]]의 경우 정보의 깊이가 다를 경우 사용되지만, Page indicators는 동일한 레벨에서 페이지를 넘겨볼 때 현재 page의 위치를 알려주는 기능을 가지고 있어 Navigation 기능을 갖기도 한다.
  
=== 539번 사례 ===
+
=== Example ===
* 각각의 뉴스 컨텐츠를 swipe 를 이용하여 살펴보는 상황에서 현재 보고있는 위치를 page indicatior를 통해 알려준다.
+
[[file:Page.JPG|310px]]
<videoflash type="vimeo">93207972|300|501</videoflash>
+
----
  
=== 540번 사례 ===
+
===Android_BBC news===
* 가로로 나열된 포스팅을 이동하여 살펴보는 상황에서 현재 보고있는 위치를 page indicatior를 통해 알려준다.
+
* 각각의 뉴스 컨텐츠를 swipe 를 이용하여 살펴보는 상황에서 현재 보고있는 위치를 page indicaiors를 통해 알려준다.
<videoflash type="vimeo">93208256|300|501</videoflash>
+
{{#Widget:Vimeo|id=93207972|width=300|height=501}}
  
=== 541번 사례 ===
 
* 영화 컨텐츠 항목을 이동하여 살펴보는 상황에서 현재 보고있는 위치를 page indicatior를 통해 알려준다.
 
* 아래 영상의 각각의 영화 포스터 오른쪽 위부분에 적용되어 있다.
 
<videoflash type="vimeo">93208257|300|501</videoflash>
 
  
 
+
[[Category:Indicate position]]
 
+
[[Category:Notify users of an activity]]
+

Latest revision as of 13:03, 21 July 2014

Page indicators는 여러 페이지로 구성된 컨텐츠들을 사용자가 페이지를 넘겨볼 때, 전체 페이지 중 현재 page의 위치를 알려주는 패턴이다. Pagination 이라고 불리기도 하며 보통 앱에서는 숫자 대신 Dot을 이용하여 표현한다. 컨텐츠나 이미지를 Swipe 하거나 Drag하여 넘겨볼 때 화면의 상/하단에 페이지 수 만큼의 Dot이 보여진다.

With this pattern, we can solve...

  • Step indicators와 비교하여 볼때, page indicators는 다른 프로세스로 넘어가기 위한 현재 페이지를 보여주는 지표가 아닌, 페이지 내에서 일부 정보들이 넘어가는 페이지는 보여준다.
  • Breadcrumbs 과 유사한 패턴이며 Breadcrumbs의 경우 정보의 깊이가 다를 경우 사용되지만, Page indicators는 동일한 레벨에서 페이지를 넘겨볼 때 현재 page의 위치를 알려주는 기능을 가지고 있어 Navigation 기능을 갖기도 한다.

Example

Page.JPG


Android_BBC news

  • 각각의 뉴스 컨텐츠를 swipe 를 이용하여 살펴보는 상황에서 현재 보고있는 위치를 page indicaiors를 통해 알려준다.