๐ 2023๋ 3์ 2์ฃผ TOP3
1๏ธโฃ ์ข์ UI/UX ๋์์ด๋๋ก์ ์์์ผ ํ 7๊ฐ์ Figma ์์ด์๋ฉํธ๋ฆญ ํ๋ฌ๊ทธ์ธ
2๏ธโฃ ์ด๋ฆฐ์ด๋ฅผ ๋์์ผ๋กํ๋ Dark UX ํจํด
3๏ธโฃ ๋งฅ๋๋ ๋ ๋ฐฐ๋ฌ ์ ํ๋ฆฌ์ผ์ด์ ๋ฆฌ๋์์ธ
1๏ธโฃ ์ข์ UI/UX ๋์์ด๋๋ก์ ์์์ผ ํ 7๊ฐ์ Figma ์์ด์๋ฉํธ๋ฆญ ํ๋ฌ๊ทธ์ธ
Figma์ ์์ด์๋ฉํธ๋ฆญ ๋ชฉ์ ๋์์ธ์ ์ ๋ง ์ ์ฉํ ํ๋ฌ๊ทธ์ธ
์์ด์๋ฉํธ๋ฆญ ๋์์ธ์ UI ๋์์ธ์์ ์ธ๊ธฐ ์๋ ๋ฐฉ๋ฒ์ ๋๋ค. 2์ฐจ์์์ 3์ฐจ์์ ๋ฌผ์ฒด๋ก ๊ทธ๋ฆฌ๊ฑฐ๋ ๋ง๋๋ ๋ฐฉ์์ ๋๋ค.
์์ด์๋ฉํธ๋ฆญ Figma ํ๋ฌ๊ทธ์ธ์ ์ฌ์ฉํ์ฌ ์๋์ผ๋ก ๊ทธ๋ฆฌ๋ ๊ฒ์ ํผํ๊ณ , Photoshop ๋ฐ ๊ธฐํ ๊ทธ๋ํฝ ํ๋ก๊ทธ๋จ ์์ด๋ ์ด๋ฅผ ๋์์ธ ํ ์ ์์ต๋๋ค.
1. Wilson Lam์ 'Isometricโ
Isometric์ Figma isometric์์ ๋ชจ๋ ๋ ์ด์ด๋ฅผ ๋ง๋ค ์ ์๋ ๊ฐ๋จํ ํ๋ฌ๊ทธ์ธ์ ๋๋ค.
Wilson Lam์ ํ ๋ฒ์ ํด๋ฆญ์ผ๋ก ๋์์ธ์ ์์ด์๋ฉํธ๋ฆญ์ผ๋ก ๋ณํํ ์ ์๋ ์ต์ํ์ UI๋ฅผ ๋ง๋ค์์ต๋๋ค. ์ํ๋ ๋ณํ ๊ฐ๋์ ์๊ทผ๋ฒ(์ผ์ชฝ ๋๋ ์ค๋ฅธ์ชฝ)์ ์ ํํ๋ฉด ๊ฒฐ๊ณผ๊ฐ ๊ธ๋ฐฉ ๋์ต๋๋ค!
2. Unfold์ 'SkewDatโ
๋์์ธ์ ์ฝ๊ฒ ์๊ณก์ํฌ ์ ์๋ ํ๋ฌ๊ทธ์ธ์ ๋๋ค. Figma๋ฅผ ๋ ๋์ง ์๊ณ ๋ ์ด์ด๋ฅผ ๊ธฐ์ธ์ผ ์ ์์ต๋๋ค.
ํ๋ฌ๊ทธ์ธ์ ์ฃผ์ ๊ธฐ๋ฅ
- ์ค์๊ฐ์ผ๋ก ์กฐ์ ๋ด์ฉ ๋ฏธ๋ฆฌ๋ณด๊ธฐ
- ์ต์ํ์ ์ธํฐํ์ด์ค, ๋ฐ๋ก ํฌ์ธํธ๋ก ์ด๋ํ๊ธฐ
- ํ ๋ฒ์ ์ฌ๋ฌ ๊ฐ์ฒด ๊ธฐ์ธ์ด๊ธฐ
- ์๋๋๋ก ๋๋๋ฆฌ๊ธฐ
3. Aaron Iker์ 'Easometricโ
asometric์ ๊ฐ์ฅ ์ธ๊ธฐ ์๋ ํ๋ฌ๊ทธ์ธ ์ค ํ๋์ ๋๋ค. ์์ด์๋ฉํธ๋ฆญ ์ด๋ฏธ์ง๋ฅผ ๋ง๋๋ ๊ฐ์ฅ ์ ์ฐํ ๋ฐฉ๋ฒ์ธ SSR30์ ์ฌ์ฉํฉ๋๋ค. ์์ด์๋ฉํธ๋ฆญ ๋ ์ด์ด์ ๊ทธ๋ฃน์ ๊ฐ๋จํ๊ฒ ๋ง๋ค ์ ์์ต๋๋ค.
์ด๋ฅผ ํตํด ์๋จ, ์ผ์ชฝ ๋๋ ์ ์ ํ ๊ด์ ์ ๋น ๋ฅด๊ฒ ์ ์ฉํ๊ฑฐ๋, ๋ชจ๋ฌ ๋ชจ๋๋ฅผ ์ฌ์ฉํ์ฌ ๋ ์ด์ด๋ฅผ ๋ณ๊ฒฝํ์ฌ ๋ง์ ์๊ฐ์ ์ ์ฝํ ์ ์์ต๋๋ค.
๋๊ตฌ ๋ชจ์์ ์ง๊ด์ ์ด๋ฉฐ ํด๋ฆญ ํ ๋ฒ์ผ๋ก ์ ์ ํ ๊ด์ ์ ์ ํํ ์ ์์ต๋๋ค.
.. ๐ ๋ ์์ธํ ๋ด์ฉ์ ์๋ ์๋ฌธ์์ ํ์ธํด์ฃผ์ธ์.
2๏ธโฃ ์ด๋ฆฐ์ด๋ฅผ ๋์์ผ๋กํ๋ Dark UX ํจํด
๋์ ํ ๊ธฐ๊ฐ ๋์ ์ธ์ฑ ๊ด๊ณ ์ ํ์ฐ์ ๋ํด ์ผ๋ถ ํ์ฌ๋ ์ฝ๋ก๋ ๋์ ํ ๊ธฐ๊ฐ ๋์ ํนํ ์ฑ์ฅํด์์ต๋๋ค. Door Dash, Grub Hub ๋ฐ Uber Eats์ ๊ฐ์ ์ฌ๋ก๋ค์ด ์์ฃ .
๊ทธ๋ค์ ๊ณ ๊ฐ์ ์ ๋ถ ์ง์นจ์ ์ํด, ๋๋ ๋จ์ง ๋ชจํํ ์ ์์ ์ ๋๋ก ๋ง์ ๊ฑฑ์ ์ ๊ฐ์ง๊ณ ์์๊ธฐ ๋๋ฌธ์, ์ค๋ด์ ๋จธ๋ฌผ๋ฉฐ ๊ทธ๋ค์ ์์ญ์ ํ์ฅํ์ต๋๋ค. ์คํ๋ผ์ธ ๋งค์ฅ์ด ์์ ํ ๋ฌธ์ ๋ซ๊ณ ๋์ ๊ฐ์ธ์ด ๋ฐฐ๋ฌ์ ์ฌ์ฉํ๋ฉด์ ์จ๋ผ์ธ ์๋งค์ ์ฒด์ธ Amazon์ ํ๋งค๋ ๊ธ์ฆํ์ต๋๋ค.
Netflix, Disney+, Youtube๋ ๊ตฌ๋ ๊ณผ ์ผ๋ฐ ํธ๋ํฝ์ ์ฆ๊ฐ๋ฅผ ๋ฐํ์ต๋๋ค. ๊ทธ ์ด๋ ๋๋ณด๋ค ๋ ๋ง์ ์ฌ๋๋ค์ด ๋์ ํ ๊ธฐ๊ฐ ๋์ ๋ํผ์ ํ ํํ๋ก ๊ฒ์์ ์ ํํ์ต๋๋ค.
์ง์์ ์ผํ๊ณ , ํ์ค์ฟจ๋ง์ ํ๊ณ , ๋์ ํ ๊ธฐ๊ฐ ๋์ ๊ฑฐ์ 24์๊ฐ ์ค๋ด์ ์๋ ๊ฒ์ ๋ง์ ์ด๋ฆฐ์ด๋ค์ด ๋ค๋ฅธ ๊ฒ๋ณด๋ค ํจ์ฌ ๋ ์ ์ ๊ธฐ๊ธฐ๋ฅผ ์ฌ์ฉํ๋ ๊ฒฐ๊ณผ๋ฅผ ๋ณ์์ต๋๋ค.
์์ด๋ค์ ์ด์ ๋ค์ํ ๋์์ธ ํจํด์ ์ ํตํฉ๋๋ค. Clarence๋ฅผ ์์ฒญํ๊ฑฐ๋, ๋ถ๊ทนํด์ ๋ถ๊ทน๊ณฐ์ ๋ํด ์์ ๋ณด๊ฑฐ๋, ์ข์ํ๋ ๊ฒ์์ธ Roblox๋ฅผ ํ๋ ์ดํ๊ธฐ ์ํด ์ฑ ๊ฐ ์ ํ์ ์ฌ์ฉํ ๋ ์์ ๊ฐ์ ๋ณด์ ๋๋ค.
๊ทธ๋ค์ ๋ ๋ง์ ๋ ๋ฆฝ์ฑ์ ํ๋ฆฝํ๊ณ , ์ผ๋ฐ์ ์ผ๋ก ๋ ํธ๊ธฐ์ฌ์ด ๋ง์ต๋๋ค. ์ง๊ธ์ ๊ทธ๋ค์ด ์ข ๋ ๊ธฐ์ ์ ์ต์ํ๋ค๊ณ ์๊ฐํ ๊ฒ์ ๋๋ค. ๊ทธ๊ฒ์ ์ข์ ๊ฒ์ด์ฃ .
ํ์ง๋ง ๊ทธ๋ค์ ์์ ๊ฐ๊ณผ ๋ฅ๋ ฅ์ ์ผ๊ด๋๊ณ ์ ํ๋ฆฝ๋ ๋ ผ๋ฆฌ์ ๋์์ธ ํจํด์ ์ฌ์ฉํ๋ ๋์์ด๋์ ๊ฒฐ๊ณผ์ ๋๋ค.
์์ด๋ค์ ๋ฉํ ๋ชจ๋ธ, ์ฑ์ด๋ ๊ฒ์์ด ์ด๋ป๊ฒ ์๋ํด์ผํ๋์ง์ ๋ํ ๊ธฐ๋๋ ๋๋ถ๋ถ ์ ํํ๊ณ , ๊ฑฐ์ ๋์ ์ ์ด์ง ์์ต๋๋ค. ๊ธฐ๋ณธ์ ์ผ๋ก ์ต์ํ ๋์์ธ ํจํด์ด ํฌ๊ฒ ๋ณ๊ฒฝ๋์ง ์๋ ํ ์ข์ ํ์ง ์์ ๊ฒ์ ๋๋ค. ๊ทธ๋ค์ด ๋๋ ์ผ๋ง ์๋ค๋ฉด ๋ง์ด์ฃ .
'๊ทธ๋ค์ ์ด๋ค ์ข ๋ฅ์ ๋๋ผ์์ ๋ถ๋ชํ ์ ์๋์?' ํ๊ณ ๋ฌผ์ด๋ณผ ์ ์์ต๋๋ค.
โ ๋๋ต์? ์ํ๊น๊ฒ๋ ์๋ง์ ๋คํฌ UX ํจํด์ด ์์ต๋๋ค. ์ ๋งค๋ชจํธํจ์ ์ข ์ข ์ข์ ๊ฐ์ ์ ๋ฐํฉ๋๋ค. ํนํ ์ฌ๋ฌ๋ถ์ด ์ด๋ฆฐ ์์ด๋ผ๋ฉด ๋์ฑ ๊ทธ๋ ์ต๋๋ค.
โ์ด๋์ด ํจํด์ ํจ๊ณผ์ ์ด์ง๋ง ์ฌ์ ํ ๋์์ธ ํจํด์ ๋๋ค. ๊ทธ๋ค์ด ์ฑ๊ณตํ์ ๋, ๊ทธ๋ค์ ์ฌ์ฉ์๋ค์ด ๊ทธ๋ค์ ์ต์ ์ ์ด์ต์ ๋ฐํ๋ ์ฐ๋ฐ์ ์ด๊ฑฐ๋ ์ ๋ณด๊ฐ ์๋ ๊ฒฐ์ ์ ํ๋๋ก ์ ๋ํฉ๋๋ค." โ
ํนํ ๋ง์ผํ ์ ์ฌ์ฉ๋๋ ๋คํฌ ํจํด์ ์ ๋ฌธ์ํ๋์ด ์์ต๋๋ค.
๊ทธ๋ค์ ์ฌ์ฉ์ ๊ธ๋ฐฉ ์ฌ๋ผ์ง์ง ์์ ๊ฒ ๊ฐ์ ์ค๋๋ ์ถ์ธ์ ๋๋ค. ์๋๊ตฌ์? ์ฌ์ฉ์๊ฐ '์ต์ ์ ์ด์ต์ ๋ฐํ๋ ์ฐ๋ฐ์ ์ด๊ฑฐ๋ ์ ๋ณด๊ฐ ์๋ ๊ฒฐ์ '์ ๋ด๋ฆฌ๋๋ก ์ ๋ํ๋ ๋ฐ ๋งค์ฐ ํจ๊ณผ์ ์ด๊ธฐ ๋๋ฌธ์ ๋๋ค. ์ด๊ฒ์ ํนํ ์์ด๋ค์๊ฒ ํด๋น๋๋ฉฐ, ์ ์ธ๊ณ ๋ถ๋ชจ๋ค์๊ฒ ์ข์ ๊ฐ์ ์ค๋๋ค.
์ด๋ฆฐ ์์ด๋ค์ ๊ด๊ณ ๊ฐ ๋ฌด์์ธ์ง ์๋์ง์ ์ฐจ์ด๋ฅผ ์ข ์ข ๊ตฌ๋ถํ ์ ์๋ค๋ ์ ์์ ํนํ ๋ ํนํฉ๋๋ค.
๊ทธ๋ค์ ์ด๋ฌํ ๊ด๊ณ ๋ฅผ ์ผ๋์ ๋๊ณ ๋์์ธ ํ์ ๊ฐ๋ฅ์ฑ์ด ๋์ต๋๋ค. ์์ด๋ค์ ์ด๊ฒ์ ์ด๋ฏธ ๊ฐ์ง๊ณ ์๋ ์ฌ๋ฏธ์ ์ฐ์ฅ์ ์ด๋ผ๊ณ ์๊ฐํฉ๋๋ค. ๋ํ ์ ๊ธฐ๋ ์ฃผ์ฅ์ ๋ํด ๋นํ์ ์ผ๋ก ์ด์๋ฅผ ์ ๊ธฐํ ๊ฐ๋ฅ์ฑ์ด ๋ฎ๊ธฐ ๋๋ฌธ์, ์ฌ๊ฐํ FOMO ์ฌ๋ก๊ฐ ๋ฐ์ํ ์ ์์ต๋๋ค.
.. ๐ ๋ ์์ธํ ๋ด์ฉ์ ์๋ ์๋ฌธ์์ ํ์ธํด์ฃผ์ธ์.
3๏ธโฃ ๋งฅ๋๋ ๋ ๋ฐฐ๋ฌ ์ ํ๋ฆฌ์ผ์ด์ ๋ฆฌ๋์์ธ
- ์ด ํ๋ก์ ํธ๋ ํ์ฌ Mcdonald์ ์ธ๋์ฉ ์ ํ๋ฆฌ์ผ์ด์ ์ ์ฌ์ค๊ณํ๋ ๊ฒ์ ๋ชฉํ๋ก ํ์ต๋๋ค. 24์๊ฐ ์์ ์๋ฃํด์ผ ํ๋ UI ์ฌ์ค๊ณ ์ฑ๋ฆฐ์ง์ ๋๋ค.
์๋ ํ์ธ์, ์ UI ํ๋ก์ ํธ์ ์ค์ ๊ฒ์ ํ์ํฉ๋๋ค. ์ด๋ฒ์๋ McDonald's ์ฑ์ ์ฌ์ฉ์ ์ธํฐํ์ด์ค๋ฅผ ์ฌ์ค๊ณํ ์์ ์ ๋๋ค.
์ต๊ทผ์ ์ ๋ UX ๋ง์คํฐ๋ฆฌ ๊ณผ์ ์์ ์ ์ ๋ฉํ ์ธ Anudeep Ayyagari(Amazon์ UX ๋์์ด๋)๊ฐ ์ฃผ๋ํ 24์๊ฐ UI ์ฑ๋ฆฐ์ง์ ์์ ๋ด์ฌ์๋ก ์ฐธ์ฌํ์ต๋๋ค.
์ ๋ ์์๋ด์ฌํ์ ์์๊ธฐ ๋๋ฌธ์ ๋ํ์ ์ฐธ๊ฐํ ์ ์์์ต๋๋ค. ํ์ง๋ง, ์ ๋ ํญ์ ์ ์ฌ์ด๋ ํ๋ก์ ํธ๋ก ํด๋ณผ๊ฒ์ด๋ผ๊ณ ์๊ฐํด์์์ต๋๋ค.
์ด 24์๊ฐ ์ฑ๋ฆฐ์ง์์๋ ์ ํ๋ฆฌ์ผ์ด์ ์ ์ผ๋ถ ์ฌ์ฉ์ ์ธํฐํ์ด์ค ํ๋ฉด์ด ์ ๊ณต๋์๊ณ ์ด๋ฅผ ์ฒ์๋ถํฐ ๋ค์ ๋์์ธํ๋ผ๋ ์์ฒญ์ ๋ฐ์์ต๋๋ค.
์ฑ์ ํด๋ฆฌ์คํฑ ํ๊ฐ
์ด ์ฑ์์ ๋ฌธ์ ๋ฅผ ์ฐพ๋ ๊ฒ์ ๋งค์ฐ ์ฝ๊ณ ๋ช ๋ฐฑํ์ง๋ง ํฉ๋ฆฌ์ ์ธ ์ฌ์ฉ์ฑ ๋ฌธ์ ๋ฅผ ์ฐพ๊ธฐ ์ํด Neilsen norman ๊ทธ๋ฃน์ ํด๋ฆฌ์คํฑ ์์น์ ๋ฐ๋์ต๋๋ค
[ํ๋ฉด1]
- ์ฌ๋ฏธ์ ์ด๊ณ ๋ฏธ๋๋ฉํ ๋์์ธ (์ฃผ๋ฌธ ์ถ์ ์ ์ฌ์ฉํ ์ ์๋ 2cta, ์ฆ ๋ด๋น๊ฒ์ด์ ๋ธ๋๋์ ์ด๋ฏธ์ง ํ์)
- ์ฌ๋ฏธ์ ์ด๊ณ ๋ฏธ๋๋ฉํ ๋์์ธ (ํ์ฌ ์ฃผ๋ฌธํ ์ ์๋ 2cta๊ฐ ์์ด ๋ถํ์ํ ์ ๋ณด ๊ณผ๋ถํ๊ฐ ๋ฐ์ํฉ๋๋ค.
- ์ฌ์ฉ์๋ฅผ ๊ธฐ์ตํ๊ธฐ๋ณด๋ค ์ธ์ง๋(์ฌ์ฉ์๊ฐ ์์ฃผ ์ฃผ๋ฌธํ๋ ์ฆ๊ฒจ์ฐพ๊ธฐ ์ ์ฉ ์น์ ์ด ์์์ ๊ธฐ์ตํด์ผ ํจ) & ์ฌ์ฉ์ ์ ์ฐ์ฑ & ํจ์จ์ฑ(ํํ์ด์ง์์ ์ฆ๊ฒจ์ฐพ๊ธฐ๋ฅผ ์์ ๋์ด ์ฌ์ฉ์๊ฐ ๋น ๋ฅด๊ฒ ์ฌ์ฉํ ์ ์์)
- ์์คํ ๊ณผ ์ค์ ์ธ๊ณ ๊ฐ์ ์ผ์น(๋ฐฐ๋ฌ ์ถ์ ์ ์ํ ์์ด์ฝ์ธ ํธ๋ญ, ์๋ฉด ํ ์คํธ๊ฐ ๋๋ฝ๋ ๊ฒฝ์ฐ ํผ๋์ ์ผ๊ธฐํ ์ ์๋ค๊ณ ๊ฐ์ ํฉ๋๋ค. ๋ํ ์์ ๋ฐฐ๋ฌ ํ์ฌ ์์ด์ฝ ๋์ ์ด๋ & ํฌ์ฅ์ ์ ์์ด์ฝ์ ๋ ๊ฐ๊น์ต๋๋ค. ์์ ๋ฐฐ๋ฌ์ ๋๋ถ๋ถ Mc Donald's์์ ์ค์ฟ ํฐ์ ์์ ๊ฑฐ๋ก ์ด๋ฃจ์ด์ง๋๋ค.
- ์ผ๊ด์ฑ & ํ์ค(์ฐจ๊ฐ์ด ์ปคํผ ์ด๋ฏธ์ง, ์ง๊ธ ์ฃผ๋ฌธ & ์ฃผ๋ฌธ ์ถ์ ์ ํด๋ฆญ ๊ฐ๋ฅํ ๋ฐฐ๋์ด์ง๋ง CTA์์ ๋ํ๋ด์ง๋ ์์ต๋๋ค. ํ๋ก๋ชจ์ ๋ฐฐ๋ ์ด๋ฏธ์ง์ฒ๋ผ ๋ณด์ ๋๋ค.
.. ๐ ๋ ์์ธํ ๋ด์ฉ์ ์๋ ์๋ฌธ์์ ํ์ธํด์ฃผ์ธ์.
์๊ฒฌ์ ๋จ๊ฒจ์ฃผ์ธ์