brunch

Loading(로딩)

카테고리: Communication(커뮤니케이션)

by Newtudy

Newtudy 단톡방에서 디자인 얘기를 나눌 수 있습니다.

입장코드: newtudy


사용자가 잠깐 기다려야 할 때 보여주는 화면이다.


개인적으로 로딩 화면을 만들지 않아도 될 만큼 실행 환경이 빠르면 베스트라고 생각하지만

개발 환경에서 로딩을 아예 피하기는 어려울 것이다.


로딩 UI의 패턴 특징

- 스피너 아이콘 활용(화면 전체가 로딩되거나 or 특정 부분에만 로딩 아이콘을 위치시키거나)
- 프로그래스바 UI
- 스켈레톤 UI


예시

Uber iOS 192.png
Lensa AI iOS 48.png
Duolingo iOS 8.png
우버 / Lensa AI / 듀오링고
Google News iOS 4.png
Drops iOS 29.png
Messenger iOS 20.png
구글 뉴스 / Drops / 페이스북 메신저
GroupMe iOS 55.png
Uber iOS 235.png
Duolingo iOS 333.png
GroupMe / 우버 / 듀오링고
Messenger iOS 35.png
LinkedIn iOS 265.png
Uber iOS 44.png
페이스북 메신저 / 링크드인 / 우버


keyword
매거진의 이전글Empty State(빈 화면)