iOS HIG : Loading

박형석·2021년 11월 2일

iOS HIG

목록 보기
3/19
post-thumbnail

로딩 중 입니다만

비어있는 화면이나 정적인 스크린은 마치 앱이 멈춘 것 같이 보이게 한다. 뭔가 중요한 일을 하고 있다는 progress bar 와 언제든 중지시킬 수 있는 Loading 요소를 넣자.

1. 로딩이 일어나고 있다는 사실을 명백하게 보여줘라

가장 기본으로 제공해주는 Indicator View라도 사용하자. status bar에 있는건 사라졌으니 적절한 위치와 방식으로 꼭 넣자.

2. 컨텐츠를 가능한 빨리 보여줘라.

스크린은 즉시 보여주자. placeHolder(text, graphics, animation)을 사용해서 아직 사용가능하지 않을 때라도 skeleton한 뷰를 먼저 보여주는 것이 필요하다. 빠르게 로딩 된 다른 곳을 먼저 보여주는 것도 좋다.

3.로딩타임을 숨길 수 있는 유익한 것들을 사람들에게 사용해라.

스플래쉬 이미지는 이럴 때 사용한다. 즉, Immersive Type의 앱에 사용 가능. 비디오 플레이, 게임 등

4. Customize loading screen

왠만하면 기본으로 제작하자. 하지만 컨텍스트와 맞지 않을 땐 커스텀해서 사용하는게 좋다. immersive한 경험을 제공하기 위해서 적절한 로딩 페이지를 제작해보자.

결론

앱을 제작하다보면 로딩스크린이 필요하지만 관련된 작업을 매번하는건 귀찮은 일이긴 하다. 하지만 사용자가 앱이 멈췄다고 느끼게 되면 오히려 앱을 꺼버리거나 강제로 죽이는 일도 변변찮게 일어난다. 특히 네트워크 작업에 있어서 로딩 스크린을 제작하는 것은 필수적이다.

Apple Human Interface Guideline
https://developer.apple.com/design/human-interface-guidelines/ios/app-architecture/loading/

profile
IOS Developer

0개의 댓글