๐ 2021๋ 4์ 5์ฃผ TOP3
1. UX ์ ๋ต๊ฐ๊ฐ ํ๋ ์ผ
2. ๋ ๋์ ์์ด์ฝ์ ๋์์ธํ๋ ๋ฐฉ๋ฒ
3. ๊ทธ๋ํฝ ๋์์ด๋์์ UX/UI ๋์์ด๋๋ก
UX ์ ๋ต๊ฐ๊ฐ ํ๋ ์ผ
UX ๋์์ด๋๋ก์์ ๊ฒฝ๋ ฅ์ ์์๊ฐ๋ฉด์ ์ ๋ฌธ์ฑ ๊ฐ๋ฐ์ ์ง์คํ ๋, ์ ํํ ์ ์๋ ๋ช ๊ฐ์ง ์ ๋ฌธํ ๊ฒฝ๋ก๊ฐ ์๋ค๋ ๊ฒ์ ์๊ฒ ๋ ๊ฒ์
๋๋ค. ์ด๋ฌํ ๊ฒฝ๋ก ์ค ํ๋๋ ์ฌ์ฉ์ ๊ฒฝํ ๋์์ธ์ ํ์ฌ์ ๋น์ฆ๋์ค ๋ชฉํ ๋ฐ ์ ๋ต์ ๋ง์ถ๋ UX ์ ๋ต๊ฐ(*UX Strategist)์
๋๋ค.
UX ์ ๋ต๊ฐ๋ ํ๋ก๋ํธ ํ์์ ๊ณ ์ ํ ์ญํ ์ ์ํํ๋ฉฐ, UX ๋์์ด๋์ ํ๋ก๋ํธ/์คํผ๋ง ๋งค๋์ ๊ฐ์ ์ฐ๊ฒฐ๊ณ ๋ฆฌ๋ฅผ ํ์ฑํ์ฌ ๋น์ฆ๋์ค์ ๋ชฉํ์ ์ฌ์ฉ์์ ์๊ตฌ๊ฐ ์ง์์ ์ผ๋ก ์ผ์นํ๋๋ก ํ๊ณ ์์ต๋๋ค.
์๋ฅผ ๋ค์ด UX ๋์์ด๋๋ ์ฃผ๋ก ์ ํ์ ๋์์ธ ๋ฐ ๊ฐ๋ฐ ํ๋ก์ธ์ค์ ๋ํ ์ธ๊ฐ ์ค์ฌ์ ์ ๊ทผ ๋ฐฉ์์ ์ ๊ณตํ๋ ๋ฐ ์ค์ ์ ๋ก๋๋ค.
๊ทธ๋ฌ๋, UX ๋์์ด๋๋ ์ฌ์ ํ UX ์ ๋ต๊ฐ์ ๊ฐ์ ๋์ผํ ์์ค์ ๋น์ฆ๋์ค ์ ๋ต์๋ ์ผ๋ฐ์ ์ผ๋ก ๊ด์ฌํ์ง ์๋ ๋น์ฆ๋์ค ์๊ตฌ ์ฌํญ์ ์ถฉ์กฑํ๋ ๊ฒ์ ๋ชฉํ๋ก ํฉ๋๋ค.
๋ง์ฝ UX ์ ๋ต๊ฐ๊ฐ ๋๊ณ ์ ํ๋ค๋ฉด, ํ๋ก๋ํธ์ ํ์ฌ์ ๋น์ฆ๋์ค ๋ชฉํ์ ์ ๋ต์ ๋ ์ ์ดํดํ๋ ๊ฒ์ด ๊ฐ์ฅ ์ข์ ๋ฐฉ๋ฒ์
๋๋ค. ์๋ฅผ ๋ค์ด, ์์ต ์์ธก, ๋ถ๊ธฐ ๋ณ ๊ฒํ , ์ ํ ๋ก๋๋งต ๋ฐ ๋น์ฆ๋์ค ์ ๋ต ๋ฑ์ ๊ฒํ ๋ฅผ ์์ํ๋๋ฐ ์์ฃผ ์ ์ฉํ ๋ฆฌ์์ค๋ค์
๋๋ค.
UX ์ ๋ต๊ฐ๊ฐ ์ฌ์ฉํ๋ ๋๊ตฌ๋ค
์ ํ ๋ฐ ๋น์ฆ๋์ค์ ์ ์ฒด ์ ๋ต์ ์ดํดํ๊ณ ์ด์ ๊ธฐ์ฌํ๋ ๋ฐ๋ ์ฌ๋ฌ ๊ฐ์ง ๋๊ตฌ์ ํ๋ ์ ์ํฌ๋ฅผ ์ฌ์ฉํฉ๋๋ค. UX ์ ๋ต๊ฐ์ ์ฑ
์ ์ค ํ๋๋ ์ด๋ฌํ ๋๊ตฌ๊ฐ ๋ฌด์์ธ์ง๋ฟ๋ง ์๋๋ผ ์ด ๋๊ตฌ๋ค์ ์ธ์ ์ด๋ป๊ฒ ์ฌ์ฉํด์ผ ํ๋์ง ๋ฐฐ์ฐ๋ ๊ฒ์
๋๋ค. ์ด๋ฅผ ํตํด ๊ทธ๋ค์ ๋น์ฆ๋์ค์ ์ ๋ต๊ณผ ๋ชฉํ์ ๋ํ ์ ๋ณด๋ฅผ ์ ๊ณตํ ์ค๋น๋ฅผ ๋ณด๋ค ๋ ์ฝ๊ฒ ํ ์ ์์ต๋๋ค. ๊ฐ์ฅ ์ผ๋ฐ์ ์ผ๋ก ์ฌ์ฉ๋๋ ๋ช ๊ฐ์ง ๋๊ตฌ์ ๋๊ตฌ ์ฌ์ฉ ๋ฐฉ๋ฒ์ ์ดํด๋ณด๊ฒ ์ต๋๋ค.
๋น์ฆ๋์ค ๋ชจ๋ธ ์บ๋ฒ์ค(BMC) :
BMC(Business Model Canvas)๋ ๋น์ฆ๋์ค์ ์ ํ์ด ๊ฐ์น๋ฅผ ์ฐฝ์ถํ๊ณ , ์ ๊ณต ๋ฐ ํฌ์ฐฉํ๋ ๋ฐฉ๋ฒ์ ๋ ์ ์ดํดํ ์ ์๋๋ก ์ง์ํ๋ ํด์
๋๋ค. UX ์ ๋ต๊ฐ๋ BMC๋ฅผ ์ฌ์ฉํ์ฌ ์ค์ํ ๋น์ฆ๋์ค ๋ฐ ์ ํ ํ๋์ ์๊ฐ์ ์ผ๋ก ํ์ํ๊ณ ์์ฝํ์ฌ ์ ๋ฐ์ ์ธ ๊ฐ์น ์ ์์ ๋ถํฉ๋๋๋ก ํฉ๋๋ค.
๊ฐ์น ์ ์ ๋งต (VPM) :
VPM(Value Proposition Map)์ ์ ํ ์ฌ์ฉ์์ ๋น์ฆ๋์ค์ ๊ฐ์น์ ์๊ตฌ๋ฅผ ์๊ฐ์ ์ผ๋ก ๋ณด์ฌ์ฃผ๋ ๋๊ตฌ์
๋๋ค. UX ์ ๋ต๊ฐ๊ฐ UX ๋์์ด๋์ ํ๋ก๋ํธ/์คํผ๋ง ๋งค๋์ ์ฌ์ด์ ์กฐ์ ์ ์ป๊ธฐ ์ํ ๋ฐฉ๋ฒ์ผ๋ก, ์ ๋น์ฌ์์ ๋์ฆ๋ฅผ ๋ช
ํํ๊ฒ ์ค๋ช
ํ ์ ์๋๋ก ์ง์ํ๋ ์๋ฒฝํ ๋๊ตฌ์
๋๋ค.
.. ๐ ๋ ์์ธํ ๋ด์ฉ์ ์๋ ์๋ฌธ์์ ํ์ธํด์ฃผ์ธ์.
๋ ๋์ ์์ด์ฝ์ ๋์์ธํ๋ ๋ฐฉ๋ฒ
์ธํฐํ์ด์ค ์์ด์ฝ๊ทธ๋ํผ ํ ๊ณผ ์๋ น ๋ด์ฉ์
๋๋ค.
๋์
๋ถ
์์ด์ฝ ๊ทธ๋ํผ(Iconography)๋ ์ฌ์ฉ์ ์ธํฐํ์ด์ค์์ ๊ฐ์ฅ ์ค์ํ ๋ถ๋ถ ์ค ํ๋์
๋๋ค. ๋ช
๋ น์ด์ ๋ด์ฉ์ ๋ํ๋ด๋ฉฐ, ๊ธฐ๋ฅ ๋ค์ ์จ๊ฒจ์ง ์๋ฏธ๋ฅผ ๋๋ฌ๋ด๋ ์๊ฐ์ ์ธ์ด์
๋๋ค.
์์ด์ฝ์ ํญ์ ์ฌ์ฉ์๊ฐ ์ฆ์ ์ดํดํ๊ณ ์ธ์ํ ์ ์๋ ๋จ์ํ ์๊ฐ์ ์์ ๋ฅผ ๋ํ๋ด์ผ ํฉ๋๋ค.
์ ํ์ ์์ด์ฝ์ ๋์์ธํ๊ณ ์ฌ์ฉํ๋ ๋ฐฉ๋ฒ์ ๋ฐ๋ผ ๋ธ๋๋ ๊ณ ์ ์ ๋๋์ ์ด๋ฆด ์ ์์ต๋๋ค. ์ฌ๊ธฐ์, ๋ ๋์ ์์ด์ฝ์ ๋์์ธํ๋ ๋ฐ ๋์์ด ๋ ๋งํ ํ๋ค์ ์ดํด๋ด
๋๋ค.
ํ 1 โ ๊ทธ๋ฆฌ๋๋ฅผ ์ค์ ํ์ธ์.
๋จ ํ๋์ ์์ด์ฝ๋ง ๋ง๋ค ์ ์์ต๋๋ค. ํญ์ ์ธํธ(์งํฉ)์ ๋์์ธํ์ธ์. ์ธํธ๋ฅผ ๊ท ์ผํ๊ฒ ํ๋ ค๋ฉด ๊ทธ๋ฆฌ๋๊ฐ ํ์ํฉ๋๋ค.
์์ ์์ญ์ ์ ์ํ๊ณ ๋ ์ด์์์ ์ค์ ํฉ๋๋ค. ๊ทธ๋ฆฌ๋ ๊ฒฐ๊ณผ๋ฅผ ํ
ํ๋ฆฟ์ผ๋ก ์ฌ์ฉํ์ฌ ๋ชจ๋ ์์ด์ฝ์ ๋น์จ๊ณผ ํฌ๊ธฐ๋ฅผ ํตํฉํ ์ ์์ต๋๋ค.
ํ 2 โ ์ผ๊ด์ฑ์ ์ ์งํ์ธ์.
์ธํธ๋ฅผ ๋์์ธํ ๋ ๋์ผํ ์ ๋๋น, ๋ชจ์๋ฆฌ ๋ฐ๊ฒฝ ๋ฐ ์ฑ์ฐ๊ธฐ(fill) ์คํ์ผ์ ์ฌ์ฉํ์ธ์. ์ด๋ ๊ฒ ํ๋ฉด ์์ด์ฝ์ด ๋ธ๋๋๋ฅผ ํตํฉํ๊ณ ๋ณด๋ค ์์๋ณด๊ธฐ ์ฝ๊ฒ ํ์๋ฉ๋๋ค.
์์ : ์ ๋๊ป -2px / ๋ชจ์๋ฆฌ ๋ฐ๊ฒฝ -3px;
ํ 3 โ ๋ช
ํํ๊ฒ ํ์ธ์.
์์ด์ฝ ๋์์ธ์ ์ ์์๋ก ์ข์ต๋๋ค. ๊ฐ ์์ด์ฝ์ ์ฝ๊ฒ ์ธ์ํ๊ณ ์ดํดํ ์ ์๋๋ก ๋์ผํ ์์ ์ธ๋ถ ์ ๋ณด๋ฅผ ๊ฐ์ง ๋ช
ํํ ์์ ๋ฅผ ์ฌ์ฉํฉ๋๋ค.
ํ 4 โ ๋์ผํ ๊ฐ๊ฒฉ์ผ๋ก ์ฌ์ฉํ์ธ์.
์์ด์ฝ ์์ ์ฌ์ด์ ๋์ผํ ๊ณต๊ฐ์ ์ฃผ์ด, ์ธํธ๋ฅผ ์กฐํ๋กญ๊ฒ ๋ณด์ด๋๋ก ํฉ๋๋ค.
Figma, Sketch ๋๋ XD์์ Alt ํค๋ฅผ ๋๋ฌ ๋ฒกํฐ ์ ์ฌ์ด์ ๊ฑฐ๋ฆฌ๋ฅผ ๊ณ์ฐํ ์ ์์ต๋๋ค.
ํ 5 โ ๊ดํ ๋ณด์ (์๊ฐ์ ๋ณด์ )
๊ดํ ์ค์ฌ์ ๊ธฐ์ค์ผ๋ก ์์ด์ฝ ์์๋ฅผ ์ ๋ ฌํ๊ณ ์๊ฐ์ ๋ฌด๊ฒ์ ๊ท ํ์ ๋ง์ถฐ์ค๋๋ค.
ํ 6 โ ๊ณต๊ฐ์ ์ฑ์ฐ์ธ์.
๊ฐ๋ก๊ฐ ์ข์ ์์ด์ฝ์ ํ์ ํ์ฌ, ์ ์ฒด ์ปจํ
์ด๋ ๊ณต๊ฐ์ ์ด์ฉํด ๊ฐ๋
์ฑ์ ๋์ผ ์ ์์ต๋๋ค.
ํ 7 โ ์คํ์ผ์ ๊ฒฐํฉํ์ธ์.
์ฑ์ฐ๊ธฐ ๋ฐ ์ค๊ณฝ์ ์คํ์ผ์ ์ฌ์ฉํ์ฌ ์ธํฐํ์ด์ค ์ํ๋ฅผ ์ค๋ช
ํ๊ณ ์ฌ์ฉ์๊ฐ ์ฌ๋ฐ๋ฅธ ์์ด์ฝ ๋๋ ๋ฒํผ์ ์ฐพ์ ์ ์๋๋ก ๋์์ค๋๋ค.
.. ๐ ๋ ์์ธํ ๋ด์ฉ์ ์๋ ์๋ฌธ์์ ํ์ธํด์ฃผ์ธ์.
๊ทธ๋ํฝ ๋์์ด๋์์ UX/UI ๋์์ด๋๋ก
์ปค๋ฆฌ์ด ์ ํ์ ์ํ ๋์ ํผ์ค๋ ๊ฐ์ด๋ ์ด์ผ๊ธฐ.
by ๋์์ด๋ 'Sara Sรกnchez'.
๋๋ ๋ฌด์์ ํด์ผ ํ ๊น์??
(๊ทธ๋ํฝ ๋์์ธ, UX ๋ฆฌ์์น, UI ๋์์ธโฆ๋ฑ)
์ ๋ ์ง๊ธ๊น์ง 7๋
๋์ ๋์์ด๋๋ก ์ผ์ ํ์ต๋๋ค. ๋ถ๋ชจ๋์ ์ฌ์ง์๊ฐ์
จ๊ณ , ์ฒ์์๋ ์๋ ๋ก๊ทธ ์ฌ์ง์ผ๋ก ์์ํ์
จ์ง๋ง, ์ง๊ธ์ ๋์งํธ ์ฌ์ง์ผ๋ก ์ ํ์ ํ์
จ์ต๋๋ค. ๋์งํธ๋ก ์ ํํ์ ๊ทธ๋ ์ ๋ ์ ๋ชจ๋ ๊ฒ์ ์์์ด์๋ Photoshop์ ์๊ฒ ๋์์ต๋๋ค.
17์ด์ด ๋์์ ๋ฌด๋ ต, ์ ๋ ๋ํ์ ๊ฐ ์ค๋น๊ฐ ๋์๊ณ , ๊ทธ๋ ๋น์ ์ ๊ฐ ์๊ณ ์์๋ ๊ฒ์ ์ฌ๋๋ค์๊ฒ ์ํฅ์ ๋ผ์น ๋งํ ์ฐฝ์กฐ์ ์ด๋ฉด์, ์ฌ๋ฏธ์๊ณ , ์๊ฐ์ ์ธ ๊ฒ๋ค์ด์์ต๋๋ค. ์ ๋ ์ ์ ์์คํ ์๊ฐ์ ์ ๊ฐ ํ๊ณ ์ถ์ด ํ๋ ์ผ์ ํฌ์ํ๊ณ ์ถ์๊ณ , ๋
๋ฆฝ์ ์ธ ์ฌ์ฑ์ด ๋ ์ ์๋๋ก ์ถฉ๋ถํ ๋์ ๋ฒ๊ณ ์ถ์์ต๋๋ค.
๊ทธ๋ฌ๋ค ๋ณด๋ ์ ๋ ๊ฒฐ๊ตญ ๊ด๊ณ ์ ํ๋ณด์ ๋ํด ๊ณต๋ถํ๊ฒ ๋์์ต๋๋ค. ๋น์์๋ UX/UI ๋์์ธ์ ๋ํ ์ ๋ณด๊ฐ ๋ง์ง ์์์ต๋๋ค. ๊ทธ๋์ ์ ์ ๊ฒฝ์ฐ์๋ ๋ง์ผํ
, ์์ ๋๋ ์ฌ๋ฆฌํ์ ๊ณต๋ถํ๋ ๊ฒ์ด์์ฃ .
4๋
์ด ์ง๋ ํ, ์ ๋ ๊ณต๋ถ๋ฅผ ๋ง์ณค๊ณ , ๊ทธ๋ํฝ ๋์์ธ ์์ฌ ํ์๋ฅผ ๋ฐ๊ฒ ๋์์ต๋๋ค.
์ ๊ฐ ๋์์ธ ์์
์ ์ข์ํ๋ ๊ฒ์ ๋ถ๋ช
ํ์ต๋๋ค, ํ์ง๋ง ์ฌ๋ฌ๋ถ๋ค์ด ์์ํ์ค ๋๋, ์ฌ๋ฌ๋ถ๋ค์ ๋์์ธ ์ธ๊ณ์ ๊ด๋ฒ์ํ ๊ฐ๋ฅ์ฑ์ ์์ง ๋ชปํฉ๋๋ค. ๋งค๋
, ์๋ก์ด ์ ๋ฌธ ์ง์
๋ค ๋ฑ์ฅํ๋ ๊ฒ ๊ฐ์ต๋๋ค.
: ๋ธ๋๋ ๊ฒฝํ ๋์์ด๋, ๋ชจ์
๋์์ด๋, ์ฌ์ด๋ ๋์์ด๋, ๊ฐ์ ํ์ค ๋์์ด๋, ์นดํผ๋ผ์ดํฐ, ํฌ๋ฆฌ์์ดํฐ๋ธ, ์ํธ ๋๋ ํฐ, ๊ฒ์ ๋์์ด๋, ์ ๋๋ฉ์ดํฐ ๋ฐ 3D ๋ชจ๋ธ๋ฌ, ์๋น์ค ๋์์ด๋, ์ ํ ๋์์ด๋, ์ผ๋ฌ์คํธ๋ ์ดํฐ, ์ธํ
๋ฆฌ์ด ๋์์ธ, ํธ์ง ๋์์ด๋... ๋ฑ๋ฑ
์ ๋ ํฌ๊ณ ์์ ์ปจ์คํดํธ, ์ ์ ๊ธฐ์
์์ ํ๋ฆฌ๋์๋ก ์ผํ์ผ๋ฉฐ, ๋ชจ๋ ๊ฒ์ ๋ํด ์กฐ๊ธ์ฉ ์๊ณ ๋ ์์์ง๋ง ์ ๋ฌธ๊ฐ ์ ๋๋ ์๋ ์ง์ ์ ์์นํ๊ธฐ ๋๋ฌธ์ ์ค์ค๋ก์๊ฒ ๋ฌผ์ด๋ณด์์ต๋๋ค.
๋ค๋ฅธ ๋ถ์ผ์์ ์ํ๋ ๊ฒ์ ์ข์์ง๋ง ๋ชจ๋ ๊ฒ์ ๋ค ์ ์๋ ์์๊ณ ๋ ๊ตฌ์ฒด์ ์ธ ๋ถ์ผ๊ฐ ์์ด์ผ, ์ง์ค๋ ฅ๊ณผ ๋ฏผ์ฒฉ์ฑ์ ๋์ด๋ ๋ฐ ๋์์ด ๋ ์ ์์์ต๋๋ค.
๊ฒฐ๊ตญ, ์ ๋ ๊ตฌ๊ธ ๊ฒ์์์ '์ต๊ณ ์ ๋ณด์๋ฅผ ๋ฐ๋ ๋ฒ ์คํธ ํฌ๋ฆฌ์์ดํฐ๋ธ ์ง์
'์ ํฌํจํ ๋ช ๊ฐ์ง์ ์กฐ์ฌ ๋์ UX/UI์ ๋ ๋ง์ ๊ด์ฌ์ ๊ฐ์ง๊ฒ ๋์๊ณ , UX/UI์ ๋ํ ๊ฒฝ๋ ฅ์ ๋์ฑ ์ง์คํ๊ฒ ๋์์ต๋๋ค. ๊ทธ๋ฆฌ๊ณ ์น๋์์ธ ์์ฌ๊ณผ์ ์ ๊ฑฐ์ณ, ํ์ฌ๋ ๋ํ์ ์ธ ํ ์๋น์ค ๋ชจ๋ฐ์ผ ์๋ฃจ์
ํ์ฌ์ธ 'MobGen'์ ๊ทผ๋ฌดํ๊ณ ์์ต๋๋ค.
๊ทธ๋ฆฌ๊ณ ์ฌ๊ธฐ ๋ฐ์ ์ค๋นํด๋ดค์ต๋๋ค! ๋ค์์ ๋ฐ์ ๊ธ๋ค์ ์ปค๋ฆฌ์ด ์ ํ์ ์ํํ๋ ๋์ ์ฃผ์ํด์ผ ํ ๋ช ๊ฐ์ง ์ฃผ์ ํ๊ณผ ์ง์นจ์ ์์ฝํ์์ต๋๋ค.
1. ๋น ๋ฅด๊ณ ์ง์์ ์ธ ๋ณํ
2. ์ข์ ๋์์ธ์ ์ปค๋ฎค๋์ผ์ด์
3. ๋ฌธ์ ๋ฅผ ์ด์งํ๊ณ ํด๊ฒฐํ๊ธฐ
4. ๋ฃ๊ณ ์ง๋ฌธํ๊ธฐ
5. ํฝ์
ํธ์ฑ์ ์ค์ด๊ณ , ๋ํ ๋ง์ดํ๊ธฐ
(*pixel-pusing: ๊ทธ๋ํฝ ์์
์ ์ํด ํฝ์
์ ๋ง์ง๋ ์์
)
6. ์ฌ๋์ ์ฐ์ ์ ํ๊ธฐ
.. ๐ ๋ ์์ธํ ๋ด์ฉ์ ์๋ ์๋ฌธ์์ ํ์ธํด์ฃผ์ธ์.
๋๊ธ
์๊ฒฌ์ ๋จ๊ฒจ์ฃผ์ธ์