๋ด์ ํ๋ก๋ํธ ๋์์ด๋๊ฐ ์๋ ค์ฃผ๋, ์ ๋ฌธ์๋ฅผ ์ํ UX๋์์ธ ๊ฐ๋ก
๋์์ธ์ ๊ณต๋ถํด๋ณธ ์ ์ด ์๋ ๋น์ ๊ณต์ ๋ถ๋ค, ์ด์ ๋ง UX๋์์ธ์ ๊ณต๋ถํ๊ธฐ ์์ํ ํ์๋ค, UX ๋ฐ UI ๋์์ธ ์ทจ์ค์ ๋ถ๋ค์ ์ํ UX ๋์์ธ ๊ฐ๋ก ์์ ์ ๋๋ค. ๋น ๋ฅธ ์๊ฐ ์์ ๊ธฐ๋ณธ๊ธฐ๊ฐ ์ถฉ์คํ UX, UI๋์์ด๋๊ฐ ๋๊ธฐ ์ํ ๋ฐฉ๋ฒ๋ค์ ์ค๋ฌด์์ ๊ด์ ์์ "๋๋ฐฉ์ถ"ํ๊ฒ ์ต๋๋ค.
์๊ฐ์ 1,216๋ช
๋์ด๋ ์ ๋ฌธ
์๊ฐ๊ธฐํ 36๊ฐ์
2022๋ UX๋์์ธ ํด ํต๊ณ๋ฐํ "๋ ๋ณด์ ์ธ ํผ๊ทธ๋ง"
์๋ ํ์ธ์ ์๋ฆญ์ ๋๋ค.
์ถ์ด ๊ฒจ์ธ ๋ฐ๋ปํ๊ฒ ์ ๋ณด๋ด๊ณ ๊ณ์๊ธฐ๋ฅผ ๋ฐ๋๋๋ค.
2021๋ ์ ์ด์ด์ UX tools์์ 2022๋ ๋ UX/UI๋์์ธ ํด ์ฌ์ฉ์ ๋ํ ํต๊ณ์๋ฃ๋ฅผ ๋ฐํํ์ต๋๋ค. UX tools์์๋ ๋งค๋ ์ด๊ฒ์ ๋ฐํํ๊ณ ์์ด์ UX, UI ๋์์ธ ํด ์์ฅ์ ํ๋ฆ์ด ์ด๋ป๊ฒ ํ๋ฌ๊ฐ๊ณ ์๋์ง, ์ด๋ค ํด๋ค์ด ๋ง์ด ํ์ฉ๋๊ณ ์๋์ง ์ ์ ์์ด์ ์ข์ ๊ฒ ๊ฐ์ต๋๋ค. ํต๊ณ์กฐ์ฌ ๊ฒฐ๊ณผ๋ฅผ ์ ๋ฆฌํด๋ณด์์ต๋๋ค. (ํต๊ณ ์ถ์ฒ: uxtools.co)
๊ฒฐ๋ก "ํผ๊ทธ๋ง ๋ ๋ณด์ ": UX, UI ๋์์ธ์ ํ๊ธฐ ์ํด์๋ ์ฌ๋ฌ๊ฐ์ง ํ๋์ ํด์ผ ํฉ๋๋ค. Wireframe, UI Design, Design System ๋ฑ์ด ์๋๋ฐ์. 2020๋ ์์ 2021๋ ์ด ๋๋ฉด์ ํผ๊ทธ๋ง๊ฐ ๋ค๋ฅธ ํด ๋๋น ํจ์ฌ ๋ ๋ง์ด ํ์ฉ์ด ๋๋ฉด์ ๊ฒฉ์ฐจ๋ฅผ ๋ฒ๋ ธ๋ค๋ฉด ์ด์ ๋ ๊ฑฐ์ ๋์ฌ๋ฒฝ ์์ค์ผ๋ก ๋ ๋ณด์ ์ด ๋์ด๊ฐ๊ณ ์๋ ๊ฒ ๊ฐ์ต๋๋ค.
1. ์ด ์ค๋ฌธ์๋ ๋๊ฐ ์ฐธ์ฌํ๋๊ฐ? "์ ์ธ๊ณ์ ๋์์ด๋๋ค"
์ด๋ฒ ์ค๋ฌธ์์๋ ์ ์ธ๊ณ์ UX ๋์์ด๋ ๋๋ ๊ด๋ จ ์ ์ข ์์ ์ข ์ฌํ๊ฑฐ๋ ์ผํ๊ณ ์๋ ๋ถ๋ค 4260๋ช ์ด ์ฐธ์ฌํ์ต๋๋ค.
![]()
2. ์ด๋ค ์ง์ ์ธ๋ค์ด ์ฐธ์ฌ๋ฅผ ๋ง์ด ํ๋๊ฐ? "UX, UI๋ฅผ ๋ชจ๋ ํ๋ ํ๋ก๋ํธ ๋์์ด๋, UX/UI ๋์์ด๋๋ค์ด ๋ง์์ง๋ ํธ๋ ๋ ๋ฐ๊ฒฌ"
์ฐธ์ฌํ ์ง์ ๊ตฐ์ ํ๋ก๋ํธ ๋์์ด๋์ UX/UI ๋์์ด๋๊ฐ ์ ์ผ ๋ง์์ต๋๋ค. ์ด ๋ถ๋ถ์ 2021๋ ๊ฒฐ๊ณผ์ ๋นํด์ ๋ณํ๊ฐ ๋๊ปด์ง๋๋ค.
ํ ํฌ ์ ๊ณ์์๋ ์ ์์ผ, ๋ฆฐ ์คํํธ์ ์ด ํ์ฉ์ด ๋๋ฉด์ ๋์์ด๋ ์ญ์ UX ๋์์ด๋, UI ๋์์ด๋๋ฅผ ๋ฐ๋ก ๋ฝ๋ ์๋์์ ์ ์ฐจ UX, UI๋ฅผ ๋ชจ๋ ํ ์ค ์๋ UX/UI ๋์์ด๋ ๋๋ ํ๋ก๋ํธ ๋์์ด๋๋ฅผ ๋ง์ด ์ฑ์ฉํ๋ ํธ๋ ๋๊ฐ ์์ต๋๋ค. ์ ํ ๊ฐ๋ฐ ๋ฐ ์ ๋ฐ์ดํธ๋ฅผ ์ํด ๋น ๋ฅด๊ฒ ์ดํฐ๋ ์ด์ ์ ํด์ผ ํ๋ ํ๋ฆ ์์์ ๋ชจ๋๋ฅผ ์์ฐ๋ฅด๋ ํ๋ก๋ํธ ๋์์ด๋๋ฅผ ๋ ์ํ๋ ๊ฒ์ ์ด์ฐ ๋ณด๋ฉด ๋น์ฐํ ๋ถ๋ถ์ธ ๊ฒ๋ ๊ฐ์ต๋๋ค. ๊ทธ๋ฐ ๊ด์ ์์ UX ๋์์ด๋ ๋ฐ UI ๋์์ด๋๋ ์ค๊ณ ํ๋ก๋ํธ ๋์์ด๋, UX/UI ๋์์ด๋๊ฐ ๋์ด๋ ๋ณํ๊ฐ ๋ณด์ ๋๋ค.
2021๋ ์ฐธ์ฌ์๋ค์ ์ง์ ๊ตฐ (์๋)
![]()
2022๋ ์ฐธ์ฌ์๋ค์ ์ง์ ๊ตฐ (์๋)
![]()
3. UI ๋์์ธ ํด ์ค๋ฌธ ๊ฒฐ๊ณผ "ํผ๊ทธ๋ง๋ก ์ข ๊ฒฐ"
UX, UI ๋์์ธ ํด ์์ฅ์์ ๊ฐ์ฅ ํซํ ๋ถ๋ฌธ์ ์ญ์ UI๋์์ธ์ด๋ผ๊ณ ๋ณผ ์ ์์ต๋๋ค. ํธ๋ ์ค์ผ์น๋ ์์ด์ดํ๋ ์์ ๊ผญ UI ๋์์ธ ์ ์ฉ ํด์ด ์๋๋ผ๋ ๋ค๋ฅธ ๋์ฒด ์ํํธ์จ์ด๋ ๋ฐฉ๋ฒ์ด ์์ต๋๋ค. ์๋ฅผ ๋ค์ด ์์ด์ดํ๋ ์์ ํ์ํฌ์ธํธ๋ฅผ ํตํด์๋ ๋ง๋ค ์ ์๊ธฐ ๋๋ฌธ์ ๋๋ค. ๊ทธ๋ฐ๋ฐ UI๋์์ธ๋งํผ์ ์ ์ฉํด์ ํ์ฉํด์ผ ํ๊ณ ํฐ๋์ ํ๋๋ฐ ํด์ ์ ๋ฌธ์ ์ธ ํ์ฉ๋ฒ์ ์ตํ์ผ ํฉ๋๋ค. ๊ทธ๋ ๊ธฐ ๋๋ฌธ์ ์ผ๋ง๋ ๋ ์ข์ ์ ์ฉํด์ ์ ๊ณตํ๊ณ ์๋๊ฐ๊ฐ ์ค์ํ๋ฐ์. ๋๋ ์๋ ํผ๊ทธ๋ง๊ฐ ๊ฝค ์๋์ ์ผ๋ก ๋ค๋ฅธ ํด์ ์ด๊ฒผ๋ค๋ฉด ์ด๋ฒ์๋ ๊ทธ๋ฅ ๋น๊ตํ๊ธฐ ์ด๋ ค์ธ ์ ๋๋ก ์ฐจ์ด๊ฐ ๋ง์ด ๋ฒ์ด์ก์ต๋๋ค. ๊ทธ๋งํผ ์ ์ธ๊ณ์ ๋์์ด๋๋ค์ด ํผ๊ทธ๋ง๋ฅผ ๋ง์ด ์ฌ์ฉํ๊ณ ์๋ค๋ ์ด์ผ๊ธฐ์ด๊ฒ ์ง์.
๊ทธ๋์ UI๋์์ธ ์ ๋ฌธ์ ๊ณ ๋ฏผ ์ค์ธ ๋ถ์ด๋ผ๋ฉด ๋จผ์ ํผ๊ทธ๋ง๋ฅผ ๋ฐฐ์ธ ๊ฒ์ ์ถ์ฒ๋๋ฆฝ๋๋ค.
2021๋ UI ๋์์ธ ํด ์ค๋ฌธ ๊ฒฐ๊ณผ
![]()
2022๋ UI ๋์์ธ ํด ์ค๋ฌธ ๊ฒฐ๊ณผ
![]()
์ฐ๋๋ณ UI ๋์์ธ ์์ฅ ์ ์ ์จ ๋ณํ (ํผ๊ทธ๋ง๋ ๊ฒฉ์ฐจ๋ฅผ ์ด๋ฏธ ๋ฒ๋ ธ๋ค๊ณ ์๊ฐํ๋๋ฐ ๋ ๋ง์ด ๋ฒ๋ ธ์ต๋๋ค;)
![]()
4. UI ํ๋กํ ํ์ดํ "Basic์ ํผ๊ทธ๋ง๊ฐ, Advanced๋ ํ๋กํ ํ์ด"
์ฌํด UI ํ๋กํ ํ์ดํ ์ค๋ฌธ์ ๋๊ฐ์ ์น์ ์ผ๋ก ๋๋์ด์ ธ ์์๋๋ฐ์. ํ๋๋ Basic, ๋ค๋ฅธ ํ๋๋ Advanced์ ๋๋ค. Basic์ ๊ธฐ๋ณธ์ ์ผ๋ก ํ๋ฉด์ด ๊ตฌ๋๋์ด ๋ณด์ด๋ ์ ๋, ๊ฐ๋ฒผ์ด ์ ๋๋ฉ์ด์ ์ด๋ผ๋ ์ง ํ๋ฉด ํด๋ฆญ์ด ๊ฐ๋ฅํ๋๋ก ํ๋ ์ ๋๋ก ๋ณด๋ฉด ๋ ๊ฒ ๊ฐ๊ณ , Advanced๋ ํจ์ฌ ๋ ๊ณ ํ๋ก ํ๋กํ ํ์ดํ์ ํ๋ ๊ฑธ๋ก ๋ณด๋ฉด ๋ ๊ฒ ๊ฐ์๋ฐ์. Basic์ ํผ๊ทธ๋ง๊ฐ, Advanced๋ ์ฐ๋ฆฌ๋๋ผ์์ ๋ง๋ ์ํํธ์จ์ด Protopie๊ฐ 1์๋ฅผ ์ฐจ์งํ์ต๋๋ค.
![]()
![]()
5. ๋์์ธ ์์คํ "์ด๊ฒ๋ ํผ๊ทธ๋ง"
๋์์ธ ์์คํ ๋ ์ญ์๋ ํผ๊ทธ๋ง๊ฐ ์๋์ ์ ๋๋ค. ์คํ ๋ฆฌ๋ถ์ ๊ฐ๋ฐ์์ ์ฝ๋๋ฅผ ํฌํจํ ์ฝคํฌ๋ํธ๋ฅผ ๊ณต์ ํ๋ ์ํํธ์จ์ด์ธ๋ฐ์. ๋์์ด๋์ ํจ๊ป ๊ด๋ฆฌ๋ฅผ ํ๋ ๋ถ๋ถ์ด ์์ด 2์๋ฅผ ์ฐจ์งํ์ต๋๋ค. ์ฐธ๊ณ ๋ก ์ด ์ค๋ฌธ์๋ ๊ฐ๋ฐ์๋ ๊ฝค ๋ง์ด ์ฐธ์ฌ๋ฅผ ํ์ด์. ์๋ฌด๋๋ ํ์ ์ด ๋ง๊ธฐ ๋๋ฌธ์ผ๋ก ๋ณด์ ๋๋ค. ๊ฐ๋ฐ์๋ ๋ง์ฐพ๊ฐ์ง๋ก ํผ๊ทธ๋ง๋ฅผ Viewer๋ก์ ๋ง์ด ํ์ฉํ๊ณ ์๊ธฐ๋ ํ๊ตฌ์.
![]()
6. ๋์งํธ ํ์ดํธ๋ณด๋ "Miro์ ํผ๊ทธ๋ง์์ ๋ง๋ ํผ๊ทธ์ผ์ ๊ฒฝ์"
๋์งํธ ํ์ดํธ๋ณด๋๋ ์๋ ์ ์ด์ด ๊ฑฐ์ ๋น์ทํ๊ฒ Miro์ ํผ๊ทธ๋ง๊ฐ ๊ฒฝ์ ์ค์ ์์ต๋๋ค. ํผ๊ทธ์ผ์ ํผ๊ทธ๋ง ์ฌ์ฉ์๊ฐ ๋ฐ๋ก ์ฌ์ฉํ ์ ์์ด ํธ๋ฆฌํ ์ด์ ์ด ์๋๋ฐ์. ๊ทธ๋ผ์๋ Miro๊ฐ ํ์คํ ์์ฅ์ ๋จผ์ ์ ์ ํด์์ธ์ง 1์๋ฅผ ์ ์งํ๊ณ ์์ต๋๋ค. ์จ๋ผ์ธ ํ์ ์ด ์ค์ํด์ง ์์ฆ ๋์งํธ ํ์ดํธ๋ณด๋ ์์ฅ์ ๊ฒฝ์์ ์์ผ๋ก๋ ๋จ๊ฑฐ์์ง ๊ฒ ๊ฐ์ต๋๋ค.
![]()
* ๊ทธ ์ธ์๋ ์ ์ ๋ฆฌ์์น ์ํํธ์จ์ด๋ผ๋ ์ง, ์ ์ ๋ฆฌ์์น ๋ฆฌํฌ๋ฃจํ ํด์ ๋ํ ์ค๋ฌธ์กฐ์ฌ๋ ์์ผ๋ ํ๋ฒ ์ดํด๋ณด์๊ธฐ ๋ฐ๋๋๋ค.
์์ฝ ๋ฐ ์๊ฐ
1. ํผ๊ทธ๋ง๋ UX, UI๋์์ธ์ ์ํ ๊ฑฐ์ ๋ชจ๋ ํ๋ก์ธ์ค์ ๋ํ ์๋ฃจ์ ์ ์ ๊ณตํ๊ณ ์์ต๋๋ค. ๋ธ๋ ์ธ์คํ ๋ฐ์ ์ํ ํผ๊ทธ์ผ, ์์ด์ดํ๋ ์, UI๋์์ธ, ๋์์ธ ์์คํ , ํ๋กํ ํ์ ๊น์ง ๋ง์ด์ง์. ๊ฑฐ๊ธฐ๋ค๊ฐ ํ๋ฌ๊ทธ์ธ๊ณผ ์คํ์์ค ํ ํ๋ฆฟ์ ์ ์ ๋ ๋ง์์ง๊ธฐ ๋๋ฌธ์ ๊ณ์ํด์ ๋์ฌ๋ฒฝ์ผ๋ก ๊ฐ๊ณ ์๋ ๊ฒ ๊ฐ์ต๋๋ค.
2. ์ต๊ทผ ํผ๊ทธ๋ง๊ฐ ์ด๋๋น์ ์ธ์๋๋ ์ผ์ด ์์์ต๋๋ค. ์๋ ์์ฅ์์์ ์ํฅ๋ ฅ์ด ํฌ๊ธฐ ๋๋ฌธ์ ์ด๋๋น๊ฐ ํผ๊ทธ๋ง๋ฅผ ๋น์ฅ ์ด๋ป๊ฒ ๋ณํ์ํฌ์ง๋ ๋ชจ๋ฅด๊ฒ ์ผ๋, ์ ๋ ํผ๊ทธ๋ง๊ฐ ์ง๊ธ์ ๋ฐฉํฅ์ฑ์ ๊ณ์ ์ ์งํด์ ์ฌ์ฉ์ํธ์์ฑ์ ์ง์ค์ ํ๋ฉด ์ข๊ฒ ์ต๋๋ค. ์๋ ๋์์ด๋์ ์ ์ฅ์์ ์ ๋ง๋ค๊ณ ํธ๋ฆฌํ ํด์ด๋ผ๊ณ ์๊ฐํฉ๋๋ค.
3. ๋์งํธ ํ์ดํธ๋ณด๋ ์์ฅ์ ๊ฒฝ์๋ ํฅ๋ฏธ๋ก์ด ์ง์ ์ด ๋ง์ ๊ฒ ๊ฐ์ต๋๋ค. ๋น๋๋ฉด ํ์ ์ด ์ค์ํด์ง๊ณ ์๊ธฐ ๋๋ฌธ์ ๋น๋์์ด๋๋ค๊ณผ ํจ๊ป ์์ด๋์ด ํ์๋ฅผ ํ๊ธฐ ์ํด ํ์ํ ์ํํธ์จ์ด์ด๊ธฐ ๋๋ฌธ์ ๊ทธ๋ ์ต๋๋ค.
4. ํ๋ก๋ํธ ๋์์ด๋, UX/UI๋์์ด๋์ ๋ํ ์์๊ฐ ์ ์ ๋ ์ปค์ง๋ ๊ฒ์ ๋๋๋๋ค. ์ ๋ฌธ์ ๋ถ๋ค์ ์ด๋ฐ ์ ์ ์ฐธ๊ณ ํ์ ์ ์ปค๋ฆฌ์ด ์ค๊ณ๋ฅผ ํ์๋ฉด ์ข์ ๊ฒ ๊ฐ์ต๋๋ค.
์๋ฃ ์ถ์ฒ:
UX tools 2022๋ ํต๊ณ ๊ฒฐ๊ณผ
UX tools 2021๋ ํต๊ณ ๊ฒฐ๊ณผ
๊ธฐํ:
2021๋ UX๋์์ธ ํด ํต๊ณ๋ฐํ "ํผ๊ทธ๋ง์ ๋ ์ฃผ"
[๊ด๊ณ ] UI๋์์ธ ์ ๋ฌธ๊ณผ ํผ๊ทธ๋ง ํด ๊ณต๋ถ๋ฅผ ๊ณํํ๊ณ ๊ณ์ ๊ฐ์?
์ธํ๋ฐ "ํผ๊ทธ๋ง๋ฅผ ํ์ฉํ UI๋์์ธ ์ ๋ฌธ๋ถํฐ ์ค์ ๊น์ง" ๊ฐ์๋ฅผ ์๊ฐํฉ๋๋ค.
ํผ๊ทธ๋ง๋ฅผ ํตํด UI๋์์ธ์ ์ ๋ฌธํ๊ณ ์ ํ๋ ๋ถ๋ค์ ์ํด ์ธํ๋ฐ์ "ํผ๊ทธ๋ง๋ฅผ ํ์ฉํ UI๋์์ธ ์ ๋ฌธ๋ถํฐ ์ค์ ๊น์ง" ๊ฐ์๋ฅผ ๊ฐ์คํ์ด์. ๊ธฐํ ์ผ๋ง ํ๋ ์ ๊ฐ ํ๋ก๋ํธ ๋์์ด๋๊ฐ ๋๊ธฐ ์ํด ๋ฆ๊น์ด๋ก UI๋์์ธ ์ ๋ฌธ์ ํ๋ฉด์ ์ํ์ฐฉ์ค๋ค์ ๊ฑฐ์ณ ์ป์ ์ธ์ฌ์ดํธ๋ค๊ณผ ํผ๊ทธ๋ง ํด ์ฌ์ฉ๋ฐฉ๋ฒ, UI๋์์ด๋๊ฐ ๋๊ธฐ ์ํด ์์์ผ ํ ๊ฒ๋ค์ ๋ด์์ต๋๋ค. ์ ๊ฐ ๋ฆ๊น์ด๋ก ์ ๋ฌธ์ ํ๋ ๋งํผ, ๋น์ ๊ณต์๋ ์ด๋ ต์ง ์๊ฒ ๋ฐ๋ผํด๋ณผ ์ ์๋๋ก UI๋์์ธ์ ๊ธฐ์ด๋ถํฐ ๋ฐ๋ผํ์ฌ ์ค๋ฌด์์ ํ์ฉํ๋ ๊ณ ๊ธ ๊ธฐ๋ฅ๊น์ง ํ ์ ์๋๋ก ๊ตฌ์ฑํ์ต๋๋ค. UI๋์์ธ ์ ๋ฌธ์ ์๊ฐ ์ค์ด์๋ผ๋ฉด ์ด ๊ฐ์๋ฅผ ์ถ์ฒ๋๋ ค์.
โข ์ธํ๋ฐ ํด๋น๊ฐ์ ๋ฏธ๋ฆฌ๋ณด๊ธฐ ์์ (๋ฌด๋ฃ์์~):
1. ๊ธฐํ ์ผ๋ง ํ๋ ๋ด๊ฐ 3๊ฐ์๋ง์ UI๋์์ธ ๋ฅ๋ ฅ์ ๊ฐ๊ฒ ๋ ์ฌ์ฐ






