Notice
Recent Posts
Recent Comments
Link
«   2024/05   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
Tags more
Archives
Today
Total
관리 메뉴

도니의 iOS 프로그래밍 세상

Loading 본문

HIG(iOS14)

Loading

Donee 2022. 2. 11. 15:08

콘텐츠가 로딩될 때, 정지되거나 빈 스크린은 앱이 멈춘 것처럼 보여 사용자들에게 혼란을 야기하고 결과적으로 앱을 더 이상 사용하지 않도록 만들게 된다.

1. 로딩 중 일 땐 명백하게 보여줘라

Progress 바에서 언제든지 중지될 수 있도록 해야 하고, 로딩 중이라는 사실을 확실하게 알려주고 진행 상황을 보여줘야 한다.

2. 최대한 가능한 콘텐츠를 보여줘라

스크린을 즉시 보여주고, 실제 콘텐츠는 아니지만 placeholder를 통해 아직 사용하지 못하는 곳을 확인시켜 준다. context를 들어가서 인지하는 시간이 10초가 걸리는 만큼 로딩이 안됐을 때, 아무것도 보여주지 않는 것이 아니라 로딩 중 말고 다른 부분을 살펴볼 수 있도록 기회를 주는 것이다.

3. 로딩 타임을 느끼지 못하도록 재미나 유익한 정보를 제공해라

예를 들자면, 스플래시 이미지를 사용하는 것이다. 스플래시 이미지를 써도 되는 장르는 immersive 타입인 경우이다. 그것에 대해 설명하기 위해 예시로 게임이 있다. 게임인 경우 게임 세상에 몰입하기 전, 세계관을 알 필요가 있고 그리하여 스플래시 이미지를 분위기 환기를 위해서 사용한다. 결국 immersive 타입은 몰입해야 하는 장르로서 이때 스플래시 이미지를 사용하는 것이 도움이 된다.

4. 로딩 스크린을 커스텀 화 해라.

로딩 스크린이 종종 콘텍스트와 맞지 않는 경우가 존재하기 때문에, 로딩과 관련된 화면의 디디안을 커스텀 화해서 좀 더 몰입할 수 있도록 한다.

출처

Apple Human Interface Guidelines(https://developer.apple.com/design/human-interface-guidelines/)

​스위프트하이(https://www.youtube.com/watch?v=AZUku4wfp-Q&t=257s)

'HIG(iOS14)' 카테고리의 다른 글

Modality - 2  (0) 2022.02.11
Modality - 1  (0) 2022.02.11
Onboarding  (0) 2022.02.11
Launching  (0) 2022.02.11
Interface essential  (0) 2022.02.11
Comments