๐ 2021๋ 9์ 3์ฃผ TOP3
- 2022๋ ์ ํ์จ์ ๋์ด๋ 7๊ฐ์ง ๋๋ฉ ํ์ด์ง ๋น๊ต
- ์นํ์ด์ง๋ฅผ ๋ ์ฝ๊ฒ ์ฝํ๋๋ก ๋ง๋๋ ๋น ๋ฅธ ๋ฐฉ๋ฒ
- ๋์์ธ ์์คํ ์ ํ์ดํฌ๊ทธ๋ํผ
2022๋ ์ ํ์จ์ ๋์ด๋ 7๊ฐ์ง ๋๋ฉ ํ์ด์ง ๋น๊ต
๋๋ฉ ํ์ด์ง๋ ์ ํ์ ๋งค์ฐ ์ค์ํฉ๋๋ค. ์ฌ์ฉ์์๊ฒ ์น์ํ ๋๋ฉ ํ์ด์ง๋ ๊ฒ์ ์์ง์์ ๋ ๋์ ์์๋ฅผ ๊ธฐ๋กํ๊ณ ์ต๋ํ์ ๋ฆฌ๋๋ฅผ ๋ง๋ค์ด ๋ผ ๊ฒ์
๋๋ค. ํฅ๋ฏธ๋กญ๊ฒ๋ ์ฌ์ฉ์ ํ๋์ ๋งค๋
๋ฐ๋๊ณ ๊ธฐ์กด ๋๋ฉ ํ์ด์ง์์ ๊ณ์ ๋งค์ถ์ ์ป์ผ๋ ค๋ฉด ์๋ก์ด ์น์ฌ์ดํธ ๋์์ธ ํธ๋ ๋๋ฅผ ์ผ๋์ ๋์ด์ผ ํฉ๋๋ค.
2019๋
์ ์ค์ ์ด ์ข์๋ ๋๋ฉ ํ์ด์ง๊ฐ 2021๋
์ ๊ฐ์๊ธฐ ์ค์ ์ด ์ ์กฐํ๊ธฐ ์์ํ๋ค๋ฉด ๋ ๋์ ์ ํ์ ๊ธฐ๋กํ๊ธฐ ์ํด ๋๋ฉ ํ์ด์ง๋ฅผ ์ ๋ต์ ์ผ๋ก ๊ฐ์ ์ด ํ์ํ๋ค๋ ๊ฒ์ ๋ถ๋ช
ํ ๋ณด์ฌ์ค๋๋ค. ์ดํ๋ฅ ๊ฐ์, ํ์ด์ง ๋ฐฉ๋ฌธ ์๊ฐ ์ฆ๊ฐ, ์ฌ์ฉ์ ํ๋ ๊ฐ์ ์ ์ํด์๋ ๋๋ฉ ํ์ด์ง ๊ฐ์ ์ด ํ์ํฉ๋๋ค.
์ด ๊ธฐ์ฌ์์๋ ๋ธ๋๋๊ฐ ๋๋ฉ ํ์ด์ง ๋์์ธ์ ๊ฐ์ ํ๊ธฐ ์ํด ์ฑํํ 2021๋
์ต๊ณ ์ ์น ๋์์ธ ํธ๋ ๋์ ๋ํด ์ค๋ช
ํฉ๋๋ค. ํธ๋ ๋์์ ๋ฐฐ์ฐ๊ณ ์์ ๋ง์ ๋ง์ถคํ ๋์์ธ ์ธํ
๋ฆฌ์ ์ค(design intelligence)๋ฅผ ์ ์ฉํ์ฌ 2022๋
๋๋ฉ ํ์ด์ง๋ฅผ ๋ฆฌ๋์์ธํ๊ณ ์ต๋ ๋ฐฉ๋ฌธ์ ์๋ฅผ ์ ํํ ์ ์์ต๋๋ค.
์์ํ๊ฒ ์ต๋๋ค.
๋๋ฉ ํ์ด์ง ๋์์ธ์ด ์ ํ์ ์ค์ํ ์ด์
๋๋ฉ ํ์ด์ง๋ ์๋น์์ ์จ๋ผ์ธ ๊ตฌ๋งค ์ฌ์ ์ ์ฒซ ๋ฒ์งธ ์ ๋ฅ์ฅ์ด์ ์ธ์์ ๋จ๊ธธ ์ ์๋ ์ฒซ ๋ฒ์งธ ๊ธฐํ์
๋๋ค. ์ธํฐ๋ท์ ์๋ ์ฌ๋๋ค์ ์ธ๋ด์ฌ์ด ์ค์ด๋ค๊ณ ์์ต๋๋ค. ๋ฐฉ๋ฌธ์๊ฐ ๋ธ๋๋์ ๋ํ ์๊ฒฌ์ ํ์ฑํ๊ณ ์น์ฌ์ดํธ์ ๋จ์์ง ๋ ๋ ์ง ๊ฒฐ์ ํ๋ ๋ฐ๋ ์ฝ 50๋ฐ๋ฆฌ์ธ์ปจ๋๊ฐ ์์๋ฉ๋๋ค.
๊ธฐ์กด ์น ์ฌ์ดํธ ์์๋ก ํ๋ก๋ํธ๋ฅผ ๊ตฌ๋งคํ๊ฑฐ๋ ๋๋ฉ ํ์ด์ง์ ์ฟผ๋ฆฌ ํผ(query forms, ๋ฐ์ดํฐ๋ฒ ์ด์ค์ ์ ๋ณด๋ฅผ ์์ฒญํ๋ ์์)์ ์์ฑํ๋๋ก ํ๋ ๊ณ ๊ฐ์๊ฒ ์ค๋ํ๋ ๊ฒ์ ์ฝ์ง ์์ต๋๋ค.
2021๋
์๋ 2019๋
๋ณด๋ค ์น์ฌ์ดํธ์ ๋ฐฉ๋ฌธํ๋ ๋ฐฉ๋ฌธ์์๊ฒ ๊น์ ์ธ์์ ์ฃผ๊ธฐ๊ฐ ๋ ์ด๋ ต์ต๋๋ค. 2021๋
์ดํ์ ๊ณ ๊ฐ์ ์ผ๋์ ๋๊ณ ์ด์์ ์ธ ๋๋ฉ ํ์ด์ง๋ ์ฌ์ฉ์์๊ฒ ์น์ํ๊ณ ๋งค๋ ฅ์ ์ด๋ฉฐ ํ์ ์ ์ด์ด์ผ ํ๋ฉฐ ์ฌ์ฉ์๊ฐ ํ๋์ ์ทจํ ์ ์๋๋ก ์ฅ๋ คํด์ผ ํฉ๋๋ค.
๋๋ฉ ํ์ด์ง ๋์์ธ์ด ์ ํ์ ๋งค์ฐ ์ค์ํ ๋ช ๊ฐ์ง ์ฃผ์ ์ด์ ๋ ๋ค์๊ณผ ๊ฐ์ต๋๋ค.
- ๊ฐํ ์ธ์์ ์ฃผ๋ ๋ฐ 7์ด๋ฐ์ ๊ฑธ๋ฆฌ์ง ์์ต๋๋ค. ๋ฐฉ๋ฌธ์๊ฐ ํ์ด์ง๋ฅผ ๋๋ต์ ์ผ๋ก ์ดํด๋ณด๊ณ ๊ฒฐ์ ์ ๋ด๋ฆฌ๋ ์๊ฐ์ ๋๋ค.
- 40๊ฐ ์ด์์ ํจ๊ณผ์ ์ธ ๋ฐฉ๋ฌธ ํ์ด์ง๋ฅผ ์ ๊ธฐ์ ์ผ๋ก ๊ฒ์ํ๋ฉด 12๋ฐฐ ๋ ๋ง์ ๋ฆฌ๋๋ฅผ ์์ฑํ ์ ์์ต๋๋ค.
- ๋ชจ๋ ์ฐ์ ๋ถ์ผ์์ ๋๋ฉ ํ์ด์ง์ ํ๊ท ์ ํ์จ์ 2.35%์ ๋ถ๊ณผํฉ๋๋ค.
- ์ฌ๋ฐ๋ฅธ ์ ํ์ ํ๊ฒํ ๊ณผ ํ ์คํธ๋ฅผ ์ฌ์ฉํ๋ฉด ๋๋ฉ ํ์ด์ง ์ ํ์จ์ ์ต๋ 300%๊น์ง ๋์ผ ์ ์์ต๋๋ค.
์์ ํต๊ณ๋ฅผ ๊ณ ๋ คํ ๋ ๋๋ฉ ํ์ด์ง๋ ๋ฐฉ๋ฌธ์์๊ฒ ๊ธ์ ์ ์ธ ์ํฅ์ ์ค ์ ์์ ๋งํผ ์ธ์์ ์ด๊ณ ๋นจ๋ผ์ผ ํ๋ค๊ณ ์ฝ๊ฒ ๋งํ ์ ์์ต๋๋ค.
์ ํ์จ์ด ๋์ ๋๋ฉ ํ์ด์ง์ ๊ฐ ํ์ด์ง์์ ๋ฐฐ์ธ ์ ์๋ 7๊ฐ์ง ๊ตํ
๋ค์์ 2021๋
์ต๊ทผ์ ์
๋ฐ์ดํธ๋ ์ ํ์จ์ด ๊ฐ์ฅ ๋์ ๋๋ฉ ํ์ด์ง ์ค ์ผ๋ถ์
๋๋ค. ๊ฐ ํ์ด์ง์์ 2021๋
์ดํ์ ๋ค์ ๋์์ธ์ ์๊ฐ์ ์ฃผ๊ธฐ ์ํด ๋ฐฐ์ธ ์ ์๋ ๊ตํ์ ๋์ดํฉ๋๋ค.
์ #1 - ์ง๋ฃจํ ๊ณ ๊ฐ ์ ๋ณด๋ฅผ ๋ํํ ํด์ฆ๋ก ๋์ฒดํฉ๋๋ค.
๋๋ฉ ํ์ด์ง: Nextiva์ ํตํฉ ์ปค๋ฎค๋์ผ์ด์
์ค๋น ํด์ฆ ๋๋ฉ ํ์ด์ง์
๋๋ค.
์
๊ณ: Voice over IP(์์ฑํต์ ) ์ํํธ์จ์ด์
๋๋ค.
์ ํ ์ธก์ ๊ธฐ์ค: ๊ด์ฌ ์๋ ์ ์ฌ ๊ณ ๊ฐ์ด ์์์ ์์ฑํฉ๋๋ค.
๋ฆฌ๋์์ธ ์ด์ : ๋ฆฌ๋์ ์๊ณผ ์ง ํฅ์
์๋ฃจ์
: ์จ๋ผ์ธ ์์์ ๋ํํ ํด์ฆ๋ก ๋์ฒด
2019๋
๊ณผ 2020๋
์๋ ๊ณ ๊ฐ ํ๋์ ์ด์งํ๊ธฐ ์ํด ๋ง์ ๊ธฐ์
์ด ๋๋ฉ ํ์ด์ง์ ๊ณ ๊ฐ ์์์ ํฌํจ์์ผ ์ ์ํ๊ฒ ์ค์ฒํ๊ณ ์์ต๋๋ค.
. .
๐ ๋ ์์ธํ ๋ด์ฉ์ ์๋ ์๋ฌธ์์ ํ์ธํด์ฃผ์ธ์.
์นํ์ด์ง๋ฅผ ๋ ์ฝ๊ฒ ์ฝํ๋๋ก ๋ง๋๋ ๋น ๋ฅธ ๋ฐฉ๋ฒ
์ ๋ณดํ ์๋์ ์๊ฐ์ ๊ท์คํ ๊ฒ์ด๋ฉฐ, ์ฌ๋๋ค์ด ๋๋ฌด ๋ง์ด ์๋นํ๊ณ ์ถ์ง ์์ ๊ฒ์
๋๋ค. ๊ทธ๋ฐ ๊ฒฐ๊ณผ๋ก, ํ๊ท ๋ฐฉ๋ฌธ์๋ค์ ํ์ด์ง ์ฝํ
์ธ ์ ์ฝ 20%๋ง ์ฝ๋๋ค๊ณ ํฉ๋๋ค.
์ด๋ ์น ๋์์ด๋์ ๊ฐ๋ฐ์์๊ฒ ๋ค์๊ณผ ๊ฐ์ ๋ช ๊ฐ์ง์ ์๋ฏธ๊ฐ ์์ต๋๋ค. ์ฒซ์งธ, ๋ง๋๋ ์น ํ์ด์ง๋ค์ด ๊ฐ๋ฅํ ํ ๋งค๋ ฅ์ ์ด์ด์ผ ํฉ๋๋ค. ๋์งธ, ๋ชจ๋ ํ์ด์ง์์ ์ค์ํ ์ ๋ณด๋ฅผ ๋์ ๋๊ฒ ๋ง๋ค ์ ์๋ ๋ฐฉ๋ฒ์ ์ฐพ์์ผ ํฉ๋๋ค. ์
์งธ, ๋ชจ๋ ํ๋ ๋์์ด๋๋ค์ ์ค๋๋ ๋น ๋ฅด๊ฒ ๋ณํํ๋ ๊ณ ๊ฐ๋ค์๊ฒ ์ฌ์ฉํ๊ธฐ ์ฌ์ด ๊ฐ์น๋ฅผ ๋ง๋ค์ด์ผ ํฉ๋๋ค.
์น ์ฌ์ดํธ๋ฅผ ๋ณด๋ค ์ฝ๊ฒ ์ค์บํ ์ ์๋๋ก ํ๋ ๊ฒ์ ํ์ด์ง๋ฅผ ๋ฐฉ๋ฌธํ๋ ๊ณ ๊ฐ๋ค์๊ฒ ํ์ํ ๋น ๋ฅด๊ณ ํธ๋ฆฌํ ๊ฒฝํ์ ์ป์ ์ ์๋๋ก ๋์์ด๋๋ก์ ์ญํ ์ ์ถฉ์คํ ์ํํ๋ ๋ฐฉ๋ฒ์
๋๋ค.
๊ทธ๋ ๋ค๋ฉด ๋์์ด๋๋ค์ ์ด๋ป๊ฒ ์ค์บํ ์ ์๋(*ํ์ด๋ณด๋) ๊ฐ๋ฅ์ฑ์ ์์ฉํ ๊น์?
์ค์บ๋๋น๋ฆฌํฐ๋ฅผ ์ํ ๋์์ธ ์๊ฐ
(*Scannability: ์ค์บ ๊ฐ๋ฅ์ฑ; ํ์ด๋ณผ ๊ฐ๋ฅ์ฑ)
์ธ๋ป ๋ณด๊ธฐ์๋ ์ค์บ๋๋น๋ฆฌํฐ๋ฅผ ์ํ ์น ์ฌ์ดํธ๋ฅผ ๋ง๋ ๋ค๋ ๊ฐ๋
์ ์ข ์ด์ํฉ๋๋ค.
๋๋ถ๋ถ์ ๋์์ด๋๋ ๊ณ ๊ฐ์ด ๊ฐ๋ฅํ ํ ํ์ด์ง์ ์ค๋ซ๋์ ๋จธ๋ฌผ๋๋ก ํ๋ ๊ฒ์ ๋ชฉํ๋ก ํ๋ก์ ํธ๋ฅผ ์์ํฉ๋๋ค. ๊ทธ๋์ ์ต์ข
์ฌ์ฉ์๋ค์ด ๋ช ์ด ๋ง์ ์น ์ฌ์ดํธ์ ํ ํ์ด์ง์์ ๋ค๋ฅธ ํ์ด์ง๋ก ๊ฐํธํ๊ฒ ์ด๋ํ๋ ๊ฐ๋
์ด ์ด์ํ ์ ์๋ ๊ฑฐ์ฃ .
๊ทธ๋ฌ๋ ์ค์บ๋๋น๋ฆฌํฐ๋ ๋จ์ํ ์ ๋ณด๋ฅผ ์ ๋ฌํ๊ณ ์ฌ์ฉ์๋ค์ ํ์ด์ง ๋ฐ์ผ๋ก ๋ด๋ณด๋ด๋ ๊ฒ๋ง ๊ทธ์น๋ ๊ฒ์ด ์๋๋๋ค. ์ฌ์ดํธ๋ฅผ ์ค์บํ ์ ์์ผ๋ฉด, ๊ณ ๊ฐ๋ค์ด ๊ตฌ๋งค ์ ์
๊ฒฝ๋ก๋ฅผ ๋ ๋น ๋ฅด๊ณ ์ฝ๊ฒ ์ด๋ํ ์ ์๊ฒ ๋ฉ๋๋ค. ๋ ๋น ๋ฅด๊ณ ํธ๋ฆฌํ ๊ณ ๊ฐ ์ฌ์ ์ ๋ ๊ฐ๋ ฅํ ์ฌ์ฉ์ ๊ฒฝํ๊ณผ ๋ ๋ง์ ์ ํ์ผ๋ก ์ด์ด์ง๋๊น์.
์๋ฅผ ๋ค์ด ๋ทํ๋ฆญ์ค๋ฅผ ํ๋ฒ ๋ณผ๊น์. ๊ทธ๋ค์ ๋ทํ๋ฆญ์ค์ ๊ด์ฌ ์๋ ์ฌ์ฉ์๋ค์๊ฒ ํํ์ด์ง์ ๋ง์ ์ ๋ณด๋ฅผ ์ ๊ณตํ์ง ์์ต๋๋ค. ๋์ ์ ํ์ ์ฃผ์ *USP๊ฐ ํ๋ฉด ์ค์์ ๋ฐ๊ณ ๊ตต๊ฒ ๋ฐฐ์น๋์ด ์์ผ๋ฉฐ, ์์ํ๊ธฐ๋ผ๋ ๊ฐ๋จํ *CTA๋ ํจ๊ป ์ ๊ณต๋ฉ๋๋ค.
(*USP: Unique Selling Point์ ์ฝ์๋ก ํ๋ก๋ํธ๊ฐ ๊ฐ์ง๊ณ ์๋ ๊ฐ์ ์ด๋ ์ฐจ๋ณ์ ์ ์ง์ ์ ๋ฌํ๋ ๋ป์ ๋ง์ผํ
์ฉ์ด.)
(*CTA: Call To Action์ ์ฝ์๋ก ์ฌ์ฉ์์ ํ๋์ ์ ๋ํด๋ด๋ ์์๋ฅผ ๋ปํจ.)
์ค์บ๋๋น๋ฆฌํฐ๋ฅผ ์ํด ๋์์ธ์ ํ๋ค๋ ๊ฒ์ ํ์ด์ง์ ์ฌ์ฉ์๊ฐ ํ๋ฉด์ ํ๋์ ์ฝ๊ฒ ๋ณด๊ณ ๊ตฌ๋งค์ ์ฌ์ ์ ๋ค์ ๋จ๊ณ๋ฅผ ์ํํ๋ ๋ฐ ํ์ํ ๋ชจ๋ ์ ๋ณด์ ์ฆ์ ์ ๊ทผํ ์ ์๋๋ก ํ๋ ๊ฒ์ ์๋ฏธํฉ๋๋ค.
๋ถํ์ํ ์คํฌ๋กค์ ํ ํ์๋ ์๊ณ , ๋ค์์๋ ๋ฌด์์ ํด์ผ ํ ์ง ๊ณ ๋ฏผํ ํ์๋ ์์ต๋๋ค.
๋ถ์๊ฐ์ธ Jacob Nielsen์ ๋ง์ ๋ฐ๋ฅด๋ฉด, ์ฌ๋๋ค์ ๋ฐฉ๋ฌธํ๋ ๋ชจ๋ ํ์ด์ง์์ ํน์ ํญ๋ชฉ์ ์ฐพ๊ธฐ ๋๋ฌธ์ ์ค์บ๋๋น๋ฆฌํฐ๋ ํ์์ ์ด๋ผ๊ณ ํฉ๋๋ค.
์ฌ์ฉ์๋ค์ ์น ํ์ด์ง๋ฅผ ํ ๋จ์ด ํ ๋จ์ด ์ฝ์ง ์์ต๋๋ค. ๋์ ์ ์ฝํ
์ธ ๋ฅผ ์ค์บํ์ฌ ๋ณธ์ธ์ ์๊ตฌ ์ฌํญ์ ๋ง๋ ์ ๋ณด๋ค์ ๋ฝ์๋
๋๋ค.
์ค์บ๋๋น๋ฆฌํฐ๋ฅผ ๋์์ธํ ๋ ๋ฌป๋ ์ง๋ฌธ๋ค
๊ทธ๋ ๋ค๋ฉด ์น ํ์ด์ง์ ์ค์บ๋๋น๋ฆฌํฐ์ ๋ํด ์ด๋ป๊ฒ ์ ์ ์์๊น์?
๊ทธ๊ฑด ๋จผ์ ๋ค์๊ณผ ๊ฐ์ ์ง๋ฌธ์ผ๋ก ์์ํด๋ณด์ธ์.
- ์ด ํ์ด์ง์ ๋์ฐฉํ ์ฌ๋๋ค์ ์๋๋ ๋ฌด์์ผ๊น์?
- ์ด๋ค ์ข ๋ฅ์ ์ ๋ณด๊ฐ ์ฆ์ ์ ๋ฌํด์ผ ํ ๊น์?
- ๋ฐฉ๋ฌธ์๋ค์ด ๊ณ ๊ฐ ์ฌ์ ์ ๋ค์ ๋จ๊ณ๋ฅผ ์ฆ์ ๋ณผ ์ ์์๊น์?
์๋ฅผ ๋ค์ด, ๋๊ตฐ๊ฐ Evernote ํํ์ด์ง์ ๋ค์ด์ค๊ฒ ๋๋ฉด ๊ทธ๋ค์ ๋ค์์ ์ํ๋ค๊ณ ๊ฐ์ ํ ์ ์์ต๋๋ค.
- Evernote์ ๋ํด ์์๋ณด๊ธฐ.
- ๊ฐ์ ํ๋ ๋ฐฉ๋ฒ์ ๋ํด ์์๋ณด๊ธฐ.
- ๊ธฐ๋ฅ ๋ฐ ์ฐ๋ฝ์ฒ ์ธ๋ถ ์ ๋ณด๋ฅผ ๋ณด๋ ค๋ฉด ๋ค๋ฅธ ํ์ด์ง๋ก ์ด๋ํ๊ธฐ.
์ด๊ฒ์ด Evernote ์น ์ฌ์ดํธ ๋ค์ ์๋ ๋์์ด๋๊ฐ ํ์ด์ง ๋งจ ์์ ์ ์ฉํ ์ ๋ณด๋ฅผ ๋ฐฐ์นํ ์ด์ ์
๋๋ค.
"์
๋ฌด ํจ์จ์ ๋์ด๊ณ ์ํ์ ์ ๋ํ์ธ์."๊ฐ์ ๋ฌธ๊ตฌ๊ฐ ๊ณ ๊ฐ๋ค์๊ฒ ์๋ฒ๋
ธํธ์ ์ ์ฒด ํ๋ก๋ํธ๊ฐ ๋ฌด์์ธ์ง ์ ํํ๊ฒ ์๋ ค์ฃผ๊ธฐ ๋๋ฌธ์
๋๋ค. ๊ณ ๊ฐ์ด ํ์๋ก ํ๋ ๊ฒฝ์ฐ, ์๋์ ์๋ ๊ฐ๋ตํ ์ ๋ณด ๋จ๋ฝ์์ ๋ช ๊ฐ์ง ์ถ๊ฐ ์ธ๋ถ ์ ๋ณด๋ค์ ์ ๊ณตํ ์ ์์ผ๋ฉฐ, ์ฆ์ "๋ฌด๋ฃ๋ก ๊ฐ์
ํ์ธ์."์ ๊ฐ์ CTA๋ฅผ ์ ๋ฐํ๋ ๋ฉ์์ง๋ค์ด ํ์๋ฉ๋๋ค.
. .
๐ ๋ ์์ธํ ๋ด์ฉ์ ์๋ ์๋ฌธ์์ ํ์ธํด์ฃผ์ธ์.
๋์์ธ ์์คํ ์ ํ์ดํฌ๊ทธ๋ํผ
UI ๋ผ์ด๋ธ๋ฌ๋ฆฌ์์ ํ
์คํธ ์คํ์ผ์ ์ค์ ํ๋ ์ค์ฉ์ ์ธ ๋ฐฉ๋ฒ์ ๋ฐฐ์๋๋ค.
UI ๋์์ธ์ 90% ์ด์์ด ํ์ดํฌ๊ทธ๋ํผ์ ๊ดํ ๊ฒ์ด๋ผ๊ณ ์๊ฐํ ์ ์ด ์์ต๋๊น? ๋์์ธ, ์์๊ณผ ํ์ดํฌ๊ทธ๋ํผ์์ ๋ ๊ฐ์ง ํ์คํ ๊ฒ์ด ์์ต๋๋ค. ์ด์ ๊ธฐ์ฌ์์ ์์์ ๋ํด ๋ฐฐ์ธ ์ ์์์ต๋๋ค. ์ด๋ฒ์๋ ๋์์ธ ์์คํ
์ ํ
์คํธ ์คํ์ผ์ ๋ฃ๋ ๋ฐ ์ง์คํด ๋ณด๊ฒ ์ต๋๋ค!
๋ค์์ ์์ ๋ง์ ๋์์ธ ์์คํ
UI ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ๋ง๋๋ ๋ฐ ๋์์ด ๋๋ ์ผ๋ จ์ ๊ธฐ์ฌ์
๋๋ค.
- ํํธ 1: ์์ํ๊ธฐ ์
- ํํธ 2: ๋๊ตฌ ์ ํ - Figma ๋๋ Sketch?
- ํํธ 3: ์์
์ข์ ๋ค์ด๋ฐ ๊ท์น(Naming Convention)
์ ๋์์ธ๋ ๋ค์ด๋ฐ ๊ท์น(Naming Convention)์ ๋์์ธ ์์คํ
์ ๊ธฐ๋ฐ์ผ๋ก ํ ํจ์จ์ ์ธ UI ๋์์ธ์ ์ํ ํต์ฌ์
๋๋ค. ํน์ ํ๋ก์ ํธ์ ํ๋ซํผ์ ๋ํ ํ
์คํธ ์คํ์ผ์ ์ด๋ฆ์ ์ค๋นํฉ๋๋ค.
๋ค์ด๋ฐ ๊ท์น(Naming Convention)์ ์ ์ํ๋ ๋ฐ ์ฌ์ฉํ๋ ํต์ฌ ์ ์ ์ ์ซ์ ์์์
๋๋ค. ์ด ํ
์คํธ ๋๋ถ์ ์คํ์ผ์ ๊ฐ์ฅ ํฐ ์คํ์ผ(์: 01 Heading 1)์์ ๊ฐ์ฅ ์์ ํ
์คํธ ์คํ์ผ(12 Overline)๊น์ง ์ ๋ ฌ๋ฉ๋๋ค.
Figma๋ฅผ ์ฌ์ฉํ๋ฉด ์ํฉ์ด ๋งค์ฐ ๊ฐ๋จํฉ๋๋ค. ์ด ๋์์ธ ๋๊ตฌ์ ํ
์คํธ ์คํ์ผ์ ์์ฒด, ํฌ๊ธฐ์ ์ผ๋ถ ํผ๋ผ๋ฏธํฐ( parameters, ์ถ๊ฐ ๋งค๊ฐ๋ณ์)๋ง ์ ์ํ๋ฉด ๋ฉ๋๋ค. ์์๊ณผ ์ ๋ ฌ์ ๋
๋ฆฝ์ ์
๋๋ค.
Sketch๋ฅผ ์ฌ์ฉํ ๋ ํ
์คํธ ์คํ์ผ์ ๋ง๋๋ ๊ฒ์ ์ข ๋ ๋ณต์กํ๊ณ ํจ์ฌ ๋ ๋ง์ด ๋ง๋ค์ด์ผ ํฉ๋๋ค. ๋ด๋ถ์ ํน์ ์คํ์ผ์ ์์๊ณผ ์ ๋ ฌ์ ์ ์ํด์ผ ํฉ๋๋ค. Sketch์ ๋ค์ด๋ฐ ๊ท์น(Naming Convention)์ ๋ค์๊ณผ ๊ฐ์ต๋๋ค.
[Name of the style] / [Alignment] / [Color]
์: 09 Body/Center/Primary
์์์ด ์๋ ๋ถ๋ถ์ ๋ ์ด์ด ์คํ์ผ, ์์ ๋ณ์์ ๋์ผํ ๋ค์ด๋ฐ ๊ท์น(Naming Convention)์ผ๋ก ์ด๋ฆ์ ์ง์ ํด์ผ ํฉ๋๋ค. ๋์์ธ ์์คํ
์์์ ๋ํ ๊ธฐ์ฌ์์ ์ ๋ต์ ์ธ๊ธํ์ต๋๋ค.
์ ๋ ์ผ๋ฐ์ ์ผ๋ก H1, H2, H3โฆ H6, Subtile, Body, Caption ๊ณผ Overline๊ณผ ๊ฐ์ ํ
์คํธ ์ฝํ
์ธ ์ ๊ธฐ๋ฐ ๋น์ฃผ์ผ ์คํ์ผ๋ก ์ ์ฒด ํ์ดํฌ๊ทธ๋ํผ ์ค์ผ์ผ์ ์ค์ ํฉ๋๋ค. ๊ทธ๋ฌ๋ ๋ฒํผ, ์ก์
๋ฑ๊ณผ ๊ฐ์ ํน์ ๊ตฌ์ฑ ์์์ ๊ด๋ จ๋ ์ผ๋ถ ์ ํธ๋ฆฌํฐ ์คํ์ผ์ด ์์ ์ ์์ต๋๋ค.
์ฌ๋ฐ๋ฅธ ์์ฒด ์ ํ
์์ฒด๋ฅผ ์ ํํ๋ ๊ฒ์ ์ฑ์ ๋ธ๋๋ ์ธ์ง๋์ ๊ฐ์ฑ์ ๊ตฌ์ถํ๋ ์ด์ ์
๋๋ค.
ํ๋ก์ ํธ์ ๋์์ธ ์์คํ
์์ ์ฌ์ฉํ ์ ์๋ ํฐํธ๊ฐ ์ด๋ฏธ ์๋ ๊ฒฝ์ฐ UI ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ํฌํจํฉ๋๋ค. ๊ทธ๋ ์ง ์์ ๊ฒฝ์ฐ, ์๊ฐ์ ๋ด์ด ๊ฐ์ฅ ์ ํฉํ ํฐํธ๋ฅผ ์ฐพ์ต๋๋ค.
์ข์ ์์ฒด๋ฅผ ๊ฒ์ํ ๋ ํด๋น ํฐํธ๊ฐ ํน์ ์ธ์ด๋ฅผ ์ง์ํด์ผ ํ๋ค๋ ์ฌ์ค์ ๊ธฐ์ตํด์ผ ํฉ๋๋ค. UI ๋ผ์ด๋ธ๋ฌ๋ฆฌ๊ฐ ์ถฉ๋ถํ ์ ์ฐํ ์ ์๋๋ก ๊ตต๊ธฐ์ ์คํ์ผ์ ์์๋ ์ฃผ์๋ฅผ ๊ธฐ์ธ์ฌ์ผ ํฉ๋๋ค.
๋ชจ๋ฐ์ผ์ฉ์ผ๋ก ๋์์ธํ๋ ๊ฒฝ์ฐ Android ๋๋ iOS์ ์์คํ
๊ด๋ จ ํฐํธ๊ฐ ๊ฐ์ฅ ๋จผ์ ์ ํ๋ ์ ์์ต๋๋ค. ๊ทธ๋ฌ๋ ์ ํ๋์ง ์์ต๋๋ค. ๋ค๋ฅธ ์ฑ๋ค์ ์ดํด๋ด
๋๋ค. ๋๋ถ๋ถ์ด ๋ธ๋๋ ๊ด๋ จ ํฐํธ๋ฅผ ์ฌ์ฉํฉ๋๋ค.
๋์์ธ ์์คํ
์ ํฐํธ ํจ๋ฐ๋ฆฌ๋ ๋ช ๊ฐ์
๋๊น?
UI ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ์ฌ๋ฌ ํฐํธ๋ฅผ ๋ฃ๊ณ ์ถ์ ์ ํน์ด ํญ์ ์์ต๋๋ค. ํ๋์ ํฐํธ๋ก ์์ํ์ฌ ํ์ํ ๊ฒฝ์ฐ ์ต๋ 2๊ฐ์ ํฐํธ ํจ๋ฐ๋ฆฌ๋ก ํ์ฅํ๋ ๊ฒ์ด ์ข์ต๋๋ค.
ํ๋๋ ์ ๋ชฉ์ ์ฌ์ฉํ ์ ์๊ณ ๋ ๋ฒ์งธ ํฐํธ๋ ๋ค๋ฅธ ํ
์คํธ ์คํ์ผ์ ์ฌ์ฉํ ์ ์์ต๋๋ค. ๋ ๊ฐ ์ดํ์ ํฐํธ๋ฅผ ์ ํํ๋ฉด Design System ์ ์ฒด์์ ์ผ๊ด์ฑ์ ์ ์งํ๋ ๋ฐ ๋์์ด ๋ฉ๋๋ค. ๊ทธ๋ฌ๋ ํ๋์ ํฐํธ ํจ๋ฐ๋ฆฌ๋ก ์ถฉ๋ถํ ์ ์์ต๋๋ค.
์ ๋์์ธ ์์คํ
์์ Inter ํฐํธ๋ฅผ ์ ํํ์ต๋๋ค. ๋งค์ฐ ๋ณดํธ์ ์ด๊ณ ํ๋์ ์ธ ํฐํธ์
๋๋ค. UI๋ฅผ ์ฌ์ฉํ๊ธฐ ์์ํ๊ธฐ์ ์ข์ ์ ํ์
๋๋ค.
. .
๐ ๋ ์์ธํ ๋ด์ฉ์ ์๋ ์๋ฌธ์์ ํ์ธํด์ฃผ์ธ์.
๋๊ธ
์๊ฒฌ์ ๋จ๊ฒจ์ฃผ์ธ์