Difference between revisions of "Determinate progress wheel"
Navigation menu
From Design pattern
(Created page with "Circulating Progress Wheel은 시스템이 작업을 처리하고 있는 상황에서 순환형태의 Wheel을 통해 시스템이 멈춰있지 않다는 것을 알려주는 ...") |
m (Admin3 moved page Circulating progress wheel to Determinate progress wheel) |
||
| (3 intermediate revisions by one user not shown) | |||
| Line 1: | Line 1: | ||
| − | Circulating Progress Wheel은 시스템이 작업을 처리하고 있는 상황에서 순환형태의 Wheel을 통해 시스템이 멈춰있지 않다는 것을 알려주는 패턴이다. 현재 프로세스가 진행되고 있는 것을 알려준다는 의미에서 | + | Circulating Progress Wheel은 시스템이 작업을 처리하고 있는 상황에서 순환형태의 Wheel을 통해 시스템이 멈춰있지 않다는 것을 알려주는 패턴이다. 현재 프로세스가 진행되고 있는 것을 알려준다는 의미에서 Progress indicators 라고 불리기도 한다. |
=== With this pattern, we can solve... === | === With this pattern, we can solve... === | ||
| − | * [[Filling up | + | * [[Filling up progress wheel]] 패턴은 wheel이 한번 순환하면 다음 프로세스가 진행되지만, circulating progress wheel은 wheel이 계속적으로 순환하기 때문에 현재 프로세스가 언제 마칠 지 알 수 없다. |
* 다만, 시스템이 무언가를 처리하고 있으며 처리가 완료되는데 까지 시간이 걸린다는 것을 사용자에게 알려줌으로써 작업을 종료하거나 시스템이 멈춰버린 것으로 오해하지 않게 한다. | * 다만, 시스템이 무언가를 처리하고 있으며 처리가 완료되는데 까지 시간이 걸린다는 것을 사용자에게 알려줌으로써 작업을 종료하거나 시스템이 멈춰버린 것으로 오해하지 않게 한다. | ||
| + | * [[Circulating progress bar]]는 circulating progress wheel과 유사하게 계속적으로 bar에 표시되는 색상이 채워져 프로세스 종료시점을 알 수 없다는 공통점이 있으나, wheel형태가 아닌 bar형태로 진행중임을 표시하기 때문에 분류되었다. | ||
==Example == | ==Example == | ||
| − | [[file: | + | [[file:Circulating_wheel.gif|665.px]] |
---- | ---- | ||
| − | |||
=== Android_Flipboard === | === Android_Flipboard === | ||
Latest revision as of 14:51, 25 July 2014
Circulating Progress Wheel은 시스템이 작업을 처리하고 있는 상황에서 순환형태의 Wheel을 통해 시스템이 멈춰있지 않다는 것을 알려주는 패턴이다. 현재 프로세스가 진행되고 있는 것을 알려준다는 의미에서 Progress indicators 라고 불리기도 한다.
Contents
With this pattern, we can solve...
- Filling up progress wheel 패턴은 wheel이 한번 순환하면 다음 프로세스가 진행되지만, circulating progress wheel은 wheel이 계속적으로 순환하기 때문에 현재 프로세스가 언제 마칠 지 알 수 없다.
- 다만, 시스템이 무언가를 처리하고 있으며 처리가 완료되는데 까지 시간이 걸린다는 것을 사용자에게 알려줌으로써 작업을 종료하거나 시스템이 멈춰버린 것으로 오해하지 않게 한다.
- Circulating progress bar는 circulating progress wheel과 유사하게 계속적으로 bar에 표시되는 색상이 채워져 프로세스 종료시점을 알 수 없다는 공통점이 있으나, wheel형태가 아닌 bar형태로 진행중임을 표시하기 때문에 분류되었다.
Example
Android_Flipboard
- 진행되는 상황을 알 수 있도록 하는 Progress wheel을 상황설명 문구와 함께 띄워 보여준다.
iOS_Tumblr
- 진행되는 상황을 알 수 있도록 하는 Progress wheel을 회전하는 이미지로 표현하여 보여준다.
Android_BBC News
- 새로고침이나 로딩하는 순간에 데이터를 불러오고 있음을 시각적으로 보여준다.
- Progress wheel을 통해 데이터로딩이 이루어지고 있음을 보여줄 때 사용된다.
Android_Nike Running
iOS_Mailbox
iOS_Pinterest
iOS_JetSetter