๐ 2021๋ 4์ 1์ฃผ TOP3
1. Product ๋์์ด๋๋?
2. ์ ๊ทผ์ฑ VS ๋์์ธ ํธ๋ ๋
3. ๋์์ธ์์ UX ๋ฒ์น ์ฌ์ฉ
1. Product ๋์์ด๋๋?
Product ๋์์ธ ๊ฒฝ๋ ฅ์ ์ดํดํ๊ธฐ ์ํ ๋ฐ์ดํฐ ๊ธฐ๋ฐ ์ ๊ทผ ๋ฐฉ์์
๋๋ค.
์ด ๊ธฐ์ฌ์์๋ Product ๋์์ด๋๊ฐ ๋๋ค๋ ๊ฒ์ด ๋ฌด์์ ์๋ฏธํ๋์ง์ ๋ํ ๋ฐ์ดํฐ ๊ธฐ๋ฐ ๋ถ์์ ์ ์ํฉ๋๋ค. ๋ถ์์ Apple, Facebook, Ford, Netflix ๋ฐ Paypal๊ณผ ๊ฐ์ ํ์ฌ์ ๊ตฌ์ธ ๊ด๊ณ ๋ฅผ ๋ฐํ์ผ๋ก ํฉ๋๋ค.
ํ์ฌ๊ฐ ๋์์ด๋๋ฅผ ๊ณ ์ฉ ํ ๋ ๊ทธ๋ค์ ๋ฌด์์ ์ฐพ๋์? ๊ทธ๋ค์ ๋์์ด๋๊ฐ ๋ฌด์์ ํ ๊ฒ์ด๋ผ๊ณ ๊ธฐ๋ํฉ๋๊น? ๋์์ด๋๋ ์ด๋ค ๊ธฐ์ ์ ๊ฐ์ ธ์ผ ํ ๊น์?
์ด๊ฒ์ด ๋ฐ๋ก ๊ตฌ์ง ๊ด๊ณ ์ ๋ฐ์ดํฐ ๊ธฐ๋ฐ ๋ถ์์ ๊ธฐ๋ฐ์ผ๋ก ์ ๊ฐ ๋๋ต ํ ์ง๋ฌธ๋ค์
๋๋ค. ๋ฐฉ๋ฒ๊ณผ ๋ฐ์ดํฐ ๊ธฐ๋ฐ ๋ถ์์ด ์๋ฏธํ๋ ๋ฐ์ ๋ํด ๋ ์๊ณ ์ถ๋ค๋ฉด ์ด๋ฅผ ์ค๋ช
ํ๋ ๋ณ๋์ ๊ธฐ์ฌ๋ฅผ ์์ฑํ์ต๋๋ค.
์์ฝ : ์ ํ / UX / UI / ๋น์ฃผ์ผ ๋์์ด๋๊ฐ ๋๋ค๋ ๊ฒ์ด ๋ฌด์์ ์๋ฏธํ๋์ง์ ๋ํด ๋ง์ ์๊ฒฌ์ด ์ ๊ธฐ๋์ด ์์ต๋๋ค. ๋ง์ ๋์์ด๋๊ฐ ์ด์ ์ ๋งค์ฐ ๋ฉ์ง ๊ธ์ ์ผ์ต๋๋ค. ์ ๋ ๋ค๋ฅธ ์ ๊ทผ ๋ฐฉ์์ ์ทจํ๊ณ ์์ต๋๋ค. ์ ๋ ํ์ฌ๊ฐ ๊ตฌ์ธ ๊ด๊ณ ์์ ๋งํ๋ ๊ฒ์ ๋ด
๋๋ค.
Product ๋์์ด๋๋ ๋ฌด์์ ํฉ๋๊น?
Product ๋์์ด๋๋ ์ ๋๋ด๋ฆฌ์คํธ์ ๋๋ค.
๊ทธ๋ค์ ์ ์ฒด ๋์์ธ ํ๋ก์ธ์ค์ ๊ฑธ์ณ ์์
ํฉ๋๋ค. ์ฒ์์๋ ๊ณ ๊ฐ์ ์๊ตฌ ์ฌํญ์ ๋ํด ์์ธํ ์์๋ณด๊ณ , ์์ด๋์ดํ์ ์ฐธ์ฌํ๊ณ , ํ๋กํ ํ์
์ ๊ตฌ์ถํ๊ณ , ์ฌ์ฉ์์ ํจ๊ป ํ
์คํธํ๊ณ ๊ตฌํ์ ๊ฐ๋
ํ๊ธฐ ์ํด ๋ฆฌ์์น๋ฅผ ํฉ๋๋ค.
์ข ๋ ๊ตฌ์ฒด์ ์ผ๋ก ์ค๋ช
ํ์๋ฉด ๊ฐ ์์ฒญ์ด ๋ฐ์ดํฐ ์ธํธ์ ๋ช ๋ฒ์ด๋ ๋ํ๋๋์ง ๊ณ์ฐํ๊ธฐ ์์ํ์ต๋๋ค. ๋ค์์ ์์ 5๊ฐ ์์ฒญ์
๋๋ค.
์ ํ ๋์์ด๋๋ฅผ ์ํ ์์ 5๊ฐ์ง ๊ฒฐ๊ณผ : ์ฌ์ฉ์ ์กฐ์ฌ, UX, UI, ํ๋กํ ํ์ดํ, ๋์์ธ ์์คํ
, ์ฌ์ฉ์ ์กฐ์ฌ
โข ์ฌ์ฉ์ ์กฐ์ฌ (User Research)
๊ฑฐ์ ๋ชจ๋ ๊ตฌ์ธ ๊ด๊ณ ์ ์กด์ฌํ๋ ์ ํ ๋์์ด๋์ ๊ฐ๋ ฅํ ํ์
๋๋ค.
Product ๋์์ด๋๋ ๋ฆฌ์์น๋ฅผ ๋์์ธ ์ํ ๋ฐ ๋ถ์ํฉ๋๋ค. ๋ช ๊ฐ์ง ์๋ ๋ค์๊ณผ ๊ฐ์ต๋๋ค.
โข ์ฌ์ฉ์ ๊ฒฝํ (UX)
Product ๋์์ด๋๋ ์ ํ๊ณผ ์๋น์ค์ UX๋ฅผ ํ์ฑํฉ๋๋ค.
โข ์ฌ์ฉ์ ์ธํฐํ์ด์ค (UI)
Product ๋์์ด๋๋ ์ธํฐํ์ด์ค๋ฅผ ๋์์ธํ์ฌ '์์ผ๋ก ๋๋ฝํ'์ง๋๋ค.
โข ํ๋กํ ํ์ดํ
Product ๋์์ด๋๋ ๋ฆฌ์์น ์ํ ์ธ์๋ ํ๋กํ ํ์
์ ๋์์ธ ํฉ๋๋ค.
โข ๋์์ธ ์์คํ
Product ๋์์ด๋๋ ๋์์ธ ์์คํ
์ ๊ตฌ์ถํฉ๋๋ค. ๋์์ธ ์์คํ
์ ์ ์์ ๋ฐ๋ผ '๋ช
ํํ ํ์ค์ ๋ฐ๋ผ ์๋ด๋๋ ์ฌ์ฌ์ฉ ๊ฐ๋ฅํ ๊ตฌ์ฑ ์์์ ๋ชจ์์ด๋ฉฐ, ํจ๊ป ์กฐ๋ฆฝํ์ฌ ์ฌ๋ฌ ์ ํ๋ฆฌ์ผ์ด์
์ ๊ตฌ์ถ ํ ์ ์์ต๋๋ค.'
.
.
๐ ๋ ์์ธํ ๋ด์ฉ์ ์๋ฌธ์์ ํ์ธํด์ฃผ์ธ์.
2.์ ๊ทผ์ฑ vs ๋์์ธ ํธ๋ ๋
Neumorphism? Glassmorphism? ๋จธํฐ๋ฆฌ์ผ ๋์์ธ? ๋ชจ๋ ๋์์ธ ํธ๋ ๋์ ์ ๊ทผ ํ ์ ์์ต๋๋ค.
2019๋
๋ง์ ์ ๊ฐ ์ต์ด์ Neumorphism ๊ธฐ์ฌ๋ฅผ ์ด๋ป๊ฒ ์ผ๋์ง ๊ธฐ์ตํ์ญ๋๊น? 50๋ง ๋ช
์ด ๋๋ ๋
์๋ค๊ณผ ํจ๊ป ์์๋ ์ ์ฒด ํ ๋ก ์ ๋์์ธ ์ปค๋ฎค๋ํฐ๋ฅผ ๋ฐ์ผ๋ก ๋๋์์ต๋๋ค.
์ ๋ฐ์ ์๋ก์ด Skeuomorphism์ ๋ํ ์์ด๋์ด๋ฅผ ์ข์ํ์ต๋๋ค. ์ฌ๋๋ค์ด ํ์ฌ์ ๋์์ธ ํธ๋ ๋์ ์์ํ ์ซ์ฆ์ ๋๋ผ๊ณ ์๊ธฐ ๋๋ฌธ์
๋๋ค. ๊ทธ๋ค์ ๊ทธ๊ฒ์ ํ๊ตฌํ๊ณ ๊ทธ๊ฒ์ด ์ด๋ป๊ฒ ์ฌ์ฉ๋ ์ ์๋์ง ๋ณด๊ณ ์ถ์์ต๋๋ค.
ํ์ง๋ง ๋ ํฌ๊ณ ๊ณต๊ฒฉ์ ์ธ ๊ทธ๋ฃน์ ์ ๊ทผ์ฑ ์นํธ์๋ค์ด์์ต๋๋ค. ๊ทธ๋ค์ ์ฐ๋ ค? Neumorphism์ ์ ๊ทผ ํ ์ ์์ต๋๋ค. ๊ทธ๋ค์ ์ฒซ ๋ฒ์งธ ๊ธ์์ ๊ทธ ํธ๋ ๋์ ๊ฐ์ฅ ํฐ ์ ๊ทผ์ฑ ๋ฌธ์ ๋ฅผ ๋ถ๋ช
ํ ์ธ๊ธ ํ์์๋ ๋ถ๊ตฌํ๊ณ ๊ทธ ํ ๋ถ๋ถ์ ๋ํด ์๋ง์ ๋ธ๋ก๊ทธ ๊ฒ์๋ฌผ์ ์ผ์ต๋๋ค. Glassmorphism์์๋ ๋์ผํ ์ผ์ด ๋ฐ์ํ๊ธฐ ์์ํ์ต๋๋ค.
๋๋น ๋ฌธ์
๋ฎ์ ๋๋น๋ ์ด๋ฌํ ๋ชจ๋ ๋์์ธ ์คํ์ผ์์ ์ ๊ธฐ๋๋ ์ฃผ์ ๋ฌธ์ ์
๋๋ค.
๊ทธ๋ฌ๋ ๋ฌธ์ ๋ ๋ฎ์ ๋๋น๊ฐ ๋ณธ์ง์ ์ผ๋ก ๋์์ธ ์คํ์ผ๊ณผ ์ฐ๊ฒฐ๋์ด ์์ง ์๋ค๋ ๊ฒ์
๋๋ค.
์ ํ
- ๋ชจ๋ ๋์์ธ ์คํ์ผ์ ์ ๊ทผ ๋ถ๊ฐ๋ฅํ ์ ์์ต๋๋ค.
- ๋จธํฐ๋ฆฌ์ผ๊ณผ ํ๋ซ ๋์์ธ
์คํ์ผ์ ์ ๊ทผ์ฑ์ ๋ถ์ฌํ๋ ๊ฒ์ ๋์์ด๋์ ๋ชซ์ด๋ฉฐ ์ ๊ทผ์ฑ์ ๊ฐ์ฅ ์ค์ํ ๋ถ๋ถ์ ์คํ ๊ฐ๋ฅํ UI ์์๊ฐ ๋ชจ๋ ์ฌ๋์๊ฒ ๋ช
ํํ๊ณ ์ดํด ๊ฐ๋ฅํ๋ฉฐ ์์ ํ ๋ณผ ์ ์๋๋ก ํ๋ ๊ฒ์
๋๋ค.
์ ์ ํ ๋ ์ด์์๊ณผ ๊ณ์ธต ๊ตฌ์กฐ๋ฅผ ๊ฐ์ถ Neumorphic ์นด๋๋ ์ค๊ณฝ์ ์๋ณ ํ ์์๋ ์ฌ๋๋ค๋ ์๋ฒฝํ๊ฒ ์ฌ์ฉํ ์ ์์ต๋๋ค. ์ด๊ฒ์ด ์ ์ฒด ์์ ์
๋๋ค. ์ด๋ฌํ ์คํ์ผ ์ค ์ผ๋ถ๋ ์ฅ์์ผ๋ก ์ฌ์ฉํ ๋ ๊ฐ์ฅ ์ ์๋ํ๋ ๋ฐ๋ฉด ๋๋จธ์ง UI ์์๋ ๋ช
ํํ๊ณ ์ฝ๊ฒ ์ ๊ทผํ ์ ์์ต๋๋ค.
์์ฃผ ๊ฐ๋จํฉ๋๋ค!
์ ๊ทผ ๊ฐ๋ฅํ ๋ฒํผ, ํ
์คํธ ํ๋, ์์(form), ์ ๋ชฉ ๋ฐ ๋จ๋ฝ์ด ์๊ณ ๊ณ์ธต ๊ตฌ์กฐ ๋ฐ ๊ฐ๋
์ฑ์ ์ํด ์ ์ ํ ๊ฐ๊ฒฉ์ ์ฌ์ฉํ๋ฉด ์ ๊ทผ ๊ฐ๋ฅํ ์ธํฐํ์ด์ค๊ฐ ๋ฉ๋๋ค. ์ผ๋ถ ์ฌ์ฉ์๊ฐ ์ฅ์์ ๋ณผ ์ ์๋ ๊ฒฝ์ฐ ์ ํ ์ฌ์ฉ ๋ฅ๋ ฅ์ ์ํฅ์ ๋ฏธ์น์ง ์์ต๋๋ค.
.
.
๐ ๋ ์์ธํ ๋ด์ฉ์ ์๋ฌธ์์ ํ์ธํด์ฃผ์ธ์.
3.๋์์ธ์์ UX ๋ฒ์น ์ฌ์ฉ
์ฌ์ฉ์๋ ์ข
์ข
๋ฏธ์ ์ผ๋ก ๋ง์กฑ์ค๋ฌ์ด ๋์์ธ์ ๋ ์ฌ์ฉํ๊ธฐ ์ฌ์ด ๋์์ธ์ผ๋ก ์ธ์ํฉ๋๋ค.
1.Hicks Law
Hick์ ๋ฒ์น์ ๋ฐ๋ฅด๋ฉด ์ฌ์ฉ์๊ฐ ๊ฒฐ์ ์ ๋ด๋ฆฌ๋ ๋ฐ ํ์ํ ์๊ฐ์ ์ ํ์ ์์ ๋ณต์ก์ฑ์ ๋ฐ๋ผ ์ฆ๊ฐํ๋ค๊ณ ๋งํฉ๋๋ค. ๋ฐ๋ผ์ ๊ธฐ๋ณธ์ ์ผ๋ก ์ ํ์ด ๋ง๊ฑฐ๋ ์ ํํ๊ธฐ๊ฐ ์ด๋ ค์ธ์๋ก ์ฌ์ฉ์๊ฐ ๊ฒฐ์ ์ ๋ด๋ฆฌ๋ ๋ฐ ์๊ฐ์ด ๋ ์ค๋ ๊ฑธ๋ฆฝ๋๋ค.
๊ทธ๋ ๊ธฐ ๋๋ฌธ์ ๋์์ด๋๋ก์ ์ฐ๋ฆฌ๋ ์ ๋ณด๋ฅผ ์ข ํฉํ๊ณ ์ฌ์ฉ์๋ฅผ ์๋ํ์ง ์๋ ๋ฐฉ์์ผ๋ก ์ ์ํด์ผ ํฉ๋๋ค. ๊ฒฐ๊ตญ ์ข์ ์์ฌ ์ํต์ ๋ช ํ์ฑ์ ์ํด ๋ ธ๋ ฅํฉ๋๋ค.
๊ทธ๋ ๋ค๋ฉด Hick์ ๋ฒ์น์ ๋์์ธ์ ์ด๋ป๊ฒ ์ ์ฉ์ํฌ๊น์?.
โข ์ฅ๊ธฐ ๋๋ ๋ณต์กํ ํ๋ก์ธ์ค๋ฅผ ๋ ์ ์ ์ต์ ํ๋ฉด์ผ๋ก ์ธ๋ถํ? (์ : ๊ฒฐ์ ํ๋ก์ธ์ค, ์ฅ๋ฐ๊ตฌ๋ โ ๋ฐฐ์ก ์ธ๋ถ ์ ๋ณด โ ๊ฒฐ์ ์ ๋ณด) ์ ์ง์ ์จ๋ณด๋ฉ์ ์ฌ์ฉํ์ฌ ์ ๊ท ์ฌ์ฉ์์ ์ธ์ง ๋ถํ๋ฅผ ์ต์ํํฉ๋๋ค.
โข ๋ด๋น๊ฒ์ด์ ์์คํ ๋ด์์ ์ต์ ๋ถ๋ฅ (๋๋กญ ๋ค์ด ๋ฉ๋ด, ํํฐ ๋ฑ)โข ๋ชจ๋ ๋จ์ผ ์ ํ์ ๋์ดํ๋ ๋์ "์ต์ ๋ฆด๋ฆฌ์ค"๋๋ "์ธ๊ธฐ ๊ตฌ๋งค"๋ฅผ ํ์ํ์ฌ ์ด์ปค๋จธ์ค ์ฌ์ดํธ ๋ด์์ ์ ํ์ ์๋ฅผ ์ค์ ๋๋ค.
2. Miller's Law
๋ ๋ค๋ฅธ ํต์ฌ ์์น์ ๋ฐ๋ฌ์ ๋ฒ์น์ ๋๋ค. ์ด ๋ฒ์น์ ์ผ๋ฐ์ธ์ด ์ผ์ ๊ธฐ๊ฐ ๋์ ์ ํ๋ ์์ ์ ๋ณด (5โ9) ๋ง ์ ์งํ ์ ์๋ค๋ ๊ฒ์ ๋๋ค. ์ด ์ด๋ก ์ ์ธํฐํ์ด์ค ๋ฉ๋ด์ ํญ๋ชฉ ์๋ฅผ 7๊ฐ ํญ๋ชฉ์ผ๋ก ์ ํํ๋ ๋ฑ ๋ง์ ์คํด๋ฅผ ๋ถ๋ฌ ์ผ์ผ์ผฐ์ต๋๋ค.
์ฒญํน ์ฒญํน์ ๊ด๋ จ ์ ๋ณด๋ฅผ ๋ ์์ ๋จ์๋ก ๊ทธ๋ฃนํํ์ฌ ์ฒ๋ฆฌํ๊ณ ์ดํดํ๊ธฐ ์ฝ๊ฒํ๋ ์์
์ ์ค๋ช
ํฉ๋๋ค.
๋ฐ์ ์์ ์์น๋ฅผ โโ๋ ์ฝ๊ฒ ํด์ ํ ์ ์๋ ๊ฒ์ ๋ฌด์์
๋๊น?
์ฒญํน์ ๊ฐ์ฅ ๊ฐ๋จํ ์๋ ์ ํ ๋ฒํธ ํ์์ ์ง์ ํ๋ ๋ฐฉ๋ฒ์์ ์ฐพ์ ์ ์์ต๋๋ค. ๋ฉ์ด๋ฆฌ(์ฒญํน)๊ฐ ์์ผ๋ฉด ์ ํ ๋ฒํธ๋ ์ฒ๋ฆฌ ๋ฐ ๊ธฐ์ตํ๊ธฐ ์ด๋ ค์ด ๊ธด ์ซ์ ๋ฌธ์์ด์ด ๋ฉ๋๋ค. ๋ฐ์ ์์ ์์น๋ฅผ โโ๋ ์ฝ๊ฒ ํด์ ํ ์ ์๋ ๊ฒ์ ๋ฌด์์
๋๊น?
์ด๊ฒ์ ์๊ฐ ์ธ์ ๋ฒ์น์ธ Gestalt์ ์์น๊ณผ ๋น์ทํฉ๋๋ค. ์น ์ฌ์ดํธ๋ ์ฌ๋ฐ๋ฅธ ํ์์ ์ฝํ
์ธ ๋ฅผ ์ฌ์ฉํ์ฌ ์ฌ์ฉ์์ ๊ฒ์ ๋๋ ๊ฒ์ ์๊ฐ์ ๋จ์ถํ์ฌ ๋ณด๋ค ์ง๊ด์ ์ธ ์ธํฐํ์ด์ค๋ฅผ ๋ง๋ค๊ณ , ๋ ๋์ ์ฌ์ฉ์ ๊ฒฝํ์ ์ ๊ณตํฉ๋๋ค.
๊ทธ๋ ๋ค๋ฉด ๋ฐ๋ฌ์ ๋ฒ์น์ ๋์์ธ์ ์ด๋ป๊ฒ ์ ์ฉ์ํฌ๊น์?
๋์์ธ์์ ์ฒญํน์ ์ฌ์ฉํ๋ ํ ๊ฐ์ง ์ ์ฉํ ๋ฐฉ๋ฒ์ ์ ๋ณด๋ฅผ ๋
ผ๋ฆฌ์ ๊ทธ๋ฃน์ผ๋ก ๋ถ๋ฅํ๋ ๊ฒ์
๋๋ค. ์ด๋ฅผ ํตํด ์ฌ์ฉ์๋ ํ์๋ ์ ๋ณด๋ฅผ ์ฝ๊ฒ ์ฒ๋ฆฌํ๊ณ ์ดํดํ ์ ์์ต๋๋ค. ์ด๋ ์๋ง์ ํญ๋ชฉ (Youtube, Netflix, Amazon, ASOS ๋ฑ)์ด ์๋ ํ๋ซํผ ์ผ ๋ ํนํ ์ ์ฉํฉ๋๋ค. ์ ๋ณด๋ฅผ ๋ถ๋ฅํ๊ณ ๊ทธ๋ฃนํํ์ฌ ์ฌ์ฉ์๊ฐ ์ํ๋ ์ ๋ณด๋ฅผ ์ฝ๊ฒ ์ฐพ์ ์ ์์ต๋๋ค.
.
.
๐ ๋ ์์ธํ ๋ด์ฉ์ ์๋ฌธ์์ ํ์ธํด์ฃผ์ธ์.
๋๊ธ
์๊ฒฌ์ ๋จ๊ฒจ์ฃผ์ธ์