Apple์ ์ ๊ทผ์ฑ ๊ธฐ๋ฅ์ ์ฌ์ฉํ์ฌ ์์ ์๊ฒ ๋ง๋ ๋ฐฉ์์ผ๋ก ๊ธฐ๊ธฐ์ ์ํธ ์์ฉํ๋ ๋ฐฉ๋ฒ์ ๊ฐ์ธํํ๊ฒ ํ๋ค.
์ฑ ๋๋ ๊ฒ์์ ์ ๊ทผ์ฑ ๊ฐ์ธํ๋ฅผ ์ง์ํ๋๋ก ๋์์ธ๋์ด ์๋ค. -->
๋ฅ๋ ฅ ๋๋ ๊ธฐ๊ธฐ ์ฌ์ฉ ๋ฐฉ์๊ณผ ๊ด๊ณ์์ด ๋ชจ๋ ์ฌ๋์ด ํ๋ฅญํ ๊ฒฝํ์ ํ ์ ์๋๋ก ๋๋๋ค.
์ฝ ์ผ๊ณฑ ๋ช ์ค ํ ๋ช ์ ๋ฅ๋ ฅ์ ์ํฅ์ ๋ฏธ์น๋ ์ฅ์ ๋ฅผ ๊ฐ์ง๊ณ ์๋ค.
์๋ฅผ ๋ค์ด, ๋์์ผ๋ก ์ธํ ์๋ชฉ ์์์ด๋ ๊ณผ๋ํ ์ฌ์ฉ์ผ๋ก ์ธํ ๋ชฉ์๋ฆฌ ์์ค๊ณผ ๊ฐ์ ์ํฉ ์ฅ์ ๋ ๊ฑฐ์ ๋ชจ๋ ์ฌ๋์ด ๊ธฐ๊ธฐ์ ์ํธ ์์ฉํ๋ ๋ฐฉ์์ ์ํฅ์ ์ค ์ ์๋ค.
์ ๊ทผ์ฑ์ ๊ณ ๋ คํ์ฌ ๋์์ธํ๋ผ. ์ ๊ทผ์ฑ์ ์ฅ์ ๋ฅผ ๊ฐ์ง ์ฌ๋๋ค์๊ฒ ์ ๋ณด๋ฅผ ์ ๊ณตํ๋ ๊ฒ๋ฟ๋ง ์๋๋ผ ๋ฅ๋ ฅ์ด๋ ์ํฉ๊ณผ ๊ด๊ณ์์ด ๋ชจ๋ ์ฌ๋์๊ฒ ์ ๋ณด๋ฅผ ์ ๊ณตํ๋ ๊ฒ์ด๋ค. ์ ๊ทผ์ฑ์ ๊ณ ๋ คํ์ฌ ์ฑ์ ๋์์ธํ๋ ๊ฒ์ ๋จ์ํจ๊ณผ ์ธ์ง ๊ฐ๋ฅ์ฑ์ ์ฐ์ ์ํ๊ณ ๋ชจ๋ ๋์์ธ ๊ฒฐ์ ์ ๊ฒํ ํ์ฌ ์ฅ์ ๋ฅผ ๊ฐ์ง ์ฌ๋๋ค์ด๋ ๋ค๋ฅธ ๋ฐฉ์์ผ๋ก ๊ธฐ๊ธฐ์ ์ํธ ์์ฉํ๋ ์ฌ๋๋ค์ ๋ฐฐ์ ํ์ง ์๋๋ก ํ๋ ๊ฒ์ ์๋ฏธํ๋ค.
1. ๊ฐ๊ฒฐํจ - ๋ณต์กํ ์์ ์ ๊ฐ๋จํ๊ณ ๋ช ๋ฃํ๊ฒ ์ํํ ์ ์๋ ์ต์ํ๊ณ ์ผ๊ด๋ ์ํธ ์์ฉ์ ์ง์ํ๋ผ.
2. ์ธ์ง๊ฐ๋ฅ์ฑ - ๋ชจ๋ ์ฝํ ์ธ ๊ฐ ์๊ฐ, ์ฒญ๊ฐ ๋๋ ์ด๊ฐ์ ์ฌ์ฉํ๋ ์ฌ๋์ด ์ฌ์ฉํ๋ ๊ฒฝ์ฐ์๋ ์ธ์งํ ์ ์๋๋ก ํ๋ผ.
3. ๊ฐ์ธํ - ์ด๋ฏธ ํ๊ฒฝ ๋ณํ์ ์ ์ํ๋๋ก ๊ฒฝํ์ ๋์์ธํ๊ณ ์์ผ๋ฏ๋ก ๊ธฐ๊ธฐ ๋ฐฉํฅ, ๋์คํ๋ ์ด ํฌ๊ธฐ, ํด์๋, ์ ์์ ๋ฐ ๋ถํ ๋ทฐ์ ๊ฐ์ ํ๊ฒฝ ๋ณํ์ ๋์ํ๊ธฐ ์ํด ์ค๊ณํ๋ผ.
4. ์ ๊ทผ์ฑ์ ์ํด ์ฑ์ด๋ ๊ฒ์์ ๊ฐ์ฌํ๊ณ ํ ์คํธํ๋ผ. - ์ฑ์ด๋ ๊ฒ์์ ๊ฐ ์ค์ํ ์ฌ์ฉ์ ํ๋ฆ์ ๋ํด VoiceOver, Reduce Motion ๋๋ Large Text Size์ ๊ฐ์ ์ ๊ทผ์ฑ ๊ธฐ๋ฅ์ ์ผ๊ณ ํ๋ฆ์ ๋ชจ๋ ์์ ์ ์ด๋ ค์์์ด ์๋ฃํ ์ ์๋์ง ํ์ธํ๋ผ.
์ ์ค์ฒ
1. ํ๋ซํผ ์ ์ค์ฒ๋ฅผ ๋ฌด์ํ์ง ๋ง๋ผ.
2. ์ผ๋ฐ์ ์ธ ์ํธ ์์ฉ์ ์ํด ๋จ์ํ๋ ์ ์ค์ฒ๋ฅผ ์ฌ์ฉํ๋ผ. ๊ฐ๋ฅํ ๊ฐ์ฅ ๊ฐ๋จํ ์ ์ค์ฒ๋ฅผ ์ฌ์ฉํ๋ผ.
3. ์ ์ค์ฒ ๊ธฐ๋ฐ ์์ ์ ์ํํ ์ ์๋ ๋์ฒด ๋ฐฉ๋ฒ์ ์ ๊ณตํ๋ผ. ํน์ ์ ์ค์ฒ๋ฅผ ์ํํ ์ ์๋ ์ฌ์ฉ์๋ฅผ ์ํ ์ต์ ์ ํฌํจํ๋ผ.
4. ๊ฐ๋ฅํ ๊ฒฝ์ฐ, ํ ๊ฐ์ง ์ด์์ ๋ฌผ๋ฆฌ์ ์ํธ ์์ฉ์ ํตํด ์ฑ์ ํต์ฌ ๊ธฐ๋ฅ์ ์ก์ธ์คํ ์ ์๋๋ก ํ๋ผ.
5. ์ฌ์ฉ์ ์ง์ ์ ์ค์ฒ๋ฅผ ์ ์ํ๋ ๊ฒฝ์ฐ ์ฌ์ฉ์๊ฐ ์ฑ๊ณผ ์ํธ ์์ฉํ ์ ์๋ ๋ค๋ฅธ ๋ฐฉ๋ฒ์ ์ ๊ณตํ๋ ๋ณด์กฐ ๊ธฐ์ ์ ์ง์ํ๋ผ. 6. iOS ๋๋ iPadOS ์ฑ์์ ๋๋๊ทธ ์ค ๋๋กญ์ ์ก์ธ์คํ ์ ์๋๋ก ํ๋ผ.
๋ฒํผ & ์ปจํธ๋กค
1. ๋ชจ๋ ์ปจํธ๋กค๊ณผ ๋ํํ ์์๊ฐ ์ถฉ๋ถํ ํฐ ํฌ๊ธฐ์ฌ์ผ ํ๋ค. ํฐ์น์คํฌ๋ฆฐ ์ฅ์น์์๋ ๋์์ด ์ต์ 44x44 pt ์ฌ์ผ ํ๋ค. ๋น์ OS์์๋ ์ค์ฌ์ด ์ต์ 60 pt ๋จ์ด์ ธ ์๋๋ก ์ปจํธ๋กค์ ๋ฐฐ์นํด์ผํ๋ค.
2. ์ฌ์ฉ์ ์ง์ ์์์ ์ ๊ทผ์ฑ์ ํน์ฑํํด์ผ ํ๋ค.
3. ์ผ๊ด๋ ์คํ์ผ์ ๊ณ์ธต ๊ตฌ์กฐ๋ฅผ ์ฌ์ฉํ์ฌ ๋จ์ถ์ ์๋์ ์ค์์ฑ์ ์ ๋ฌํ ์ ์๋ค.
4. ์์คํ ์์ ์ ๊ณตํ๋ ์ค์์น ๊ตฌ์ฑ ์์๋ฅผ ์ ํธํ์.
5. ๋งํฌ์ ๋ฐ์ค๊ณผ ๊ฐ์ ์์ ์ธ์ ์๊ฐ์ ํ์์๋ฅผ ์ฃผ๋ ๊ฒ์ ๊ณ ๋ คํ๋ผ.
'๐จ UX UI' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
์ฌ์ฉ์ ์ธํฐํ์ด์ค(UI)์ ๊ฐ๋ ๊ณผ ์ดํด (0) | 2023.11.12 |
---|---|
์ฌ์ฉ์๊ฒฝํ(UX)์ ๊ฐ๋ ๊ณผ ์ดํด (0) | 2023.10.03 |
์คํฐ๋ 5์ฃผ์ฐจ (0) | 2023.08.13 |
์คํฐ๋ 3์ฃผ์ฐจ (0) | 2023.08.13 |
์คํฐ๋ 2์ฃผ์ฐจ (0) | 2023.08.13 |