Human Interface Guidelines ์๋ฌธ ํด์๊ณผ ํจ๊ป ์ฌ๋ก ๋ถ์์ ์ถ๊ฐํด์ ์์ฑํ ๊ธ์ ๋๋ค.
๐ Human Interface Guidelines
Loading - App Architecture - iOS - Human Interface Guidelines - Apple Developer
Loading When content is loading, a blank or static screen can make it seem like your app is frozen, resulting in confusion and frustration, and potentially causing people to leave your app. Make it clear when loading is occurring. At minimum, show an activ
developer.apple.com
์ปจํ ์ธ ๊ฐ ๋ก๋ฉ์ค์ผ ๋,
๋น์ด์๊ฑฐ๋ ๊ณ ์ ๋์ด ์๋ ํ๋ฉด์ ์ฌ์ฉ์๊ฐ ๋ณด๊ธฐ์ ์ฑ์ด ๋ฉ์ท๋ค๋ ๋๋์ ์ค ์ ์์ต๋๋ค.
์ด๋ฐ ๋ถ๋ถ์ ์ฌ์ฉ์์๊ฒ ํผ๋์ ์ค ์ ์๊ณ , ์ ์ฌ์ ์ผ๋ก ์ฌ์ฉ์์ ์ดํ์ ์ด๋๊ธฐ๋ ํฉ๋๋ค.
1. Make it clear when loading is occurring
์ต์ํ ๋์๊ฐ๋ ๋ชจ์ ๋ฑ์ผ๋ก ๋ฌด์ธ๊ฐ ์ผ์ด๋๊ณ ์์์ ๋ณด์ฌ์ค์ผ ํฉ๋๋ค.
๋ช ํํ ์งํ ์ ๋๋ฅผ ๋ณด์ฌ์ฃผ๋ ๊ฒ์ ์ฌ์ฉ์๊ฐ ์ผ๋ง๋ ๋ ๊ธฐ๋ค๋ ค์ผ ํ๋์ง ๋ณด์ฌ์ฃผ๊ธฐ ๋๋ฌธ์
๋ ์ข์ ๋ฐฉ๋ฒ์ด ๋ ์ ์์ต๋๋ค.
2. Show content as soom as possible
์ฌ์ฉ์๋ค์ด ๊ธฐ๋ํ๊ณ ์๋ ํ๋ฉด์ ๋ณด๊ธฐ ์ ์ ์ปจํ ์ธ ๋ก๋ฉ์ ๊ธฐ๋ค๋ฆฌ๊ฒ ํ์ง ๋ง์์ผ ํฉ๋๋ค.
ํ๋ฉด์ ์ฆ์ ๋ณด์ฌ์ฃผ๊ณ , placeholder ํ ์คํธ๋ ๊ทธ๋ํฝ, ์ ๋๋ฉ์ด์ ์ ํตํด
์์ง ์ปจํ ์ธ ๋ฅผ ์ฌ์ฉํ ์ ์๋ ๊ณณ์ ๋ํ๋ ๋๋ค.
์ปจํ ์ธ ๊ฐ ๋ก๋๋๋ฉด placeholder๋ฅผ ๊ต์ฒดํ๊ณ ,
์ ๋๋ฉ์ด์ ์ด ์ฌ์ ์ค์ด๊ฑฐ๋ ์ฌ์ฉ์๊ฐ ์์ ๋ ๋ฒจ ๋๋ ๋ฉ๋ด๋ฅผ ํ์ํ ๋๊ณผ ๊ฐ์ด
๊ฐ๋ฅํ ๋๋ง๋ค background์์ ์ปจํ ์ธ ๋ฅผ ๋ก๋ํด์ฃผ์ธ์.
์ต๋ํ ๋ก๋ฉ์ ์งง๊ฒ~!
3. Educate or entertain people to mask loading time
๋ก๋ฉ์ด ๋๋ ๋์ ์๋น์ค์ ๋ํ ๋ด์ฉ์ ๋ณด์ฌ์ฃผ๊ฑฐ๋ ์ฆ๊ฒ๊ฒ ํ์ฌ
๋ก๋ฉ ์๊ฐ์ ์ฌ๋ฏธ ๋๋ ๊ต์ก ์์๋ก ๋ฎ์ ์ ์๋๋ก ํด์ฃผ์ธ์
4. Customize loading screens
๋ก๋ฉ ํ๋ฉด์ ์ปค์คํ ํด์ฃผ์ธ์
๊ธฐ๋ณธ progress indicator์ ๋ณดํต ๊ด์ฐฎ์ง๋ง, ๊ฐํน ์ฑ์ ๋ง์ง ์๋ค๋ ๋๋์ด ๋ค ์ ์์ต๋๋ค.
์ฑ์ด๋ ๊ฒ์์ ์คํ์ผ์ ๋ง๋ ๋ง์ถคํ ์ ๋๋ฉ์ด์ ๊ณผ ์์๋ค์ ํตํด
๋ ๋ชฐ์ ๊ฐ ์๋ ๊ฒฝํ์ ๋์์ธ ํด๋ณด์ธ์
์์ธํ ์ฌ๋ก๋ ์๋์ โฌ๏ธ
๐์ฌ๋ก
๐ญ ์ปค์คํ ๋ก๋ฉ
๋ฐฐ๋ฌ์ ๋ฏผ์กฑ
๋ฐฐ๋ฌ์ ๋ฏผ์กฑ์์๋ ๋ณด์ด๋ ๊ฒ๊ณผ ๊ฐ์ด
๊ธฐ๋ณธ progress indicator๊ฐ ์๋ ์ปค์คํ ํ ๋ก๋ฉ์ ๋ณด์ฌ์ฃผ๊ณ ์์ต๋๋ค.
์์ ๋ฐฐ๋ฌ์ด๋ผ๋ ์ฃผ์ ์๋น์ค์ ๋ง๊ฒ
์ฌ๋ฌ๊ฐ์ง ์์๊ณผ ๋ฐฐ๋ฌ์ ๊ด๋ จ๋ ์ผ๋ฌ์คํธ๋ฅผ ๋์์ฃผ๋ฉฐ
์ฑ์ด ๋ฉ์ถ ๊ฒ์ด ์๋, ์ปจํ ์ธ ๋ก๋ฉ ์ค์์ ๋ณด์ฌ์ฃผ๊ณ ์์ต๋๋ค.
ํซํ๋ ์ฆ
ํซํ๋ ์ฆ ๋ํ ๋ณดํต์ ์ธ๋์ผ์ดํฐ๊ฐ ์๋
์๋น์ค์ ํน์ฑ์ ๋ง๋ ์ปค์คํ ๋ก๋ฉ์ ์ฌ์ฉํ๊ณ ์์ต๋๋ค.
์๋์ฆ
์๋์ฆ์์๋ ์ปค์คํ ๋ก๋ฉ๊ณผ ํจ๊ป
์๋จ์ ๋ก๋ฉ ์งํ ์ ๋๋ฅผ ํํํด์ฃผ๋ progress indicator๋ฅผ ํจ๊ป ์ฌ์ฉํ๊ณ ์์ต๋๋ค.
๐ญ ์ค์ผ๋ ํค์ ์ฌ์ฉํ ๋ก๋ฉ
์ต๊ทผ ์ ๋ง ๋ง์ ์ฑ๋ค์ด ๊ฐ์ด๋ฐ ๋ก๋ฉ ์ธ๋์ผ์ดํฐ๋ฅผ ํตํด ๋ก๋ฉ์ ๋ณด์ฌ์ฃผ๋ ๊ฒ์ด ์๋ ์ค์ผ๋ ํค์ ๋ง์ด ์ฌ์ฉํ๊ณ ์์ต๋๋ค.
์ค์ผ๋ ํค์ ๋ง์ด ์ฌ์ฉํ๋ ์ด์ ๋
๋ฏธ๋ฆฌ ์ปจํ ์ธ ๊ฐ ์ด๋ค ์์ผ๋ก ๋ณด์ฌ์ง์ง์ ๋ํ ํํธ๋ฅผ ์ฃผ๊ธฐ ๋๋ฌธ์ด๋ผ ์๊ฐํฉ๋๋ค..
์์ผ๋ก ๋์ค๊ฒ ๋ ์ปจํ ์ธ ๋ฅผ ๋ฏธ๋ฆฌ ์์ํ ์ ์๊ธฐ ๋๋ฌธ์ ์ง๋ฃจํจ์ ์ค์ฌ์ค ์ ์์ต๋๋ค ..
๋ํ ๋ณดํต ๊ฐ์ด๋ฐ์ ์๊ฒ ํ์๋๋ ๋ก๋ฉ ์ธ๋์ผ์ดํฐ ๋ณด๋ค ๋ ๋์ ํ๋ฉด์ ์ฐจ์งํ์ฌ ๋ก๋ฉ์ ํํํ๊ธฐ ๋๋ฌธ์
ํ ๋น ๋ฏํ ๋๋์ด ๋ ๋ ๋ค๊ณ ๋ ์๊ฐ์ด ๋๋ค์..๐คฏ
์ค์ผ๋ ํค ์ฌ์ฉํ ์์๐
์ค์ผ๋ ํค ์ฌ์ฉํ๋ ๋ฐฉ๋ฒ๋ ๋์ค์ ์ ๋ฆฌํด์ ์ฌ๋ ค๋ด์ผ๊ฒ ๋ค์..
https://github.com/yangsubinn/Test-iOS/blob/master/Skeleton/Skeleton/ViewController.swift
GitHub - yangsubinn/Test-iOS: ์ด๊ฒ ์ ๊ฒ ๋ค ํ ์คํธํด๋ณด๋ ๋ ํฌ๐
์ด๊ฒ ์ ๊ฒ ๋ค ํ ์คํธํด๋ณด๋ ๋ ํฌ๐. Contribute to yangsubinn/Test-iOS development by creating an account on GitHub.
github.com
'UIUX' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[HIG] Web views๐ (0) | 2022.11.04 |
---|---|
[HIG] Modality ๐ถโ๐ซ๏ธ (0) | 2022.08.01 |
[HIG] Navigation Bar ๐งญ (0) | 2022.05.31 |
[HIG] Onboarding ๐ซ (0) | 2022.05.20 |
[HIG] ๐ง Tab Bars (0) | 2022.04.29 |