|
|
| Line 5: |
Line 5: |
| | * Circulating progress bar/wheel 패턴과는 달리 bar가 looped 형식으로 무한반복하여 채워지는 것이 아니라, 한번 채워지면면 다음 프로세스가 진행된다. | | * Circulating progress bar/wheel 패턴과는 달리 bar가 looped 형식으로 무한반복하여 채워지는 것이 아니라, 한번 채워지면면 다음 프로세스가 진행된다. |
| | | | |
| − | ----
| + | === Example: iOS_ Safari=== |
| − | == Examples ==
| + | |
| − | === iOS_ Safari=== | + | |
| | * 프로세스의 진행상태를 채워지는 바 형태로 알려준다. | | * 프로세스의 진행상태를 채워지는 바 형태로 알려준다. |
| | {{#Widget:Vimeo|id=95629311|width=300|height=400}} | | {{#Widget:Vimeo|id=95629311|width=300|height=400}} |
| | | | |
| | + | ---- |
| | === iOS_Between === | | === iOS_Between === |
| | * 의도한 사진이나 그림등의 파일을 올리고 있는 중임을 아이콘과 진행 바를 통해 알려준다. | | * 의도한 사진이나 그림등의 파일을 올리고 있는 중임을 아이콘과 진행 바를 통해 알려준다. |
Revision as of 16:19, 24 June 2014
Filling up progress bar는 작업의 진행상태와 진행정도 등을 bar 나 숫자 %를 이용하여 실시간으로 알려주는 패턴이다.
With this pattern, we can solve...
- Progress bar는 진행정도에 따라 bar가 채워지거나 전체 작업을 퍼센트 개념으로 시각화 하는 등 다양한 표현방식을 통해 기다려야 하는 정도를 알려준다.
- Circulating progress bar/wheel 패턴과는 달리 bar가 looped 형식으로 무한반복하여 채워지는 것이 아니라, 한번 채워지면면 다음 프로세스가 진행된다.
Example: iOS_ Safari
- 프로세스의 진행상태를 채워지는 바 형태로 알려준다.
iOS_Between
- 의도한 사진이나 그림등의 파일을 올리고 있는 중임을 아이콘과 진행 바를 통해 알려준다.
Android_App download
Android_App download
- 다운로드 상황을 progress bar 형태로 시각화하여 사용자에게 알려준다.
Android _ Galaxy update
- App의 업데이트 진행 상황을 progress bar 형태로 시각화하여 사용자에게 알려준다.
Android _ Google play store instal
- App의 설치 진행상황을 progress bar 형태로 시각화하여 사용자에게 알려준다.
Android _ 리본공예 배우기 update
- App의 업데이트 진행상황을 progress bar와 wheel 두가지 형태로 시각화하여 사용자에게 알려준다
Android _ 올레네비 update
- App의 업데이트 진행상황을 progress bar 형태로 시각화하여 사용자에게 알려준다