From Design pattern
Jump to: navigation, search
Line 13: Line 13:
 
----
 
----
  
 +
===iOS_ OfficeMobile ===
 +
{{#Widget:Vimeo|id=95770840|width=300|height=455}}
 +
 +
===iOS_  airbnb ===
 +
{{#Widget:Vimeo|id=95877686|width=300|height=455}}
 +
 +
===iOS_  Hangout ===
 +
{{#Widget:Vimeo|id=95877823|width=300|height=455}}
 +
 +
===iOS_ iPhone AskForTask 1 ===
 +
{{#Widget:Vimeo|id=95762138|width=300|height=455}}
 +
 +
===iOS_ Rove===
 +
{{#Widget:Vimeo|id=95877746|width=300|height=455}}
 +
 +
===iOS_ NikeplusRunning===
 +
{{#Widget:Vimeo|id=95770697|width=300|height=455}}
 +
 +
===iOS_ Sphere_1 ===
 +
{{#Widget:Vimeo|id=95779045|width=300|height=455}}
 +
 +
===iOS_Yummly_1 ===
 +
{{#Widget:Vimeo|id=95774142|width=300|height=455}}
  
  

Revision as of 14:39, 2 July 2014

Page indicators는 페이지 내에서 항목을 둘러볼 때 컨텐츠가 나뉘어있을 경우 현재 page를 알려주는 패턴이다. Pagination 이라고 불리기도 한다.


With this pattern, we can solve...

  • Step indicators와 비교하여 볼때, page indicators는 다른 프로세스로 넘어가기 위한 현재 페이지를 보여주는 지표가 아닌, 페이지 내에서 일부 정보들이 넘어가는 페이지는 보여준다.
  • Breadcrumbs 이라고 불리기도 하며 항목이 나뉘어있을 경우 현재 위치를 알려주는 기능을 가지고 있다.
  • Navigation 기능을 갖기도 한다.

Example: Android_BBC news

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


iOS_ OfficeMobile

iOS_ airbnb

iOS_ Hangout

iOS_ iPhone AskForTask 1

iOS_ Rove

iOS_ NikeplusRunning

iOS_ Sphere_1

iOS_Yummly_1