์ค๋งํธ ๋จธํฐ๋ฆฌ์ผ ๋์์ธ์ ์์น, ์ฅ์ , ๊ตฌํ ์ ๋ต, ๋ฏธ๋ ๋ํฅ์ ํ์ํ์ฌ ์ ์ธ๊ณ์ ์ผ๋ก ์ง๊ด์ ์ด๊ณ ๋งค๋ ฅ์ ์ธ ์ฌ์ฉ์ ์ธํฐํ์ด์ค๋ฅผ ๋ง๋๋ ๋ฐฉ๋ฒ์ ์์๋ณด์ธ์.
์ค๋งํธ ๋จธํฐ๋ฆฌ์ผ ๋์์ธ: ํ๋ซํผ ์ ๋ฐ์ ์ฌ์ฉ์ ๊ฒฝํ ํฅ์
์ค๋๋ ์ ๋์งํธ ํ๊ฒฝ์์ ์ฌ์ฉ์ ๊ฒฝํ(UX)์ ๊ฐ์ฅ ์ค์ํฉ๋๋ค. ์ ๋์์ธ๋ ์ฌ์ฉ์ ์ธํฐํ์ด์ค(UI)๋ ์ฌ์ฉ์ ๋ง์กฑ๋, ์ฐธ์ฌ๋, ๊ทธ๋ฆฌ๊ณ ๊ถ๊ทน์ ์ผ๋ก ๋น์ฆ๋์ค ์ฑ๊ณต์ ํฐ ์ํฅ์ ๋ฏธ์น ์ ์์ต๋๋ค. ์ค๋งํธ ๋จธํฐ๋ฆฌ์ผ ๋์์ธ(SMD)์ ๋ค์ํ ๊ธฐ๊ธฐ์ ํ๋ซํผ์ ์ํํ๊ฒ ์ ์ํ๋ ์ง๊ด์ ์ด๊ณ ๋ฏธํ์ ์ผ๋ก ๋ง์กฑ์ค๋ฌ์ด ์ธํฐํ์ด์ค๋ฅผ ๋ง๋๋ ๊ฐ๋ ฅํ ์ ๊ทผ ๋ฐฉ์์ผ๋ก ๋ถ์ํ๊ณ ์์ต๋๋ค. ์ด ๊ธ์์๋ SMD์ ์์น, ์ด์ , ๊ตฌํ ์ ๋ต ๋ฐ ๋ฏธ๋ ๋ํฅ์ ์ฌ์ธต์ ์ผ๋ก ๋ค๋ฃจ๋ฉฐ ์ ์ธ๊ณ ๋์์ด๋์ ๊ฐ๋ฐ์๋ฅผ ์ํ ํฌ๊ด์ ์ธ ๊ฐ์ด๋๋ฅผ ์ ๊ณตํฉ๋๋ค.
์ค๋งํธ ๋จธํฐ๋ฆฌ์ผ ๋์์ธ์ด๋ ๋ฌด์์ธ๊ฐ?
์ค๋งํธ ๋จธํฐ๋ฆฌ์ผ ๋์์ธ์ ์๊ฐ์ ๊ณ์ธต ๊ตฌ์กฐ, ์์ฐ์ค๋ฌ์ด ์์ง์, ํ์ค์ ์ธ ์กฐ๋ช ํจ๊ณผ๋ฅผ ๊ฐ์กฐํ๋ ๋์์ธ ์ธ์ด์ธ ๊ตฌ๊ธ์ ๋จธํฐ๋ฆฌ์ผ ๋์์ธ์ ๊ธฐ๋ฐ์ผ๋ก ํฉ๋๋ค. ๊ทธ๋ฌ๋ SMD๋ ๋ฏธํ์ ๋์ด ์ง๋ฅ์ ์ด๊ณ ์ ์ํ ์์๋ฅผ ํตํฉํ์ฌ ๋ณด๋ค ๊ฐ์ธํ๋๊ณ ์ํฉ ์ธ์์ ์ธ ์ฌ์ฉ์ ๊ฒฝํ์ ๋ง๋ค์ด๋ ๋๋ค.
์ฃผ์ ํน์ง์ ๋ค์๊ณผ ๊ฐ์ต๋๋ค:
- ์ ์ํ UI: SMD๋ ์ฌ์ฉ์์ ๊ธฐ๊ธฐ, ํ๋ฉด ํฌ๊ธฐ, ์ฌ์ฉ ํจํด์ ๋ฐ๋ผ ๋ ์ด์์, ์ฝํ ์ธ , ๊ธฐ๋ฅ์ ๋์ ์ผ๋ก ์กฐ์ ํ ์ ์๊ฒ ํฉ๋๋ค.
- ์ํฉ ์ธ์: SMD๋ ๋ฐ์ดํฐ์ ์ผ์๋ฅผ ํ์ฉํ์ฌ ์์น, ์๊ฐ, ํ๋ ๋ฑ ์ฌ์ฉ์์ ์ํฉ์ ์ดํดํ๊ณ ๊ด๋ จ์ฑ ์๊ณ ์๊ธฐ์ ์ ํ ์ ๋ณด๋ฅผ ์ ๊ณตํฉ๋๋ค.
- ๊ฐ์ธํ: SMD๋ ์ฌ์ฉ์๊ฐ ํ ๋ง ์ ํ, ๊ธ๊ผด ํฌ๊ธฐ ์กฐ์ , ์๋ฆผ ์ค์ ๋ฑ ์์ ์ ๊ฒฝํ์ ๋ง์ถค ์ค์ ํ ์ ์๋๋ก ํฉ๋๋ค.
- ์ ๊ทผ์ฑ: SMD๋ ์ ๊ทผ์ฑ์ ์ฐ์ ์ํ์ฌ ์ฅ์ ๊ฐ ์๋ ์ฌ๋๋ค๋ ์ธํฐํ์ด์ค๋ฅผ ์ฌ์ฉํ ์ ์๋๋ก WCAG ๊ฐ์ด๋๋ผ์ธ์ ์ค์ํฉ๋๋ค.
- ์ฑ๋ฅ ์ต์ ํ: SMD๋ ์ง์ฐ ๋ก๋ฉ, ์ฝ๋ ๋ถํ , ์ด๋ฏธ์ง ์์ถ๊ณผ ๊ฐ์ ๊ธฐ์ ์ ์ฌ์ฉํ์ฌ ์ฑ๋ฅ ์ต์ ํ์ ์ค์ ์ ๋ก๋๋ค.
์ค๋งํธ ๋จธํฐ๋ฆฌ์ผ ๋์์ธ ๊ตฌํ์ ์ด์
์ค๋งํธ ๋จธํฐ๋ฆฌ์ผ ๋์์ธ์ ์ฑํํ๋ฉด ๋ค์๊ณผ ๊ฐ์ ๋ช ๊ฐ์ง ๊ฐ๋ ฅํ ์ด์ ์ ์ป์ ์ ์์ต๋๋ค:
ํฅ์๋ ์ฌ์ฉ์ ๊ฒฝํ
์ ์ํ, ๊ฐ์ธํ ๋ฐ ์ ๊ทผ์ฑ์ด ๋ฐ์ด๋ ์ธํฐํ์ด์ค๋ฅผ ๋ง๋ค์ด SMD๋ ์ฌ์ฉ์ ๋ง์กฑ๋์ ์ฐธ์ฌ๋๋ฅผ ํฅ์์ํต๋๋ค. ์ฌ์ฉ์๋ ์์ ์ ํ์์ ๋ง๊ฒ ์ง๊ด์ ์ด๊ณ ๊ด๋ จ์ฑ ์๊ฒ ๋๊ปด์ง๋ ํ๋ซํผ๊ณผ ๋ ๋ง์ด ์ํธ ์์ฉํ ๊ฐ๋ฅ์ฑ์ด ๋์ต๋๋ค. ์๋ฅผ ๋ค์ด, SMD๋ฅผ ์ฌ์ฉํ๋ ์ฌํ ์ฑ์ ์ฌ์ฉ์์ ์์น์ ๋ฐ๋ผ ๋์คํ๋ ์ด๋ฅผ ์กฐ์ ํ์ฌ ํ์ง ๋ช ์ ๋ฐ ๊ตํต ์ต์ ์ ๋ํ ๊ด๋ จ ์ ๋ณด๋ฅผ ํ์ํ ์ ์์ต๋๋ค.
ํจ์จ์ฑ ๋ฐ ์์ฐ์ฑ ์ฆ๋
SMD๋ ์ฌ์ฉ์์๊ฒ ํ์ํ ์ ๋ณด๋ฅผ ํ์ํ ๋ ์ ๊ณตํจ์ผ๋ก์จ ์ํฌํ๋ก์ฐ๋ฅผ ๊ฐ์ํํ๊ณ ์์ฐ์ฑ์ ํฅ์์ํฌ ์ ์์ต๋๋ค. ์๋ฅผ ๋ค์ด, SMD๋ฅผ ์ฌ์ฉํ๋ ํ๋ก์ ํธ ๊ด๋ฆฌ ๋๊ตฌ๋ ๋ง๊ฐ์ผ๊ณผ ์ค์๋์ ๋ฐ๋ผ ์์ ์ ์ฐ์ ์์๋ฅผ ์ ํ์ฌ ์ฌ์ฉ์๊ฐ ๊ฐ์ฅ ์ค์ํ ํ๋์ ์ง์คํ ์ ์๋๋ก ๋์์ค๋๋ค. ๋ํ, ์ํฉ ์ธ์์ ์ธ ์์ ์ ์ ๊ณตํ์ฌ ์ํ๋ ๊ฒฐ๊ณผ๋ฅผ ์ป๊ธฐ๊น์ง์ ๊ฒฝ๋ก๋ฅผ ๋จ์ถ์ํต๋๋ค. ์๋ฅผ ๋ค์ด, ๋์์ธ์ด ์ฌ์ฉ์๊ฐ ํด๋ํฐ์ ์ฌ์ฉํ๊ณ ์์์ ์ธ์งํ๋ฉด ํ์ธ ํ๋ฉด์ '์บ๋ฆฐ๋์ ์ถ๊ฐ' ์์ ์ ํ์ํ๋ ๊ฒ์ ๋๋ค.
๊ฐํ๋ ๋ธ๋๋ ์ผ๊ด์ฑ
SMD๋ ๋ค์ํ ํ๋ซํผ๊ณผ ๊ธฐ๊ธฐ์์ ์ผ๊ด๋ ๋์์ธ ์ธ์ด๋ฅผ ์ ๊ณตํ์ฌ ๋ธ๋๋ ์ ์ฒด์ฑ๊ณผ ์ธ์ง๋๋ฅผ ๊ฐํํฉ๋๋ค. ์ฌ์ฉ์๊ฐ ์น์ํ๊ณ ์ผ๊ด๋ ๊ฒฝํ์ ์ ํ๋ฉด ๋ธ๋๋์ ๋ํ ์ ๋ขฐ์ ํ์ ์ด ์์ ๋๋ค. ์๋ฅผ ๋ค์ด, ๊ธ๋ก๋ฒ ์๋งค ํ์ฌ๋ SMD๋ฅผ ์ฌ์ฉํ์ฌ ์น์ฌ์ดํธ, ๋ชจ๋ฐ์ผ ์ฑ, ๋งค์ฅ ๋ด ํค์ค์คํฌ๊ฐ ๋ชจ๋ ์ผ๊ด๋ ๋ชจ์๊ณผ ๋๋์ ์ ์งํ๋๋ก ํ์ฌ ๋ธ๋๋ ์ด๋ฏธ์ง๋ฅผ ๊ฐํํ ์ ์์ต๋๋ค.
๊ฐ๋ฐ ๋น์ฉ ์ ๊ฐ
์ฌ์ฌ์ฉ ๊ฐ๋ฅํ ๊ตฌ์ฑ ์์์ ํ๋ฆฝ๋ ๋์์ธ ํจํด์ ํ์ฉํจ์ผ๋ก์จ SMD๋ ๊ฐ๋ฐ ๋น์ฉ์ ํฌ๊ฒ ์ค์ผ ์ ์์ต๋๋ค. ๊ฐ๋ฐ์๋ ์ฒ์๋ถํฐ ์ฌ์ฉ์ ์ ์ UI ์์๋ฅผ ๋์์ธํ๋ ๋ฐ ์๊ฐ์ ์๋นํ๋ ๋์ ํต์ฌ ๊ธฐ๋ฅ ๊ตฌํ์ ์ง์คํ ์ ์์ต๋๋ค. ๊ตฌ๊ธ์ด ๊ด๋ฆฌํ๋ material.io ์น์ฌ์ดํธ๋ ๊ฐ๋ฐ์ ๊ฐ์ํํ๊ธฐ ์ํ ๊ด๋ฒ์ํ ๋ฌธ์, ์ฝ๋ ์์ ๋ฐ ๋๊ตฌ๋ฅผ ์ ๊ณตํฉ๋๋ค.
ํฅ์๋ ์ ๊ทผ์ฑ ์ค์
SMD๋ ์ ๊ทผ์ฑ ๋ชจ๋ฒ ์ฌ๋ก๋ฅผ ํตํฉํ์ฌ ์กฐ์ง์ด ์ ๊ทผ์ฑ ํ์ค ๋ฐ ๊ท์ ์ ์ค์ํ๋๋ก ๋์ต๋๋ค. ์ด๋ฅผ ํตํด ๋์งํธ ์ ํ์ ์ฅ์ ๊ฐ ์๋ ์ฌ๋๋ค๋ ์ฌ์ฉํ ์ ์๊ฒ ํ์ฌ ์ ์ฌ์ ์ธ ์ฌ์ฉ์ ๊ธฐ๋ฐ์ ํ๋ํ๊ณ ํฌ์ฉ์ฑ์ ์ฆ์งํฉ๋๋ค. ์์๋ก๋ ์ถฉ๋ถํ ์์ ๋๋น ์ ๊ณต, ์ด๋ฏธ์ง์ ๋ํ ๋์ฒด ํ ์คํธ ์ ๊ณต, ํค๋ณด๋ ๋ด๋น๊ฒ์ด์ ์ง์ ๋ฑ์ด ์์ต๋๋ค.
์ค๋งํธ ๋จธํฐ๋ฆฌ์ผ ๋์์ธ ๊ตฌํ: ๋จ๊ณ๋ณ ๊ฐ์ด๋
์ค๋งํธ ๋จธํฐ๋ฆฌ์ผ ๋์์ธ์ ํจ๊ณผ์ ์ผ๋ก ๊ตฌํํ๋ ค๋ฉด ์ฒด๊ณ์ ์ธ ์ ๊ทผ ๋ฐฉ์์ด ํ์ํฉ๋๋ค. ๋ค์์ ๋จ๊ณ๋ณ ๊ฐ์ด๋์ ๋๋ค:
1. ์ฌ์ฉ์ ์ดํดํ๊ธฐ
๋์์ธ ํ๋ก์ ํธ๋ฅผ ์์ํ๊ธฐ ์ ์ ํ๊ฒ ๊ณ ๊ฐ, ๊ทธ๋ค์ ์๊ตฌ ์ฌํญ ๋ฐ ๊ธฐ๋๋ฅผ ์ดํดํ๋ ๊ฒ์ด ์ค์ํฉ๋๋ค. ์ฌ์ฉ์ ์กฐ์ฌ๋ฅผ ์ํํ๊ณ , ํผ๋๋ฐฑ์ ์์งํ๊ณ , ์ฌ์ฉ์ ํ๋์ ๋ถ์ํ์ฌ ๊ท์คํ ํต์ฐฐ๋ ฅ์ ์ป์ผ์ธ์.
์์: ๋ชจ๋ฐ์ผ ๋ฑ ํน ์ฑ ์ฌ์ค๊ณ๋ฅผ ๊ณํํ๋ ๊ธ์ต ์๋น์ค ํ์ฌ๋ ์ฌ์ฉ์ ์ธํฐ๋ทฐ์ ์ค๋ฌธ ์กฐ์ฌ๋ฅผ ์ค์ํ์ฌ ๊ณ ๊ฐ์ด ํ์ฌ ์ฑ์ ์ด๋ป๊ฒ ์ฌ์ฉํ๋์ง, ์ด๋ค ๊ธฐ๋ฅ์ ๊ฐ์ฅ ์ ์ฉํ๊ฒ ์๊ฐํ๋์ง, ์ด๋ค ๋ถํธํ ์ ์ ๊ฒช๋์ง ์ดํดํด์ผ ํฉ๋๋ค.
2. ๋์์ธ ์์น ์ ์ํ๊ธฐ
๋์์ธ ๊ฒฐ์ ์ ์๋ดํ ๋ช ํํ ๋์์ธ ์์น์ ์๋ฆฝํ์ธ์. ์ด๋ฌํ ์์น์ ๋ธ๋๋ ๊ฐ์น, ์ฌ์ฉ์ ์๊ตฌ, ๋น์ฆ๋์ค ๋ชฉํ๋ฅผ ๋ฐ์ํด์ผ ํฉ๋๋ค. ์์๋ก๋ ๋ช ํ์ฑ, ๋จ์์ฑ, ํจ์จ์ฑ, ์ ๊ทผ์ฑ ๋ฑ์ด ์์ต๋๋ค.
์์: ํ์ ํฌํธ์ ์ค๊ณํ๋ ์๋ฃ ์ ๊ณต์๋ ํ์๊ฐ ์๋ฃ ์ ๋ณด๋ฅผ ์ฝ๊ฒ ์ดํดํ ์ ์๋๋ก ๋ช ํ์ฑ์ ์ฐ์ ์ํ๋ ๋์์ธ ์์น์ ์ ์ํ ์ ์์ต๋๋ค.
3. ๋์์ธ ๋๊ตฌ ๋ฐ ํ๋ ์์ํฌ ์ ํํ๊ธฐ
์ค๋งํธ ๋จธํฐ๋ฆฌ์ผ ๋์์ธ ๊ตฌํ์ ์ง์ํ ์ ์ ํ ๋์์ธ ๋๊ตฌ์ ํ๋ ์์ํฌ๋ฅผ ์ ํํ์ธ์. ์ธ๊ธฐ ์๋ ์ต์ ์ ๋ค์๊ณผ ๊ฐ์ต๋๋ค:
- Figma: ํ์ด ์ค์๊ฐ์ผ๋ก ํจ๊ป ์์ ํ ์ ์๋ ํ์ ๋์์ธ ๋๊ตฌ์ ๋๋ค.
- Sketch: UI ๋์์ธ์ ์ผ๋ฐ์ ์ผ๋ก ์ฌ์ฉ๋๋ ๋ฒกํฐ ๊ธฐ๋ฐ ๋์์ธ ๋๊ตฌ์ ๋๋ค.
- Adobe XD: ๋ค๋ฅธ Adobe ์ ํ๊ณผ ํตํฉ๋๋ ์ฌ์ธ์ UX/UI ๋์์ธ ๋๊ตฌ์ ๋๋ค.
- Material UI: ๋จธํฐ๋ฆฌ์ผ ๋์์ธ์ ๊ตฌํํ๋ React ๊ตฌ์ฑ ์์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ๋๋ค.
- Angular Material: Angular ์ ํ๋ฆฌ์ผ์ด์ ์ ์ํ UI ๊ตฌ์ฑ ์์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ๋๋ค.
- Vue Material: Vue.js๋ฅผ ์ํ ๋จธํฐ๋ฆฌ์ผ ๋์์ธ ๊ตฌ์ฑ ์์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ๋๋ค.
๊ณ ๋ ค ์ฌํญ: ๋๊ตฌ ์ ํ์ ๊ธฐ์กด ๊ธฐ์ ์คํ, ํ ์ ๋ฌธ์ฑ ๋ฐ ํ๋ก์ ํธ ์๊ตฌ ์ฌํญ์ ๋ฐ๋ผ ๋ฌ๋ผ์ง๋๋ค. Figma๋ ์ผ๋ฐ์ ์ผ๋ก ํ์ ํ๋ก์ ํธ์ ์ ํธ๋๋ฉฐ, Material UI๋ React ๊ธฐ๋ฐ ์ ํ๋ฆฌ์ผ์ด์ ์ ํ์คํ ์ ํ์ ๋๋ค.
4. ๋์์ธ ์์คํ ๋ง๋ค๊ธฐ
ํ๋ก์ ํธ์ ์๊ฐ์ ์ธ์ด, UI ๊ตฌ์ฑ ์์ ๋ฐ ์ํธ ์์ฉ ํจํด์ ์ ์ํ๋ ๋์์ธ ์์คํ ์ ๊ฐ๋ฐํ์ธ์. ์ด๋ ํ๋ซํผ ์ ๋ฐ์ ์ผ๊ด์ฑ๊ณผ ํ์ฅ์ฑ์ ๋ณด์ฅํฉ๋๋ค. ๋์์ธ ์์คํ ์๋ ๋ค์์ด ํฌํจ๋์ด์ผ ํฉ๋๋ค:
- ์์ ํ๋ ํธ: ์ธํฐํ์ด์ค ์ ์ฒด์์ ์ผ๊ด๋๊ฒ ์ฌ์ฉ๋๋ ์์ ์ธํธ์ ๋๋ค.
- ํ์ดํฌ๊ทธ๋ํผ: ์ ์๋ ๊ธ๊ผด, ํฌ๊ธฐ ๋ฐ ์คํ์ผ ์ธํธ์ ๋๋ค.
- ์์ด์ฝ๋ ธ๊ทธ๋ํผ: ์ธํฐํ์ด์ค ์ ์ฒด์์ ์ผ๊ด๋๊ฒ ์ฌ์ฉ๋๋ ์์ด์ฝ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ๋๋ค.
- ๊ตฌ์ฑ ์์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ: ๋ฒํผ, ์์, ๋ด๋น๊ฒ์ด์ ๋ฉ๋ด์ ๊ฐ์ ์ฌ์ฌ์ฉ ๊ฐ๋ฅํ UI ๊ตฌ์ฑ ์์ ๋ชจ์์ ๋๋ค.
์์: Shopify์ Polaris ๋์์ธ ์์คํ ์ ์ผ๊ด๋๊ณ ๊ณ ํ์ง์ ์ ์ ์๊ฑฐ๋ ๊ฒฝํ์ ๊ตฌ์ถํ๊ธฐ ์ํ ๊ฐ์ด๋๋ผ์ธ๊ณผ ๋ฆฌ์์ค๋ฅผ ์ ๊ณตํ๋ ํฌ๊ด์ ์ธ ๋์์ธ ์์คํ ์ ํ๋ฅญํ ์์ ๋๋ค.
5. ์ ์์ฑ์ ๊ณ ๋ คํ ๋์์ธ
์ธํฐํ์ด์ค๊ฐ ๋ค์ํ ํ๋ฉด ํฌ๊ธฐ, ๊ธฐ๊ธฐ ๋ฐ ์ํฉ์ ์ ์ํ ์ ์๋๋ก ๋์์ธํ์ธ์. ๋ฐ์ํ ๋์์ธ ๊ธฐ์ ์ ์ฌ์ฉํ์ฌ ๋ ์ด์์์ด ๋ค์ํ ํ๋ฉด ํด์๋์ ๋ง๊ฒ ์ฐ์ํ๊ฒ ์กฐ์ ๋๋๋ก ํ์ธ์. ์ฌ์ฉ์์ ๊ธฐ๊ธฐ๋ ์์น์ ๋ฐ๋ผ ๋์์ ๋์ ์ผ๋ก ๋ณ๊ฒฝํ ์ ์๋ ์ ์ํ ๊ตฌ์ฑ ์์๋ฅผ ์ฌ์ฉํ๋ ๊ฒ์ ๊ณ ๋ คํ์ธ์.
์์: SMD๋ฅผ ์ฌ์ฉํ๋ ๋ด์ค ์น์ฌ์ดํธ๋ ์ฌ์ฉ์์ ๊ธฐ๊ธฐ์ ๋ฐ๋ผ ๋ ์ด์์์ ์กฐ์ ํด์ผ ํฉ๋๋ค. ๋ฐ์คํฌํฑ์์๋ ์ฌ๋ฌ ์ด์ ์ฝํ ์ธ ๋ฅผ ํ์ํ ์ ์์ต๋๋ค. ๋ชจ๋ฐ์ผ ๊ธฐ๊ธฐ์์๋ ๋จ์ํ๋ ๋ด๋น๊ฒ์ด์ ๋ฉ๋ด์ ํจ๊ป ๋จ์ผ ์ด์ ์ฝํ ์ธ ๋ฅผ ํ์ํ ์ ์์ต๋๋ค.
6. ์ ๊ทผ์ฑ ์ฐ์ ์ํ๊ธฐ
๋์์ธ ํ๋ก์ธ์ค ์ด๊ธฐ๋ถํฐ ์ ๊ทผ์ฑ ๋ชจ๋ฒ ์ฌ๋ก๋ฅผ ํตํฉํ์ธ์. WCAG ๊ฐ์ด๋๋ผ์ธ์ ๋ฐ๋ผ ์ฅ์ ๊ฐ ์๋ ์ฌ๋๋ค๋ ์ธํฐํ์ด์ค๋ฅผ ์ฌ์ฉํ ์ ์๋๋ก ๋ณด์ฅํ์ธ์. ์ฃผ์ ๊ณ ๋ ค ์ฌํญ์ ๋ค์๊ณผ ๊ฐ์ต๋๋ค:
- ์์ ๋๋น: ๊ฐ๋ ์ฑ์ ๋ณด์ฅํ๊ธฐ ์ํด ํ ์คํธ์ ๋ฐฐ๊ฒฝ ๊ฐ์ ์ถฉ๋ถํ ์์ ๋๋น๋ฅผ ์ฌ์ฉํ์ธ์.
- ๋์ฒด ํ ์คํธ: ๋ชจ๋ ์ด๋ฏธ์ง์ ํ ์คํธ๊ฐ ์๋ ์์์ ๋์ฒด ํ ์คํธ๋ฅผ ์ ๊ณตํ์ธ์.
- ํค๋ณด๋ ๋ด๋น๊ฒ์ด์ : ๋ชจ๋ ์์๊ฐ ํค๋ณด๋ ๋ด๋น๊ฒ์ด์ ์ ํตํด ์ ๊ทผ ๊ฐ๋ฅํ์ง ํ์ธํ์ธ์.
- ์คํฌ๋ฆฐ ๋ฆฌ๋ ํธํ์ฑ: ์ธํฐํ์ด์ค๊ฐ ์ ๋๋ก ํด์๋๋์ง ์คํฌ๋ฆฐ ๋ฆฌ๋๋ก ํ ์คํธํ์ธ์.
์์: ๊ณต๊ณต ์น์ฌ์ดํธ๋ฅผ ์ค๊ณํ๋ ์ ๋ถ ๊ธฐ๊ด์ ๋ชจ๋ ์๋ฏผ์ด ์ ๋ถ ์๋น์ค์ ์ ๋ณด์ ์ ๊ทผํ ์ ์๋๋ก ์ ๊ทผ์ฑ์ ์ฐ์ ์ํด์ผ ํฉ๋๋ค.
7. ์ฑ๋ฅ ์ต์ ํํ๊ธฐ
์ํํ๊ณ ๋ฐ์์ด ๋น ๋ฅธ ์ฌ์ฉ์ ๊ฒฝํ์ ๋ณด์ฅํ๊ธฐ ์ํด ์ธํฐํ์ด์ค์ ์ฑ๋ฅ์ ์ต์ ํํ์ธ์. ๋ค์๊ณผ ๊ฐ์ ๊ธฐ์ ์ ์ฌ์ฉํ์ธ์:
- ์ง์ฐ ๋ก๋ฉ: ์ด๋ฏธ์ง ๋ฐ ๊ธฐํ ๋ฆฌ์์ค๋ฅผ ํ์ํ ๋๋ง ๋ก๋ํ์ธ์.
- ์ฝ๋ ๋ถํ : ์ฝ๋๋ฅผ ๋ ์์ ๋ฉ์ด๋ฆฌ๋ก ๋ถํ ํ์ฌ ์ด๊ธฐ ๋ก๋ ์๊ฐ์ ๊ฐ์ ํ์ธ์.
- ์ด๋ฏธ์ง ์์ถ: ํ์ผ ํฌ๊ธฐ๋ฅผ ์ค์ด๊ธฐ ์ํด ์ด๋ฏธ์ง๋ฅผ ์์ถํ์ธ์.
- ์บ์ฑ: ์์ฃผ ์ก์ธ์คํ๋ ๋ฐ์ดํฐ๋ฅผ ์ ์ฅํ๊ธฐ ์ํด ์บ์ฑ์ ์ฌ์ฉํ์ธ์.
์์: ์ ํ ์ด๋ฏธ์ง๊ฐ ๋ง์ ์ ์ ์๊ฑฐ๋ ์น์ฌ์ดํธ๋ ํ์ด์ง ๋ก๋ฉ์ด ๋๋ ค์ง๋ ๊ฒ์ ๋ฐฉ์งํ๊ธฐ ์ํด ์ง์ฐ ๋ก๋ฉ์ ์ฌ์ฉํด์ผ ํฉ๋๋ค. ์ด๋ ์ฌ์ฉ์ ๊ฒฝํ์ ๊ฐ์ ํ๊ณ ์ดํ๋ฅ ์ ์ค์ผ ๊ฒ์ ๋๋ค.
8. ํ ์คํธ ๋ฐ ๋ฐ๋ณต
์ค์ ์ฌ์ฉ์์ ํจ๊ป ๋์์ธ์ ์ฒ ์ ํ ํ ์คํธํ๊ณ ํผ๋๋ฐฑ์ ์์งํ์ธ์. ์ด ํผ๋๋ฐฑ์ ์ฌ์ฉํ์ฌ ๋์์ธ์ ๋ฐ๋ณตํ๊ณ ๊ฐ์ ํ์ธ์. ์ฌ์ฉ์ฑ ํ ์คํธ, A/B ํ ์คํธ ๋ฐ ๊ธฐํ ํํ์ ์ฌ์ฉ์ ์กฐ์ฌ๋ฅผ ์ํํ์ฌ ๊ฐ์ ํ ์์ญ์ ํ์ ํ์ธ์. ์ฌ์ฉ์ ํผ๋๋ฐฑ๊ณผ ๋ฐ์ดํฐ๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ๋์์ธ์ ์ง์์ ์ผ๋ก ๊ฐ์ ํ์ธ์.
์์: ์ฌ์ฉ์ ์ธํฐํ์ด์ค๋ฅผ ์ฌ์ค๊ณํ๋ ์์ ๋ฏธ๋์ด ํ๋ซํผ์ ์ฌ๋ฌ ๋์์ธ ์ต์ ์ ๋น๊ตํ๊ณ ๊ฐ์ฅ ํจ๊ณผ์ ์ธ ํด๊ฒฐ์ฑ ์ ์ฐพ๊ธฐ ์ํด A/B ํ ์คํธ๋ฅผ ์ํํด์ผ ํฉ๋๋ค.
2024๋ ์ค๋งํธ ๋จธํฐ๋ฆฌ์ผ ๋์์ธ ํธ๋ ๋
์ค๋งํธ ๋จธํฐ๋ฆฌ์ผ ๋์์ธ ๋ถ์ผ๋ ๋์์์ด ์งํํ๊ณ ์์ต๋๋ค. 2024๋ ์ ์ฃผ๋ชฉํด์ผ ํ ๋ช ๊ฐ์ง ์ฃผ์ ํธ๋ ๋๋ ๋ค์๊ณผ ๊ฐ์ต๋๋ค:
๋ด๋ชจํผ์ฆ๊ณผ ์ํํธ UI
์ํํธ UI๋ผ๊ณ ๋ ์๋ ค์ง ๋ด๋ชจํผ์ฆ์ ๋ฏธ๋ฌํ ๊ทธ๋ฆผ์์ ํ์ด๋ผ์ดํธ๋ฅผ ์ฌ์ฉํ์ฌ ๊น์ด๊ฐ๊ณผ ํ์ค๊ฐ์ ๋ง๋๋ ๋์์ธ ํธ๋ ๋์ ๋๋ค. ์ด ์คํ์ผ์ ๋ถ๋๋ฝ๊ณ ๋์ถ๋ ์ธ๊ด์ผ๋ก ์ค์ ๋ฌผ์ฒด๋ฅผ ๋ชจ๋ฐฉํ๋ ๊ฒ์ ๋ชฉํ๋ก ํฉ๋๋ค. ๋ฏธํ์ ์ผ๋ก๋ ๋ง์กฑ์ค๋ฝ์ง๋ง, ๋ด๋ชจํผ์ฆ์ ๋๋๋ก ๋ฎ์ ๋๋น๋ก ์ธํด ์ ๊ทผ์ฑ ๋ฌธ์ ๋ฅผ ์ผ๊ธฐํ ์ ์์ผ๋ฏ๋ก ์ ์คํ๊ฒ ์ฌ์ฉํ๊ณ ์ถฉ๋ถํ ๋๋น์จ์ ํ๋ณดํ๋ ๊ฒ์ด ์ค์ํฉ๋๋ค.
๋คํฌ ๋ชจ๋ ์ต์ ํ
๋คํฌ ๋ชจ๋๋ ํนํ ๋ชจ๋ฐ์ผ ๊ธฐ๊ธฐ์์ ์ ์ ๋ ์ธ๊ธฐ๋ฅผ ์ป๊ณ ์์ต๋๋ค. SMD ๊ตฌํ์ ๋คํฌ ๋ชจ๋์ ์ต์ ํ๋์ด์ผ ํ๋ฉฐ, ์์ ํ๋ ํธ, ๋๋น ๋ฐ ๊ฐ๋ ์ฑ์ ์ ์คํ๊ฒ ๊ณ ๋ คํด์ผ ํฉ๋๋ค. ๋์์ธ ์์คํ ์ ๋ชจ๋ ๊ตฌ์ฑ ์์์ ๋ํ ๋คํฌ ๋ชจ๋ ๋ณํ์ด ํฌํจ๋์ด ์๋์ง ํ์ธํ์ธ์.
๋ง์ดํฌ๋ก์ธํฐ๋์ ๊ณผ ๋ชจ์ ๋์์ธ
๋ง์ดํฌ๋ก์ธํฐ๋์ ์ ์ฌ์ฉ์์๊ฒ ํผ๋๋ฐฑ์ ์ ๊ณตํ๊ณ ์ฌ์ฉ์ ๊ฒฝํ์ ํฅ์์ํค๋ ์๊ณ ๋ฏธ๋ฌํ ์ ๋๋ฉ์ด์ ์ ๋๋ค. ๋ชจ์ ๋์์ธ์ ์ฌ์ฉ์๋ฅผ ์ธํฐํ์ด์ค๋ฅผ ํตํด ์๋ดํ๊ณ , ์ค์ํ ์ ๋ณด๋ฅผ ๊ฐ์กฐํ๋ฉฐ, ์ฆ๊ฑฐ์์ ์ ์ฌํ๋ ๋ฐ ์ฌ์ฉ๋ ์ ์์ต๋๋ค. ์ฌ์ฉ์๋ฅผ ๋ฐฉํดํ์ง ์๋๋ก ๋ง์ดํฌ๋ก์ธํฐ๋์ ์ ์ ์คํ๊ฒ ๊ตฌํํ์ธ์.
AI ๊ธฐ๋ฐ ๊ฐ์ธํ
์ธ๊ณต์ง๋ฅ(AI)์ ๊ฐ์ธํ์์ ์ ์ ๋ ์ค์ํ ์ญํ ์ ํ๊ณ ์์ต๋๋ค. SMD ๊ตฌํ์ AI๋ฅผ ํ์ฉํ์ฌ ๊ฐ๋ณ ์ฌ์ฉ์์ ์๊ตฌ์ ์ ํธ๋์ ๋ฐ๋ผ ๋ ๊ด๋ จ์ฑ ์๋ ์ฝํ ์ธ , ์ถ์ฒ ๋ฐ ๊ธฐ๋ฅ์ ์ ๊ณตํ ์ ์์ต๋๋ค. ์๋ฅผ ๋ค์ด, ์ด๋ฌ๋ ํ๋ซํผ์ AI๋ฅผ ์ฌ์ฉํ์ฌ ์ฌ์ฉ์์ ํ์ต ๊ธฐ๋ก๊ณผ ๊ฒฝ๋ ฅ ๋ชฉํ์ ๋ฐ๋ผ ๊ฐ์ข๋ฅผ ์ถ์ฒํ ์ ์์ต๋๋ค.
์์ฑ ์ฌ์ฉ์ ์ธํฐํ์ด์ค(VUI)
์์ฑ ์ฌ์ฉ์ ์ธํฐํ์ด์ค(VUI)๋ ํนํ ์ค๋งํธ ํ ๊ธฐ๊ธฐ์ ๋ชจ๋ฐ์ผ ๋น์์์ ์ ์ ๋ ๋ณดํธํ๋๊ณ ์์ต๋๋ค. SMD ๊ตฌํ์ VUI์ ์ํํ๊ฒ ์๋ํ๋๋ก ์ค๊ณ๋์ด ์ฌ์ฉ์๊ฐ ์์ฑ์ ์ฌ์ฉํ์ฌ ์ธํฐํ์ด์ค์ ์ํธ ์์ฉํ ์ ์๋๋ก ํด์ผ ํฉ๋๋ค. ์๋ฅผ ๋ค์ด, ์ฌ์ฉ์๋ ์์ฑ ๋ช ๋ น์ ์ฌ์ฉํ์ฌ ์ค๋งํธ ํ ๊ธฐ๊ธฐ๋ฅผ ์ ์ดํ ์ ์์ต๋๋ค.
ํต์ฌ ์์น์ผ๋ก์์ ์ ๊ทผ์ฑ
์ ๊ทผ์ฑ์ ๋ ์ด์ ๋์ค์ ๊ณ ๋ คํ ์ฌํญ์ด ์๋๋ผ ๋์์ธ์ ํต์ฌ ์์น์ ๋๋ค. SMD ๊ตฌํ์ ์ฒ์๋ถํฐ ์ ๊ทผ์ฑ์ ์ฐ์ ์ํ์ฌ ์ฅ์ ๊ฐ ์๋ ์ฌ๋๋ค๋ ์ธํฐํ์ด์ค๋ฅผ ์ฌ์ฉํ ์ ์๋๋ก ๋ณด์ฅํด์ผ ํฉ๋๋ค. ์ฌ๊ธฐ์๋ WCAG ๊ฐ์ด๋๋ผ์ธ ์ค์, ์ถฉ๋ถํ ์์ ๋๋น ์ ๊ณต, ํค๋ณด๋ ๋ด๋น๊ฒ์ด์ ๋ฐ ์คํฌ๋ฆฐ ๋ฆฌ๋ ์ง์์ด ํฌํจ๋ฉ๋๋ค.
์ค๋งํธ ๋จธํฐ๋ฆฌ์ผ ๋์์ธ ์ค์ ์ ์ฉ ์ฌ๋ก
๋ค์์ ์ค๋งํธ ๋จธํฐ๋ฆฌ์ผ ๋์์ธ์ด ์ค์ ์ ํ๋ฆฌ์ผ์ด์ ์์ ์ด๋ป๊ฒ ์ฌ์ฉ๋๊ณ ์๋์ง์ ๋ํ ๋ช ๊ฐ์ง ์์ ๋๋ค:
๊ตฌ๊ธ์ ์ฑ ์ ํ๊ตฐ
Gmail, ๊ตฌ๊ธ ์ง๋, ๊ตฌ๊ธ ๋๋ผ์ด๋ธ๋ฅผ ํฌํจํ ๊ตฌ๊ธ์ ์ฑ ์ ํ๊ตฐ์ ๋ชจ๋ ๋จธํฐ๋ฆฌ์ผ ๋์์ธ์ ์ฌ์ฉํ์ฌ ์ ์๋์์ต๋๋ค. ์ด ์ฑ๋ค์ ๋ค์ํ ํ๋ซํผ๊ณผ ๊ธฐ๊ธฐ์์ ์ผ๊ด๋๊ณ ์ง๊ด์ ์ธ ์ฌ์ฉ์ ๊ฒฝํ์ ์ ๊ณตํฉ๋๋ค.
์๋๋ก์ด๋ ์ด์์ฒด์
์๋๋ก์ด๋ ์ด์์ฒด์ ๋ ๋จธํฐ๋ฆฌ์ผ ๋์์ธ์ ๊ธฐ๋ฐ์ผ๋ก ํ์ฌ ๊ด๋ฒ์ํ ๊ธฐ๊ธฐ์์ ์ผ๊ด๋ ์๊ฐ์ ์ธ์ด์ ์ฌ์ฉ์ ๊ฒฝํ์ ์ ๊ณตํฉ๋๋ค.
๋ง์ ํ๋ ์น์ฌ์ดํธ
๋ง์ ํ๋ ์น์ฌ์ดํธ๋ค์ด ๋ ๋งค๋ ฅ์ ์ด๊ณ ์ฌ์ฉ์ ์นํ์ ์ธ ๊ฒฝํ์ ๋ง๋ค๊ธฐ ์ํด ์ค๋งํธ ๋จธํฐ๋ฆฌ์ผ ๋์์ธ ์์น์ ์ฑํํ๊ณ ์์ต๋๋ค. ์ด๋ฌํ ์น์ฌ์ดํธ๋ค์ ์ข ์ข ๋ฐ์ํ ๋ ์ด์์, ๋ง์ดํฌ๋ก์ธํฐ๋์ ๋ฐ ๊ฐ์ธํ๋ ์ฝํ ์ธ ๋ฅผ ํน์ง์ผ๋ก ํฉ๋๋ค.
์ ์ ์๊ฑฐ๋ ์ ํ๋ฆฌ์ผ์ด์
์ ์ ์๊ฑฐ๋ ์ ํ๋ฆฌ์ผ์ด์ ์ ์ค๋งํธ ๋จธํฐ๋ฆฌ์ผ ๋์์ธ์ ์ฌ์ฉํ์ฌ ์ผํ ๊ฒฝํ์ ๊ฐ์ ํ๊ณ , ์ฌ์ฉ์์๊ฒ ๊ฐ์ธํ๋ ์ถ์ฒ, ๊ฐ์ํ๋ ๊ฒฐ์ ํ๋ก์ธ์ค, ์๊ฐ์ ์ผ๋ก ๋งค๋ ฅ์ ์ธ ์ ํ ๋์คํ๋ ์ด๋ฅผ ์ ๊ณตํ๊ณ ์์ต๋๋ค.
์ค๋งํธ ๋จธํฐ๋ฆฌ์ผ ๋์์ธ ๊ตฌํ์ ๊ณผ์
์ค๋งํธ ๋จธํฐ๋ฆฌ์ผ ๋์์ธ์ ์๋ง์ ์ด์ ์ ์ ๊ณตํ์ง๋ง, ๊ณ ๋ คํด์ผ ํ ๋ช ๊ฐ์ง ๊ณผ์ ๋ ์์ต๋๋ค:
๋ณต์ก์ฑ
SMD ๊ตฌํ์ ํนํ ํฌ๊ณ ๋ณต์กํ ์ ํ๋ฆฌ์ผ์ด์ ์ ๊ฒฝ์ฐ ๋ณต์กํ ์ ์์ต๋๋ค. ๋์์ธ ์์น, UI ํ๋ ์์ํฌ ๋ฐ ์ ๊ทผ์ฑ ๋ชจ๋ฒ ์ฌ๋ก์ ๋ํ ๊น์ ์ดํด๊ฐ ํ์ํฉ๋๋ค.
์ฑ๋ฅ ๊ณ ๋ ค ์ฌํญ
์ ์ํ UI์ ๊ฐ์ธํ๋ ์ ์คํ๊ฒ ๊ตฌํํ์ง ์์ผ๋ฉด ์ฑ๋ฅ์ ์ํฅ์ ์ค ์ ์์ต๋๋ค. ์ํํ๊ณ ๋ฐ์์ด ๋น ๋ฅธ ์ฌ์ฉ์ ๊ฒฝํ์ ๋ณด์ฅํ๊ธฐ ์ํด ์ฝ๋์ ๋ฆฌ์์ค๋ฅผ ์ต์ ํํ๋ ๊ฒ์ด ์ค์ํฉ๋๋ค.
์ ๊ทผ์ฑ ์ ๋ฌธ์ฑ
์ ๊ทผ์ฑ์ ๋ณด์ฅํ๋ ค๋ฉด ์ ๋ฌธ์ ์ธ ์ ๋ฌธ ์ง์์ด ํ์ํฉ๋๋ค. ์ธํฐํ์ด์ค๊ฐ ์ฅ์ ๊ฐ ์๋ ์ฌ๋๋ค๋ ์ฌ์ฉํ ์ ์๋๋ก ๋์์ธ ํ๋ก์ธ์ค์ ์ ๊ทผ์ฑ ์ ๋ฌธ๊ฐ๋ฅผ ์ฐธ์ฌ์ํค๋ ๊ฒ์ด ์ค์ํฉ๋๋ค.
ํธ๋ ๋ ๋ฐ๋ผ์ก๊ธฐ
์ค๋งํธ ๋จธํฐ๋ฆฌ์ผ ๋์์ธ ๋ถ์ผ๋ ๋์์์ด ์งํํ๊ณ ์์ต๋๋ค. ๋์์ธ์ด ์ ์ ํ๊ณ ๊ด๋ จ์ฑ์ ์ ์งํ๋๋ก ์ต์ ํธ๋ ๋์ ๋ชจ๋ฒ ์ฌ๋ก๋ฅผ ์ต์ ์ํ๋ก ์ ์งํ๋ ๊ฒ์ด ์ค์ํฉ๋๋ค.
๊ฒฐ๋ก
์ค๋งํธ ๋จธํฐ๋ฆฌ์ผ ๋์์ธ์ ์ง๊ด์ ์ด๊ณ ๋งค๋ ฅ์ ์ด๋ฉฐ ์ ๊ทผ์ฑ์ด ๋ฐ์ด๋ ์ฌ์ฉ์ ์ธํฐํ์ด์ค๋ฅผ ๋ง๋๋ ๊ฐ๋ ฅํ ์ ๊ทผ ๋ฐฉ์์ ๋๋ค. ๊ทธ ์์น์ ์์ฉํ๊ณ ํน์ ์๊ตฌ์ ๋ง๊ฒ ์กฐ์ ํจ์ผ๋ก์จ ๋์์ด๋์ ๊ฐ๋ฐ์๋ ๋น์ฆ๋์ค ์ฑ๊ณต์ ์ด๋๋ ํ์ํ ์ฌ์ฉ์ ๊ฒฝํ์ ๋ง๋ค์ด๋ผ ์ ์์ต๋๋ค. ๊ธฐ์ ์ด ๊ณ์ ๋ฐ์ ํจ์ ๋ฐ๋ผ ์ค๋งํธ ๋จธํฐ๋ฆฌ์ผ ๋์์ธ์ ์์ฌํ ์ฌ์ง์์ด ๋์งํธ ์ํธ ์์ฉ์ ๋ฏธ๋๋ฅผ ํ์ฑํ๋ ๋ฐ ์ ์ ๋ ์ค์ํ ์ญํ ์ ํ ๊ฒ์ด๋ฉฐ, ์ ์ธ๊ณ์ ์ผ๋ก ๋ค์ํ ํ๋ซํผ๊ณผ ๋ฌธํ์ ๊ฑธ์ณ ํฌ์ฉ์ฑ๊ณผ ์ฌ์ฉ์ ๋ง์กฑ๋๋ฅผ ์ฆ์งํ ๊ฒ์ ๋๋ค. ์ค๋งํธ ๋จธํฐ๋ฆฌ์ผ ๋์์ธ์ ์ ์ฌ๋ ฅ์ ์ต๋ํ ํ์ฉํ๋ ค๋ฉด ์ ๊ทผ์ฑ, ์ฑ๋ฅ ์ต์ ํ, ์ง์์ ์ธ ๋ฐ๋ณต์ ์ฐ์ ์ํ๋ ๊ฒ์ ์์ง ๋ง์ธ์.