๐ 2024๋ 10์ 2์ฃผ TOP3
1๏ธโฃ iOS ์ฑ์ ์ค๋ช ํ๋ UI ๋์์ธ์ ๋ง๋๋ ๋ฐฉ๋ฒ์ ๋ํ ์ ๋ฐ์ ์ธ ๊ฐ์ด๋
2๏ธโฃ UX ๋์์ธ์์ ๊ฐ์ฅ ์ค์ํ ๊ท์น
3๏ธโฃ ๋ง์ดํฌ๋ก ์นดํผ๋ฅผ ๊ฐ์ ํ๋ ๋ฒ - UX๋ผ์ดํฐ๊ฐ ์๋ ์ฌ๋์ ํ์ฉํ๋ UX๋ผ์ดํ ํ
1๏ธโฃ iOS ์ฑ์ ์ค๋ช ํ๋ UI ๋์์ธ์ ๋ง๋๋ ๋ฐฉ๋ฒ์ ๋ํ ์ ๋ฐ์ ์ธ ๊ฐ์ด๋
iOS ๋ชจ๋ฐ์ผ ์ฑ์ ์ํ UI ๋์์ธ ๊ฐ์ด๋๋ฅผ ๊ณต์ ํ๊ณ ์ ํฉ๋๋ค. ์ด ๊ฐ์ด๋๋ Apple์ ๊ฐ์ด๋๋ผ์ธ๊ณผ ์ผ์นํ๋ ๊ณ ํ์ง ๋์์ธ์ ๋ง๋ค๊ธฐ ์ํด ํ์ํ ์ฃผ์ ์ฃผ์ ๋ค์ ๋ค๋ฃน๋๋ค. ๊ฐ์๋ ๋ ์ด์์๊ณผ ๊ทธ๋ฆฌ๋, ์์, ํ์ดํฌ๊ทธ๋ํผ, ์์ด์ฝ, ์ปดํฌ๋ํธ, ํธ๋์ง์ ์ผ๋ก ๊ตฌ์ฑ๋์ด ์์ต๋๋ค.
๋ ์ด์์๊ณผ ๊ทธ๋ฆฌ๋
Figma์์ iPhone์ฉ ๋ค์ํ ์ํธ๋ณด๋ ํฌ๊ธฐ๋ฅผ ์ฐพ์ ์ ์์ผ๋ฉฐ, ๋์์ธ์ ์ํด ์ด๋ค ๊ฒ์ ์ ํํด์ผ ํ ์ง ๊ณ ๋ฏผํ ์ ์์ต๋๋ค. ๋ํ XCode๋ ์ ํํ ์ฅ์น์ ๋ง๊ฒ ๋ ์ด์์ ๋์์ธ์ ์๋์ผ๋ก ์กฐ์ ํ๊ธฐ ๋๋ฌธ์, ๊ฐ์ฅ ์ธ๊ธฐ ์๋ iPhone ๋ชจ๋ธ์ ์ํธ๋ณด๋ ํฌ๊ธฐ๋ฅผ ์ ํํ๊ณ ์ด ๋ชจ๋ธ์ ๋ ์ด์์ ์ฌ์์ ๊ณ ๋ คํ์ฌ UI๋ฅผ ๋์์ธํ ์ ์์ต๋๋ค.
๋ฒํผ ๋ฐ ์ปจํธ๋กค๊ณผ ๊ฐ์ UI ์์๋ ์ํ ํ์์ค๊ณผ ํ ์ธ๋์ผ์ดํฐ ์์ญ์ ์ํด ๊ฐ๋ ค์ง์ง ์๋ ์์ญ์๋ง ๋ฐฐ์น๋์ด์ผ ํฉ๋๋ค. ์ด๋ iOS ์์คํ ์ ์ธํฐ๋ํฐ๋ธ ์์์์ ๊ฐ์ญ์ ํผํ๊ธฐ ์ํจ์ ๋๋ค.
๊ทธ๋ฆฌ๋๋ ์ฝํ ์ธ ๋ฅผ ๊ตฌ์กฐ์ ์ผ๋ก ๋ฐฐ์ดํ๋ ๋ฐ ๋์์ด ๋ฉ๋๋ค. ์ผ๋ฐ์ ์ผ๋ก ๋ฐ์ํ ์น์ฌ์ดํธ ๋์์ธ์ ์ฌ์ฉ๋์ง๋ง, ๋ชจ๋ฐ์ผ ์ฑ์์๋ ์ฌ์ ํ ์ ์ฉํฉ๋๋ค.
๋ชจ๋ฐ์ผ ์ฑ์ ์ํ ๊ทธ๋ฆฌ๋ ์ ์ ๋ฐฉ๋ฒ
- ํ๋ฉด์ ์์๋ฅผ ์ ํํ ๋ฐฐ์นํ๊ธฐ ์ํด 8 ํฌ์ธํธ ๊ทธ๋ฆฌ๋๋ฅผ ์์ฑํฉ๋๋ค.
- ์ผ์ชฝ๊ณผ ์ค๋ฅธ์ชฝ ์ฌ๋ฐฑ์ ์ต์ 16pt๋ก ์ ์ํฉ๋๋ค. ์ด๊ฒ์ iOS์์์ ํ์ค์ ๋๋ค.
- ์ฌ์ฉ ๋ชฉ์ ์ ๋ง๋ ์ต์ ์ ์ด ์๋ฅผ ์ ์ํฉ๋๋ค. ๊ฑฐํฐ ํฌ๊ธฐ๋ ์ผ๋ฐ์ ์ผ๋ก 16pt๊ฐ ๊ฐ์ฅ ํํ์ง๋ง, ๋ ์๊ฑฐ๋ ํฐ ๊ฑฐํฐ ํฌ๊ธฐ๋ฅผ ์ ์ํด์ผ ํ ๊ฒฝ์ฐ, ์คํธ๋ ์น ๊ทธ๋ฆฌ๋์์ ๊ฑฐํฐ ํฌ๊ธฐ๋ ์ด ๋๋น์ ์ํฅ์ ๋ฏธ์น๋ฏ๋ก ๊ฑฐํฐ ํฌ๊ธฐ๊ฐ ํด์๋ก ์ด ๋๋น๊ฐ ์ค์ด๋ญ๋๋ค.
์์
iOS๋ ์ง๋์ฑ, ์ ๊ทผ์ฑ ์ค์ ๋ฐ ์ธ๊ด ๋ชจ๋์ ์๋์ผ๋ก ์ ์ํ๋ ์์คํ ๋ฐ ์๋ฏธ ์๋ ์์ ์ธํธ๋ฅผ ์ ์ํ๊ณ ์์ต๋๋ค.
์๋ฏธ ์๋ ์์์ ํด๋น ๋ชฉ์ ์ ์ค๋ช ํ๋ ์ด๋ฆ์ ๊ฐ์ง ์์์ ๋๋ค. ๊ฐ ์๋ฏธ ์๋ ์์์๋ Primary, Secondary, Tertiary์ ๊ฐ์ ๋ถ๋ฅ๊ฐ ์์ผ๋ฉฐ, ์ด๋ ์ฝํ ์ธ ์ ๊ณ์ธต ์์ค์ ๋ฐ๋ผ ๊ตฌ๋ถํ๊ธฐ ์ํด ์ฌ์ฉ๋ฉ๋๋ค. ์๋ฅผ ๋ค์ด, Primary ๋ฐฐ๊ฒฝ์์ ์ ์ํ๋ ค๋ฉด ์์ ์ด๋ฆ์ appPrimaryBackgroundColor๊ณผ ๊ฐ์ด ์ง์ ํ ์ ์์ต๋๋ค. ์ฌ๊ธฐ์ app์ ๋ธ๋๋ ๋๋ ์ฑ์ ์งง์ ์ด๋ฆ์ด๊ณ , PrimaryBackground๋ ์์์ ์๋ฏธ ์๋ ์ด๋ฆ์ ๋๋ค. ์ฌ์ฉ์ ์ ์ ์์์ ์ด๋ฆ์ iOS ์์คํ ์์๊ณผ ๋์ผํด์๋ ์ ๋ฉ๋๋ค.
Apple์ ๊ฐ์ด๋๋ผ์ธ์ ์ค์ํ๋ฉด์ ์ฌ์ฉ์ ์ ์ ์์ ํ๋ ํธ๋ฅผ ๋ง๋๋ ๋ฐฉ๋ฒ์ ์์๋ณด๊ฒ ์ต๋๋ค.
. . ๐ ๋ ์์ธํ ๋ด์ฉ์ ์๋ ์๋ฌธ์์ ํ์ธํด์ฃผ์ธ์.
2๏ธโฃ UX ๋์์ธ์์ ๊ฐ์ฅ ์ค์ํ ๊ท์น
๋ชจ๋ ์ฌ๋, ํนํ ์ ํ์ ๋์์ธํ๋ ์ฌ๋๋ค์ด ์ง์ผ์ผ ํ ์กฐ์ง ์์น์ด ํ๋ ์์ต๋๋ค. ์ ๋ ๋งค์ผ ์ด ๊ท์น์ ์ด๊ธฐ๋ ํ์ฌ๋ฅผ ๋ณด๊ณ ์์ผ๋ฉฐ, ๊ทธ ๊ฒฐ๊ณผ 100% ์ํด๋ฅผ ๋ณด๋ ๊ฒฝ์ฐ๊ฐ ๋ง์ต๋๋ค. ์ด ๊ธ์์๋ ์ด ์์น์ด ๋ฌด์์ด๋ฉฐ ์ ํ ๋ฐ ์๋น์ค ๋์์ธ์ ์ด๋ค ์๋ฏธ๊ฐ ์๋์ง ์ค๋ช ํ๊ฒ ์ต๋๋ค.
๋ํ ์ด ํ์์ด ์กฐ์ง ๊ด๋ฆฌ, ํ์ ๋ฐ ์ผ๋ฐ์ ์ธ ์ฑ๊ณผ์ ๋ฏธ์น ์ ์๋ ์ํฅ์ ๋ํด์๋ ์ธ๊ธํ ๊ฒ์ ๋๋ค. ์ด ๊ธ์์ ๋ ผ์ํ ์ฌ๋ฆฌ์ ํ์์ ๋ฐ๋ฌ์ ๋ฒ์น์ด๋ผ๊ณ ์๋ ค์ ธ ์์ต๋๋ค. ๋ฐ๋ฌ์ ๋ฒ์น์ด ๋ฌด์์ธ์ง ์ค๋ช ํ๊ธฐ๋ณด๋ค๋ ์ด ์ฐ์ต์ ์ฐธ์ฌํ์ฌ ๋ณด๋ค ๋ชฐ์ ๊ฐ ์๋ ํ์ต์ ํด๋ณด์๊ธฐ ๋ฐ๋๋๋ค.
์ฐ์ต...
1๋จ๊ณ
์์ํ๊ธฐ ์ ์ ์ดํค๋ฆญ์ฒด๋ก ํ์๋ ์ง์นจ์ ์ฝ์ผ์ธ์. ํ๊ณผ ์ข ์ด๋ฅผ ์ค๋นํฉ๋๋ค. ์ด ์ฐ์ต์ ๋ฐฉ๊ธ ์ฝ์ ๋จ์ด๋ฅผ ๊ธฐ์ต์์ ๋ ์ฌ๋ฆฌ๋ ์ฐ์ต์ ๋๋ค. ์๋๋ 20๊ฐ์ ๋จ์ด ๋ชฉ๋ก์ ๋๋ค. ์ดํด๊ฐ ๋ ๋๊น์ง ์ฝ๊ณ ๊ฐ๋ฅํ ํ ๋ง์ ๋จ์ด๋ฅผ ์ธ์ฐ์ธ์. ๋จ์ด๋ฅผ '๋จธ๋ฆฟ์์' ๋ด์๋์ธ์. ๋จ์ด๋ฅผ ์ฐ์ง ๋ง์ธ์. ์ฝ 1 ๋ถ์ ๋ณด๋ด์ญ์์ค. ์ฝ๊ธฐ๋ฅผ ๋ง์น ํ 'STOP'์ด๋ผ๋ ๋จ์ด๊ฐ ๋ณด์ผ ๋๊น์ง ์๋๋ก ์คํฌ๋กคํฉ๋๋ค. ๊ทธ๋ฐ ๋ค์ 2๋จ๊ณ๋ฅผ ์ฝ์ต๋๋ค.
. . ๐ ๋ ์์ธํ ๋ด์ฉ์ ์๋ ์๋ฌธ์์ ํ์ธํด์ฃผ์ธ์.
3๏ธโฃ ๋ง์ดํฌ๋ก ์นดํผ๋ฅผ ๊ฐ์ ํ๋ ๋ฒ - UX๋ผ์ดํฐ๊ฐ ์๋ ์ฌ๋์ ํ์ฉํ๋ UX๋ผ์ดํ ํ
UX ๋ผ์ดํ ๊ฒฝ๋ ฅ ๋์ ์ ๋ ๋ค์ํ ์ญํ ์ ๋งก์์์ต๋๋ค. UX ๋ผ์ดํ ํ์์ผ๋ก์ UX ๋ผ์ดํฐ, ๋ ๋ ์ฌ๋์ ๋์ ํ๋ ํ ๋ช ์ UX ๋ผ์ดํฐ, ํ์ฌ์ ์ฒซ ๋ฒ์งธ์ด์ ์ ์ผํ UX ๋ผ์ดํฐ, ์ฌ์ง์ด UX ๋ผ์ดํ ๊ณผ์ ์ ๊ฐ์ฌ๋ก์ 100๊ฐ ์ด์์ ๊ณผ์ ๋ฅผ ๊ฒํ ํ๊ธฐ๋ ํ์ต๋๋ค. ์ ๊ฐ ๋ณธ ๊ฒ๋ค์ ์ ๋ง ๋ค์ํ์ต๋๋ค. ๋ง์ดํฌ๋ก ์นดํผ ์์ฑ์ ๋ชจ๋ ์ฌ๋์ด ์ํ๋ ๊ฒ์ ์๋๋ฉฐ, ๊ทธ๋ด ํ์๋ ์์ต๋๋ค. ๊ทธ๋ผ์๋ ๋ถ๊ตฌํ๊ณ , ๋น์ ์ด UX ๋์์ด๋, ํ๋ก๋ํธ ๋งค๋์ , ๋ถ์๊ฐ, ๋๋ ๋ง์ผํ ์ฝํ ์ธ ๋ผ์ดํฐ๋ก์ ์์ ํ์ฌ์์, MVP๋ฅผ ๋ง๋ค๋ฉด์, ๋๋ ์๋ก์ด ์ ํ์์ ์ผํ๊ณ ์๋ค๋ฉด UX ๋ผ์ดํฐ์์ด ์ผ์ ์งํํด์ผ ํ ์๋ ์์ต๋๋ค. ๋ฐ๋ผ์ ๋น์ ์ด ๋ง์ดํฌ๋ก ์นดํผ๋ฅผ ์์ฑํ ํ์๊ฐ ์์ต๋๋ค. ๋ช ํํ๊ณ ๊ฐ๊ฒฐํ ์นดํผ๋ฅผ ์์ฑํ๊ณ ๋์์ธ์ ๋น ๋ฅด๊ฒ ์ ๊ฒํ ์ ์๋ ๋ช ๊ฐ์ง ๊ธฐ๋ณธ ๊ท์น์ด ์ฌ๊ธฐ ์์ต๋๋ค.
์ธํฐํ์ด์ค์ ๋ง์ดํฌ๋ก ์นดํผ๊ฐ ์ญํ ์ ์ํํ๊ฒ.
๋ง์ดํฌ๋ก ์นดํผ๋ฅผ ์์ฑํ ๋ ์ธํฐํ์ด์ค๋ฅผ ํ๋ก๋ํธ์ ์ฌ์ฉ์ ๊ฐ์ ๋ํ๋ก ์๊ฐํด ๋ณด์ธ์.
- ์ฌ๊ธฐ์ ์ ๋ชฉ, ๋ณธ๋ฌธ ํ ์คํธ, ํดํ ๋ฑ์ ๋น์ ์ "๊ตฌ์ "์ ๋๋ค.
- ๋ฒํผ ๋ผ๋ฒจ, ์ ๋ ฅ ํ๋, ํ ๊ธ, ๋ฉ๋ด ํญ๋ชฉ ๋ฐ ๊ธฐํ ํญํ๊ฑฐ๋ ์ ํํ ์ ์๋ ์์๋ค์ ์ฌ์ฉ์์ "๊ตฌ์ "์ ๋๋ค.
์ด์์ ์ผ๋ก, ๋น์ ์ ์ธํฐํ์ด์ค ์นดํผ์์ ์ญํ ๋์ดํ ์ ์์ด์ผ ํฉ๋๋ค. ์ฆ, ํ๋ก๋ํธ๊ฐ ์ฌ์ฉ์๊ฐ ๋ฌด์ธ๊ฐ๋ฅผ ํ๋๋ก ์์ฒญํ๋ฉด ์ฌ์ฉ์๊ฐ ์ด๋ฅผ ์ํํ๊ณ , ํ๋ก๋ํธ๊ฐ ์ ๋ณด๋ฅผ ์์ฒญํ๋ฉด ์ฌ์ฉ์๊ฐ ์ด๋ฅผ ์ ๋ ฅํ๊ฑฐ๋ ๋ฉ๋ด์์ ํญ๋ชฉ์ ์ ํํ๋ฉฐ, ํ๋ก๋ํธ๊ฐ ์ฌ์ฉ์์๊ฒ ๋ฌด์ธ๊ฐ๋ฅผ ์๋ฆฌ๊ฑฐ๋ ๊ฒฝ๊ณ ํ๋ฉด ์ฌ์ฉ์๊ฐ ์กฐ์น๋ฅผ ์ทจํ๋ ๊ฒ์ ๋๋ค.
์๋ฅผ ๋ค์ด, ํ๋ฉด์ด ์ด๋ฒคํธ์ ๋ํ ๋ด์ฉ์ด๊ณ CTA๋ ์ฌ์ฉ์๊ฐ ๋ฑ๋กํ๋๋ก ํ๋ ๊ฒ์ด๋ผ๋ฉด, "Save your spot"๋ณด๋ค๋ "Save my spot"๊ณผ ๊ฐ์ ๋ฒํผ ๋ผ๋ฒจ์ ์ ํํด์ผ ํฉ๋๋ค. ์ด๋ ๊ฒ ํ๋ฉด ์ฌ์ฉ์๊ฐ ๋ฒํผ์ ํด๋ฆญํ ๋, ๋ง์น ์์ ์ด ์ง์ ๊ทธ ๋ฌธ๊ตฌ๋ฅผ ๋ฐ์ํ๋ ๊ฒ์ฒ๋ผ ๋์ด, ์ฌ์ฉ์์ ์๊ฐ๊ณผ ์๋์ ๊ณต๊ฐ๋๊ฒ ๋ฉ๋๋ค.
๋ฏผ๊ฐํ ์ฃผ์ ์ผ์๋ก ํน๋ณํ ๋ช ํํ๊ณ ํฌ๋ช ํ๊ฒ.
๊ฐ์ธ ์ ๋ณด, ๊ฑด๊ฐ ๋๋ ๋๊ณผ ๊ฐ์ ์ผ๋ถ ์ฃผ์ ๋ ์ฌ๋๋ค์๊ฒ ๋งค์ฐ ๋ฏผ๊ฐํฉ๋๋ค. ๋ง์ฝ ๋น์ ์ ํ๋ก๋ํธ๊ฐ ์ด๋ฌํ ๋ฏผ๊ฐํ ์ฃผ์ ์ ๊ด๋ จ๋ ์ ํ ์ฌํญ, ํน์ด ์ฌํญ ๋๋ ๊ฐ๋ฅํ ๋ถ์ ์ ๊ฒฐ๊ณผ๋ฅผ ํฌํจํ๊ณ ์๋ค๋ฉด, ์ด ์ ๋ณด๋ฅผ ๋ช ํํ๊ณ ๋ช ๋ฐฑํ๊ฒ ์ ๋ฌํด์ผ ํฉ๋๋ค. ๋ํ, ์ด ์ ๋ณด๋ฅผ ์ ์์ ์ ๋ฌํ๊ณ ์ฌ์ฉ์๊ฐ ์ถ๊ฐ ์กฐ์น๋ฅผ ์ทจํ์ง ์๊ณ ๋ ํญ์ ๋ณผ ์ ์๋๋ก ํ๊ธฐ ์ํด UX/UI ๋์์ด๋์ ๊ธด๋ฐํ ํ๋ ฅํด์ผ ํฉ๋๋ค (์: ํญํด์๋ง ํ์๋๋ ํดํ์ ์จ๊ธฐ์ง ๋ง์ธ์)
์ ๊ฒฝํ์์ ๋์จ ์ฌ๋ก๊ฐ ์์ต๋๋ค. ๊ฝค ์ค๋ ์๊ฐ ๋์ UX ๋ผ์ดํ ๊ณผ์ ์ ๊ณผ์ ๋ค์ ๊ฒํ ํด์์ต๋๋ค. ์ด ๊ณผ์ ์์ ๋ชจ๋ ๊ณผ์ ๋ ๋ฐ๋ ค๊ฒฌ์ ์ฃผ์ธ์ ์ํ ๊ฐ์์ ์ฑ์ ์ค์ฌ์ผ๋ก ์งํ๋์์ต๋๋ค. ํ์๋ค์ด ์์ ํ ๊ณผ์ ์ค ํ๋๋ ๋ฐ๋ ค๊ฒฌ ํ๋ จ์ฌ์์ ์๋ด ์์ฝ ํ๋ฆ์ ๋ง๋๋ ๊ฒ์ด์์ต๋๋ค. ์ด ์๋ด์ ์ฌ์ ์ ๊ฒฐ์ ํด์ผ ํ์ต๋๋ค. ์ค์ ๋ก๋ ์ฌ์ฉ์์ ์ํ ์นด๋์์ ๋์ด ์ฐจ๋จ๋๊ณ ์๋ด 3์๊ฐ ์ ์ ์ฒญ๊ตฌ๋์์ต๋๋ค. ์ด๋ฅผ ํตํด ์ฌ์ฉ์๋ ์์ ์๊ฐ 3์๊ฐ ์ ๊น์ง ๋ฌด๋ฃ๋ก ํ์๋ฅผ ์ทจ์ํ ์ ์์์ต๋๋ค. ๊ทธ๋ฌ๋ ๋๋ค์์ ํ์๋ค์ ์ด ์ ๋ณด๋ฅผ ๊ฒฐ์ ํ๋ฉด์ ํดํ์ผ๋ก ์ถ๊ฐํ๊ธฐ ๋๋ฌธ์, ์ฌ์ฉ์๊ฐ ์ด๋ฅผ ํญํ์ง ์์ผ๋ฉด ๋์ ์์ ๊ฐ๋ฅ์ฑ์ ๋ํด ๊ฒฝ๊ณ ๋ฐ์ง ๋ชปํ์ต๋๋ค.
์ค์ ์ํฉ์์๋ ์ด๊ฒ์ด ์ฌ์ฉ์์๊ฒ ์์ฒญ๋ ๋ถ์ ์ ์ธ ๋ฐ์์ ์ด๋ํ ์ ์์ต๋๋ค. ์ฌ์ฉ์๋ ์์ ๋ฏธ๋์ด์ ์ด์ ๋ํด ๊ฒ์ํ ์ ์์ผ๋ฉฐ, ์ด๋ ํ์ฌ์ ์ด๋ฏธ์ง๋ฅผ ๋์๊ฒ ๋ง๋ค ๊ฒ์ ๋๋ค. ๊ฐ๋ ๋คํฌํจํด์ ์ฌ์ฉํ๋๋ผ๋, ํํ ์ํ์ ๊ฐ์ํ ์ ์๋์ง ํ์ธํด์ผ ํฉ๋๋ค.
๋ฐ๋ผ์ ๋ฏผ๊ฐํ ์ฃผ์ ์ ๋ํ ๋ง์ดํฌ๋ก ์นดํผ๋ฅผ ์์ฑํ ๋๋ ๋ค์์ ์ ์ํ์ธ์.
. . ๐ ๋ ์์ธํ ๋ด์ฉ์ ์๋ ์๋ฌธ์์ ํ์ธํด์ฃผ์ธ์.
๋๊ธ
์๊ฒฌ์ ๋จ๊ฒจ์ฃผ์ธ์