| Line 1: | Line 1: | ||
| − | Filling up progress bar는 작업의 진행상태와 | + | Filling up progress bar는 작업의 진행상태와 진행정도를 Bar형태의 색상을 채워서 보여주거나 숫자 퍼센테이지를 표시해서 알려주는 패턴이다. 사용자가 어떠한 행동을 시작할 수 있도록 진행상태나 진행정도를 알려주는 인터랙션 패턴이다. |
=== With this pattern, we can solve... === | === With this pattern, we can solve... === | ||
| − | * | + | * [[Circulating progress bar/wheel]] 패턴과는 달리 bar가 looped 형식으로 무한반복하여 채워지는 것이 아니라, 한번 채워지면면 다음 프로세스가 진행된다. |
| − | + | ||
=== Example: iOS_ Safari=== | === Example: iOS_ Safari=== | ||
| Line 38: | Line 37: | ||
{{#Widget:Vimeo|id=93208927|width=300|height=528}} | {{#Widget:Vimeo|id=93208927|width=300|height=528}} | ||
| + | === Wii_Wii Fit === | ||
| + | * 시계방향으로 색이 변하던 원 모양이 사방으로 퍼지는 이미지를 통해 로딩 시간이 끝나고 곧이어 사용자의 동작이 인식되어 하고자 하는 일에 반영될 것임을 알려준다. | ||
| + | {{#Widget:Vimeo|id=94698165|width=665|height=374}} | ||
[[Category:Show_progress_state]] | [[Category:Show_progress_state]] | ||
Filling up progress bar는 작업의 진행상태와 진행정도를 Bar형태의 색상을 채워서 보여주거나 숫자 퍼센테이지를 표시해서 알려주는 패턴이다. 사용자가 어떠한 행동을 시작할 수 있도록 진행상태나 진행정도를 알려주는 인터랙션 패턴이다.