brunch

You can make anything
by writing

C.S.Lewis

by Newtudy Mar 26. 2023

Loading(로딩)

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

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

입장코드: newtudy


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


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

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


로딩 UI의 패턴 특징

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


예시

우버 / Lensa AI / 듀오링고
구글 뉴스 / Drops / 페이스북 메신저
GroupMe / 우버 / 듀오링고
페이스북 메신저 / 링크드인 / 우버


매거진의 이전글 Empty State(빈 화면)
브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari