์ฐ๋ฆฌ๋ ๋งค์ผ ์๋ง์ ์น์ฌ์ดํธ์ ์ฑ์ ์ฌ์ฉํฉ๋๋ค. ์ด๋ค ๊ฒ๋ค์ ๋ง์น ์ค๋ ์น๊ตฌ์ฒ๋ผ ํธ์ํ๊ณ ์ง๊ด์ ์ด์ง๋ง, ์ด๋ค ๊ฒ๋ค์ ์ฒ์ ๋ง๋ ๋ฏ์ ์ฌ๋์ฒ๋ผ ๋ณต์กํ๊ณ ํผ๋์ค๋ฝ์ฃ . ์ด๋ฌํ ์ฐจ์ด๋ ์ด๋์ ์ค๋ ๊ฑธ๊น์? ์ค๋์ UX ๋์์ธ์ ํต์ฌ ์์น ์ค ํ๋์ธ 'Jakob์ ๋ฒ์น'์ ๋ํด ์์๋ณด๊ฒ ์ต๋๋ค.
Jakob์ ๋ฒ์น: ์ต์ํจ์ ํ
์ ์์ ๊ธฐ์
2000๋ , ์ฌ์ฉ์ฑ ์ ๋ฌธ๊ฐ Jakob Nielsen์ ํฅ๋ฏธ๋ก์ด ๊ด์ฐฐ ๊ฒฐ๊ณผ๋ฅผ ๋ฐํํ์ต๋๋ค. "์ฌ์ฉ์๋ค์ ๋๋ถ๋ถ์ ์๊ฐ์ ๋ค๋ฅธ ์ฌ์ดํธ์์ ๋ณด๋ด๋ฉฐ, ์๋ก์ด ์ฌ์ดํธ๋ ์์ ๋ค์ด ์ด๋ฏธ ์๊ณ ์๋ ๋ค๋ฅธ ์ฌ์ดํธ๋ค๊ณผ ๋์ผํ ๋ฐฉ์์ผ๋ก ์๋ํ๊ธฐ๋ฅผ ์ ํธํ๋ค." ์ด๊ฒ์ด ๋ฐ๋ก 'Jakob์ ๋ฒ์น'์ ํต์ฌ์ ๋๋ค.
์ธ๊ฐ ๋ณธ์ฑ์ ๋ฒ์น
Nielsen์ ์ด๋ฅผ '์ธ๊ฐ ๋ณธ์ฑ์ ๋ฒ์น'์ด๋ผ๊ณ ์ค๋ช ํฉ๋๋ค. ์ฐ๋ฆฌ๋ ๋ณธ๋ฅ์ ์ผ๋ก ์ต์ํ ๊ฒ์ ์ ํธํ๊ณ , ์๋ก์ด ํ๊ฒฝ์์๋ ๊ธฐ์กด ๊ฒฝํ์ ์ ์ฉํ๋ ค๊ณ ํฉ๋๋ค. ์ด๋ ๋์งํธ ์ธ๊ณ์์๋ ๋ง์ฐฌ๊ฐ์ง์ ๋๋ค.
Jakob์ ๋ฒ์น์ ์ค์์ฑ: ์ ์ด ์์น์ด UX ๋์์ธ์ ์ง๋ฐฐํ๋๊ฐ?
1. ์ธ์ง์ ๋ถํ ๊ฐ์
์ฌ์ฉ์๊ฐ ์๋ก์ด ์ธํฐํ์ด์ค๋ฅผ ๋ง์ฃผํ์ ๋, ๊ทธ๋ค์ ๋๋ '์ด๊ฒ์ด ๋ฌด์์ด๊ณ , ์ด๋ป๊ฒ ์๋ํ๋๊ฐ?'๋ฅผ ์ดํดํ๊ธฐ ์ํด ๋ ธ๋ ฅํฉ๋๋ค. ์ด๋ฅผ '์ธ์ง์ ๋ถํ'๋ผ๊ณ ํฉ๋๋ค. Jakob์ ๋ฒ์น์ ๋ฐ๋ฅด๋ฉด, ์ฌ์ฉ์๋ค์ ์ด๋ฏธ ์๊ณ ์๋ ํจํด์ ์ ์ฉํ ์ ์์ด ์ด ๋ถํ๊ฐ ํฌ๊ฒ ์ค์ด๋ญ๋๋ค.
2. ์ฌ์ฉ์ ํจ์จ์ฑ ์ฆ๊ฐ
์ต์ํ ์ธํฐํ์ด์ค๋ ์ฌ์ฉ์๊ฐ ๋ชฉํ๋ฅผ ๋ ๋น ๋ฅด๊ณ ํจ์จ์ ์ผ๋ก ๋ฌ์ฑํ ์ ์๊ฒ ํฉ๋๋ค. ์๋ฅผ ๋ค์ด, ๋๋ถ๋ถ์ ์ด์ปค๋จธ์ค ์ฌ์ดํธ์์ ์ฅ๋ฐ๊ตฌ๋ ์์ด์ฝ์ ์ค๋ฅธ์ชฝ ์๋จ์ ์์นํฉ๋๋ค. ์ด ํจํด์ ๋ฐ๋ฅด๋ฉด ์ฌ์ฉ์๋ ์ผํ ๊ณผ์ ์์ ๋ถํ์ํ ์๊ฐ์ ๋ญ๋นํ์ง ์์ต๋๋ค.
3. ์ฌ์ฉ์ ๋ง์กฑ๋ ํฅ์
์ฌ์ฉํ๊ธฐ ์ฌ์ด ์ ํ์ ์ฌ์ฉ์ ๋ง์กฑ๋๋ฅผ ๋์ ๋๋ค. Jakob์ ๋ฒ์น์ ์ ์ฉํ ๋์์ธ์ ์ฌ์ฉ์๊ฐ ์ข์ ๊ฐ์ ๋๋ผ์ง ์๊ณ ์ฝ๊ฒ ๋ชฉํ๋ฅผ ๋ฌ์ฑํ ์ ์๊ฒ ํด์ค๋๋ค.
๋ฉํ ๋ชจ๋ธ: Jakob์ ๋ฒ์น์ ํต์ฌ ๊ฐ๋
๋ฉํ ๋ชจ๋ธ์ ์ฌ๋๋ค์ด ์ธ์์ด ์ด๋ป๊ฒ ์๋ํ๋์ง์ ๋ํด ๊ฐ์ง๊ณ ์๋ ๋ด๋ฉด์ ํ์์ ๋๋ค. UX ๋์์ธ์์ ์ด๋ ์ฌ์ฉ์๊ฐ ํน์ ์์คํ ์ด๋ ์ธํฐํ์ด์ค๊ฐ ์ด๋ป๊ฒ ์๋ํ ๊ฒ์ด๋ผ๊ณ ์์ํ๋ ๋ฐฉ์์ ์๋ฏธํฉ๋๋ค.
๋ฉํ ๋ชจ๋ธ์ ์ค์์ฑ
- ์ดํด์ ๊ธฐ๋ฐ: ์ฌ์ฉ์๋ ์๋ก์ด ์์คํ ์ ์ดํดํ ๋ ๊ธฐ์กด์ ๋ฉํ ๋ชจ๋ธ์ ๊ธฐ๋ฐ์ผ๋ก ํฉ๋๋ค.
- ์์ธก ๊ฐ๋ฅ์ฑ: ์ ์ ํ ๋ฉํ ๋ชจ๋ธ์ ๊ฐ์ง ์ฌ์ฉ์๋ ์์คํ ์ ๋์์ ๋ ์ ์์ธกํ ์ ์์ต๋๋ค.
- ํ์ต ๊ณก์ ๊ฐ์: ๊ธฐ์กด ๋ฉํ ๋ชจ๋ธ๊ณผ ์ผ์นํ๋ ๋์์ธ์ ํ์ต ์๊ฐ์ ์ค์ฌ์ค๋๋ค.
์ค์ ์ ์ฉ ์ฌ๋ก: Jakob์ ๋ฒ์น์ด ํ์ค์์ ์๋ํ๋ ๋ฐฉ์
์น ํผ ์ปจํธ๋กค
์น์ฌ์ดํธ์ ํผ ์์๋ค์ด ์ค์ ์ธ๊ณ์ ์ปจํธ๋กค ํจ๋๊ณผ ๋น์ทํ ์ด์ ๊ฐ ์ฌ๊ธฐ ์์ต๋๋ค. ์ฒดํฌ๋ฐ์ค, ๋ผ๋์ค ๋ฒํผ, ๋๋กญ๋ค์ด ๋ฉ๋ด ๋ฑ์ ๋ฌผ๋ฆฌ์ ์ธ๊ณ์ ๋์๋ฌผ์ ๋ชจ๋ฐฉํฉ๋๋ค. ์ด๋ ์ฌ์ฉ์๋ค์ ๊ธฐ์กด ๋ฉํ ๋ชจ๋ธ์ ํ์ฉํ์ฌ ์ง๊ด์ ์ธ ์ฌ์ฉ์ ๊ฐ๋ฅ์ผ ํฉ๋๋ค.
์ด์ปค๋จธ์ค ํ๋ซํผ
Amazon, Etsy์ ๊ฐ์ ๋ํ ์ด์ปค๋จธ์ค ํ๋ซํผ๋ค์ ๋งค์ฐ ์ ์ฌํ ๋ ์ด์์๊ณผ ๊ธฐ๋ฅ์ ๊ฐ์ง๊ณ ์์ต๋๋ค:
- ์๋จ์ ๊ฒ์์ฐฝ
- ์ค์์ ์ ํ ๊ทธ๋ฆฌ๋ ๋ทฐ
- ์ค๋ฅธ์ชฝ ์๋จ์ ์ฅ๋ฐ๊ตฌ๋ ์์ด์ฝ
์ด๋ฌํ ์ผ๊ด์ฑ์ ์ฌ์ฉ์๊ฐ ์๋ก์ด ์ผํ ์ฌ์ดํธ๋ฅผ ์ฒ์ ๋ฐฉ๋ฌธํ๋๋ผ๋ ์ฝ๊ฒ ์ ์ํ ์ ์๊ฒ ํด์ค๋๋ค.
์๋์ฐจ ์ธํฐํ์ด์ค ๋์์ธ
๋์งํธ ์ธ๊ณ๋ฅผ ๋์ด ์๋์ฐจ ์ฐ์ ์์๋ ์ด ์์น์ด ์ ์ฉ๋ฉ๋๋ค. ์๋ฅผ ๋ค์ด, ๋ฉ๋ฅด์ธ๋ฐ์ค-๋ฒค์ธ EQS SUV์ ์ข์ ์กฐ์ ๋ฒํผ์ ์ค์ ์ข์ ๋ชจ์์ ๋ณธ๋ ๋ง๋ค์ด์ ธ ์์ต๋๋ค. ์ฌ์ฉ์๋ ๋ฒํผ์ ์์น๋ง ๋ด๋ ์ด๋ค ๋ถ๋ถ์ด ์กฐ์ ๋ ์ง ์ง๊ด์ ์ผ๋ก ์ดํดํ ์ ์์ต๋๋ค.
Jakob์ ๋ฒ์น ์ ์ฉ์ ์ฅ๋จ์
์ฅ์
- ๋น ๋ฅธ ์ ์: ์ฌ์ฉ์๋ ์๋ก์ด ์ธํฐํ์ด์ค๋ฅผ ๋น ๋ฅด๊ฒ ์ดํดํ๊ณ ์ฌ์ฉํ ์ ์์ต๋๋ค.
- ์ค๋ฅ ๊ฐ์: ์ต์ํ ํจํด์ ์ฌ์ฉ์ ์ค์๋ฅผ ์ค์ ๋๋ค.
- ๋ง์กฑ๋ ์ฆ๊ฐ: ์ฝ๊ฒ ์ฌ์ฉํ ์ ์๋ ์ ํ์ ์ฌ์ฉ์ ๋ง์กฑ๋๋ฅผ ๋์ ๋๋ค.
๋จ์
- ํ์ ์ ์ ํ: ๊ธฐ์กด ํจํด์ ๋๋ฌด ์์กดํ๋ฉด ํ์ ์ ์ธ ๋์์ธ์ ์๋ํ๊ธฐ ์ด๋ ค์ธ ์ ์์ต๋๋ค.
- ์ฐจ๋ณํ์ ์ด๋ ค์: ๋ชจ๋ ์ ํ์ด ๋น์ทํด ๋ณด์ผ ์ ์์ด ๋ธ๋๋ ์์ด๋ดํฐํฐ ํํ์ด ์ ํ๋ ์ ์์ต๋๋ค.
Jakob์ ๋ฒ์น์ ๊นจ๋ ๊ฒฝ์ฐ: ์ธ์ ๊ทธ๋ฆฌ๊ณ ์ด๋ป๊ฒ?
Jakob์ ๋ฒ์น์ด ๋ชจ๋ ์ํฉ์ ์ ์ฉ๋์ด์ผ ํ๋ ๊ฒ์ ์๋๋๋ค. ๋๋ก๋ ๊ธฐ์กด ํจํด์ ๊นจ๋ ๊ฒ์ด ํ์ํ ์ ์์ต๋๋ค:
- ์๋ก์ด ๋ฌธ์ ํด๊ฒฐ: ๊ธฐ์กด ํจํด์ผ๋ก ํด๊ฒฐํ ์ ์๋ ์๋ก์ด ๋ฌธ์ ์ ์ง๋ฉดํ์ ๋
- ํ์ ์ ๊ธฐ๋ฅ ๋์ : ์์ ํ ์๋ก์ด ๊ธฐ๋ฅ์ ์๊ฐํ ๋
- ์ฐจ๋ณํ ์ ๋ต: ๊ฒฝ์์ฌ์์ ์ฐจ๋ณํ๊ฐ ์ ๋์ ์ผ๋ก ํ์ํ ๊ฒฝ์ฐ
ํ์ง๋ง ์ด๋ฐ ๊ฒฝ์ฐ์๋ ์ฃผ์๊ฐ ํ์ํฉ๋๋ค. ์๋ก์ด ๋์์ธ์ ๋์ ํ ๋๋ ๋ฐ๋์ ์ฌ์ฉ์ ํ ์คํธ๋ฅผ ๊ฑฐ์ณ์ผ ํ๋ฉฐ, ํ์ํ ๊ฒฝ์ฐ ์ ์ง์ ์ธ ๋ณํ๋ฅผ ํตํด ์ฌ์ฉ์๋ค์ด ์ ์ํ ์๊ฐ์ ์ฃผ์ด์ผ ํฉ๋๋ค.
'ํ์ผ์ฑ'์ ๋ํ ์คํด
Jakob์ ๋ฒ์น์ด ๋ชจ๋ ์น์ฌ์ดํธ๋ ์ฑ์ด ๋์ผํด์ผ ํ๋ค๊ณ ์ฃผ์ฅํ๋ ๊ฒ์ ์๋๋๋ค. ์ด๋ ์ฌ์ฉ์์ ๊ธฐ์กด ๊ฒฝํ์ ๊ณ ๋ คํ๋ผ๋ ๊ฒ์ด์ง, ์ฐฝ์์ฑ์ ์ต๋๋ฅด๋ผ๋ ์๋ฏธ๊ฐ ์๋๋๋ค.
์คํ๋ ค Jakob์ ๋ฒ์น์ ๋์์ด๋๋ค์๊ฒ ์ฌ์ฉ์๋ค์ด ๊ธฐ์กด ๊ฒฝํ์ ์๋ก์ด ๊ฒฝํ ์ดํด์ ํ์ฉํ๋ค๋ ์ ์ ์๊ธฐ์ํต๋๋ค. ๋ฐ๋ผ์ ์ผ๋ฐ์ ์ธ ํจํด๊ณผ ๊ท์น์ผ๋ก ์์ํ๊ณ , ํ์ํ ๋๋ง ์ด๋ฅผ ๋ฒ์ด๋๋ ๊ฒ์ด ์ข์ต๋๋ค.
์ฌ์ฉ์ ํ๋ฅด์๋: Jakob์ ๋ฒ์น ์ ์ฉ์ ์ํ ๋๊ตฌ
์ฌ์ฉ์ ํ๋ฅด์๋๋ Jakob์ ๋ฒ์น์ ํจ๊ณผ์ ์ผ๋ก ์ ์ฉํ๋ ๋ฐ ๋์์ด ๋๋ ์ค์ํ ๋๊ตฌ๋ก, ์ค์ ์ฌ์ฉ์ ๋ฐ์ดํฐ๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ํ ๊ฐ์์ ์ธ๋ฌผ ํ๋กํ์ ๋๋ค. ์ด๋ ํน์ ์ฌ์ฉ์ ๊ทธ๋ฃน์ ํน์ฑ, ๋์ฆ, ๋๊ธฐ, ํ๋ ๋ฑ์ ๋ํํฉ๋๋ค.
์ฌ์ฉ์ ํ๋ฅด์๋์ ์ค์์ฑ
- ๊ณต๊ฐ ํ์ฑ: ๋์์ธ ํ์ด ์ค์ ์ฌ์ฉ์์ ๊ด์ ์์ ์๊ฐํ ์ ์๊ฒ ํฉ๋๋ค.
- ์ผ๊ด๋ ๊ธฐ์ค: ํ ์ ์ฒด๊ฐ ๋์ผํ ์ฌ์ฉ์ ์ดํด๋ฅผ ๋ฐํ์ผ๋ก ๊ฒฐ์ ์ ๋ด๋ฆด ์ ์์ต๋๋ค.
- ์ฐ์ ์์ ์ค์ : ์ด๋ค ๊ธฐ๋ฅ์ด๋ ๋์์ธ ์์๊ฐ ๊ฐ์ฅ ์ค์ํ์ง ๊ฒฐ์ ํ๋ ๋ฐ ๋์์ ์ค๋๋ค.
์ฌ์ฉ์ ํ๋ฅด์๋ ๊ตฌ์ฑ ์์
- ๊ธฐ๋ณธ ์ ๋ณด: ์ด๋ฆ, ๋์ด, ์ง์ ๋ฑ
- ์ธ๋ถ ์ฌํญ: ํ๋ ํน์ฑ, ๋ชฉํ, ์ข์ ์์ธ ๋ฑ
- ์ธ์ฌ์ดํธ: ์ฌ์ฉ์ ์ฐ๊ตฌ์์ ์ป์ ์ง์ ์ธ์ฉ๊ตฌ ๋ฑ
์ ์ฉํด๋ณด๊ธฐ
See the Pen Untitled by ๊ณฝ์ค์ฒ [ํ์](์ํํธ์จ์ด์ตํฉ๋ํ ์ปดํจํฐ๊ณตํ๋ถ) (@tkuffnrk-the-typescripter) on CodePen.
Jakob์ ๋ฒ์น์ UX ๋์์ธ์ ์ค์ํ ์ง์นจ์ ๋๋ค. ์ฌ์ฉ์์ ๊ธฐ์กด ๊ฒฝํ๊ณผ ๋ฉํ ๋ชจ๋ธ์ ๊ณ ๋ คํ์ฌ ๋์์ธํ๋ฉด, ๋ ์ง๊ด์ ์ด๊ณ ์ฌ์ฉํ๊ธฐ ์ฌ์ด ์ ํ์ ๋ง๋ค ์ ์์ต๋๋ค. ํ์ง๋ง ๋์์ ํ์ ์ ์ฌ์ง๋ ์ด์ด๋์ด์ผ ํฉ๋๋ค.
๊ฒฐ๊ตญ ์ข์ UX ๋์์ธ์ ์ต์ํจ๊ณผ ์๋ก์ ์ฌ์ด์ ์ ์ ํ ๊ท ํ์ ์ฐพ๋ ๊ฒ์์ ์์๋ฉ๋๋ค. ์ฌ์ฉ์๋ค์ด ํธ์ํ๊ฒ ๋๋ ์ ์๋ ์์๋ค์ ๊ธฐ๋ฐ์ผ๋ก ํ๋, ์ ํ์ ๊ณ ์ ํ ๊ฐ์น๋ฅผ ํจ๊ณผ์ ์ผ๋ก ์ ๋ฌํ ์ ์๋ ์๋ก์ด ์์๋ค์ ์กฐํ๋กญ๊ฒ ๋ฐฐ์นํ๋ ๊ฒ์ด ํต์ฌ์ ๋๋ค.
'์ ์ด์ฝฅ์ ๋ฒ์น'์ด๋ผ๊ณ ํด์ผ ํ ์ง, '์ผ์ฝฅ์ ๋ฒ์น'์ด๋ผ๊ณ ํด์ผ ํ ์ง ํ์ค์น ์์ต๋๋ค ๐ฅฒ
ํํ๊ณ ๋ฒ์ญ๊ธฐ๋ '์ผ์ฝฅ์ ๋ฒ์น'์ผ๋ก ๋ฒ์ญํ๊ณ ์์ด์, ์ผ๋จ ์ด ํํ์ ์ฌ์ฉํ์์ต๋๋ค.
Reference
'๐ UX' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[๐] Laws of UX #2: ํผ์ธ ์ ๋ฒ์น(Fittsโs Law) (3) | 2024.09.28 |
---|