From Design pattern
Jump to: navigation, search
Line 6: Line 6:
  
 
==Example ==
 
==Example ==
[[file:
+
[[file:Circulating_wheel.gif|665.px]]
  
 
----
 
----

Revision as of 12:54, 15 July 2014

Circulating Progress Wheel은 시스템이 작업을 처리하고 있는 상황에서 순환형태의 Wheel을 통해 시스템이 멈춰있지 않다는 것을 알려주는 패턴이다. 현재 프로세스가 진행되고 있는 것을 알려준다는 의미에서 Activity indicators 라고 불리기도 한다.

With this pattern, we can solve...

  • Filling up progress barDrawing progress wheel이 작업정도를 표시해 주는것과 달리 Circulating progress wheel은 작업이 언제 끝나는가에 대해 사용자에게 알려주지는 않는다.
  • 다만, 시스템이 무언가를 처리하고 있으며 처리가 완료되는데 까지 시간이 걸린다는 것을 사용자에게 알려줌으로써 작업을 종료하거나 시스템이 멈춰버린 것으로 오해하지 않게 한다.

Example

665.px


Android_Flipboard

  • 진행되는 상황을 알 수 있도록 하는 Progress wheel을 상황설명 문구와 함께 띄워 보여준다.

iOS_Tumblr

  • 진행되는 상황을 알 수 있도록 하는 Progress wheel을 회전하는 이미지로 표현하여 보여준다.

Android_BBC News

  • 새로고침이나 로딩하는 순간에 데이터를 불러오고 있음을 시각적으로 보여준다.
  • Progress wheel을 통해 데이터로딩이 이루어지고 있음을 보여줄 때 사용된다.

Android_Nike Running

iOS_Mailbox

iOS_Pinterest

iOS_JetSetter