์์ด ๋จ์ํ ์์๋ค/๋ฉ์ง๋ค ๋์ด ๐ ์ ์ด๋ค ์์ด ์ด๋ค UI ์์์ ์์ฃผ ์ฐ์ด๋์ง ๐ ๊ทธ ๊ฒฐ์ ์ด ์ฌ์ฉ์ ํ๋๊ณผ ๊ฐ์ ์ ์ด๋ค ์ํฅ์ ์ฃผ๋์ง ์ ๋ํ ๊ตฌ์กฐ์ ์ธ ๋ด์ฉ์ ๋ฃ์ด์ ์ค๋ช
ํ ํ์! ๐
๐ง ์์ด UX์์ ์ค์ํ ์ง์ง ์ด์ โ ๋จ์ ์ฅ์์ด ์๋์์. ๋์งํธ UI ๋์์ธ์์ ์์
๐ ๋์ ๋จผ์ ๋ค์ด์ค๋ ํฌ์ธํธ
๐ ์ ๋ณด ์ฐ์ ์์๋ฅผ ์๋ ค์ฃผ๋ ์ ํธ
๐ ์ฌ์ฉ์ ๊ฐ์ /๋ฐ์์ ๋ฆฌ๋ํ๋ ์ธ์ด
๋ผ๋ ์ ์์, ๋จ์ง โ์์๊ฒ ๊พธ๋ฏธ๋ ๊ฒโ๊ณผ๋ ์์ ํ ๋ฌ๋ผ์. ์ด๊ฑด ์ง๊ด์ ์ธ ์ํต ์๋จ์ผ๋ก ์ฐ์ด๋ ๊ฒ๋๋ค.
๐ฏ 1) ์์์ โ์ ๋ณด ๊ณ์ธต(visual hierarchy)โ์ ๋ง๋ ๋ค
์ฐ๋ฆฌ ๋์ ์คํฌ๋กคํ๋ฉด์
โก๏ธ ํ
์คํธ๋ณด๋ค ๋จผ์
โก๏ธ ํฌ๊ธฐ๋ณด๋ค ๋จผ์
โก๏ธ ์ ๋๋น์ ๋จผ์ ๋ฐ์ํด!
๊ทธ๋์ UI ๋์์ด๋๋ค์ ๐น ์ํ๋ฐ/์๋จ๋ฐ์์ ํ๋์์ ์ฐ๋ ๊ฒฝ์ฐ๊ฐ ๋ง์๋ฐ, ์ด๊ฑด ์ค๋ฆฝยท์ ๋ณดยท์๋ด์ฉ์ด๋ผ๋ ์๋ฏธ๋ฅผ ๋ฌด์์์ ์ผ๋ก ์ ๋ฌํ๊ธฐ ๋๋ฌธ์ด๋ผ๊ณ .
์ฆโฆ ๐ ํ๋์ = ์ ๋ขฐ, ์ ๋ณด, ์ฐจ๋ถํจ โ ์ํ๋ ์ ๋ณด ํ์๋ฅผ ํด์ผ ํ๋ ์์์์ ์์ฃผ ์ฐ์
๋๋ค.
์๋ฅผ ๋ค์ด iOS๋ ์๋๋ก์ด๋ ์ด๊ธฐ ๊ธฐ๋ณธ UI์์ ์ํ๋ฐ๋ ์ฑ ๋ฐ ๋ฐฐ๊ฒฝ์์ด ํ๋ ํค์ธ ์ด์ ๋,
์ด๋ฐ ์ ๋ณด ์ ๋ฌ์ ์ญํ ์ ์ ํฉํ ์์ด๊ธฐ ๋๋ฌธ์ด์ฃ .
(๋ฌผ๋ก Apple์ โAquaโ UI์์ ํ๋์ด ๋ง์ด ์ฌ์ฉ๋ ๊ฒ๋ ๋์์ธ ์ฒ ํ์ ์ผ๋ถ์๋ค๋ ์ญ์ฌ์ ๋ฐฐ๊ฒฝ๋ ์์ด์ โ Aqua๋ ํ๋ยทํฐ์ยทํ์์ผ๋ก ๊น์ด๊ฐ/์ ๋ณด์ฑ์ ๋ถ์ฌํ๊ฑฐ๋ ์.)
_์ฐธ์กฐ
๐จ 2) ์์ ๊ฐ์ ์ ์ฐ๊ด์ ๋ง๋ ๋ค
์์ ์ด๋ค ๊ธฐ๋ฅ์ ์ํํ ๋ โ๋ด๊ฐ ์ง๊ธ ์ด๋ค ์ํฉ์ธ์ง ๋๋โ์ ์ฆ๊ฐ์ ์ผ๋ก ๋ฐ๊ฟ์ค ์ ์์ด์.
๐ต ํ๋์ ์ ๋ณดยท์ํยท์ค๋ฆฝ UI ๐ ์ ๋ขฐยท์ฐจ๋ถยท์ ๋ฆฌ์ ์ฌ๋ฆฌ๋ฅผ ๋ฐ์ํ์ฃ .
๐ด ๋นจ๊ฐ์ ์ํยท๊ธด๊ธ ๐ ์ฃผ์ยท๊ฒฝ๊ณ ยทํ๋ ์ ๋
๐ข ์ด๋ก์ ์๋ฃยท์ฑ๊ณต ๐ ์์ ยท๊ธ์
๐ก ๋
ธ๋์ ์ฃผ์ยทํ ๐ ๋๊ธธยท์ฃผ์ ํ๊ธฐ
์ฆ, ์ํ๋ฐ๋ ์๋ฆผ์ฒ๋ผ ๐ โ์ง๊ธ ์ํฉ์ ๋นจ๋ฆฌ ์๋ ค์ค์ผ ํ๋โ ๊ณณ์๋ ์ฌ๋ฆฌ์ ์ผ๋ก ์ฐจ๋ถํ๊ณ ์ ๋ขฐ๋ฅผ ์ฃผ๋ ์์ด ์ฐ์ด๋ ๊ฒ๋๋ค. ๊ทธ๋ฆฌ๊ณ ์ฌ์ฉ์๋ค์ ์ด๋ฐ ์์ ๋ฐ๋ณต์ ์ผ๋ก ์ ํ๋ฉด์, ๐๏ธ ์ ํ๋๋ง ๋ณด๊ณ ๋ ๊ธฐ๋ฅ/์ํ๋ฅผ ํ๋จํ๊ฒ ๋์ฃ .
๐ ์ด๋ ๊ฒ ์์ ๋จ์ํ ๊พธ๋ฐ์ด ์๋๋ผ, UX์์ ๊ธฐ๋ฅ๊ณผ ๊ฐ์ ์ ๋์์ ์ ๋ฌํ๋ ์ค์ํ ์ธ์ด! ๐
๐ฏ 3) UX์์ ์์ โํ๋ ์ ๋ ์์คํ
โ์ด๋ค!
์์ ๊ทธ๋ฅ ์๋ป์ ์ฐ๋ ๊ฒ ์๋์ผ. ์ฌ์ฉ์ ํ๋์ ์ ๋ํ๋ ์ค๊ณ ๋๊ตฌ์ด๊ธฐ๋ ํ์ฃ .
์์ โ ๋ฒํผ ์ ํ๋๋ก ํด๋ฆญ๋ฅ ์ด ๋ฐ๋๋ค?
๋์์ด๋๋ค ์ฌ์ด์ ์ ๋ช
ํ ์คํ ์ค์, ๊ฐ์ ๋ฒํผ์ด๋ผ๋ ์๋ง ๋ฐ๊ฟจ์ ๋ ํด๋ฆญ๋ฅ ์ด ํ ๋ฌ๋ผ์ง๋ ์ฌ๋ก๊ฐ ์์ด์.
๐ด ๋นจ๊ฐ CTA ๋ฒํผ: ๊ฐ๋ ฌํด์ ๋๊ธธ์ ๋๊ณ โ์ง๊ธ ๋๋ฌ์ผ ํ ๊ฒ ๊ฐ์โ
๐ต ํ๋ ๋ฒํผ: ์ ๋ขฐ๊ฐ ์์ง๋ง ๋น๊ต์ ์ฐจ๋ถ
๐ข ์ด๋ก ๋ฒํผ: ๊ธ์ ์ ๋๋, "ํด๋ฆญํด๋ ๊ด์ฐฎ์ ๊ฒ ๊ฐ์ ์์ ๊ฐ"
๐ ๊ทธ๋์ ์ผํ๋ชฐ, ๊ตฌ๋
ํผ, ์๋ฆผ์ฐฝ ๊ฐ์ ๊ณณ์์ ์ ํ๋๋ง ๋ฐ๊ฟ๋ UX ์ฑ๊ณผ๊ฐ ๋ฌ๋ผ์ง๋ค๋ ์ค๋ฌด์๋ค ์ฆ์ธ์ด ํ๊ฐ๋!
์ด๋ ๊ฒ ๐จ ์์ UX์์ โ๋๋โ์ ๋ง๋๋ ๋๊ตฌ์ด์, ๐งญ โ๊ธธ์ก์ดโ ์ญํ ๋ ํ๊ณ , ๐ฃ ์ฌ์ฉ์ ํ๋๊น์ง ์ ๋ํ๋ ๋ฌดํ์ ์ธํฐํ์ด์ค ์ธ์ด์
๋๋ค.
์์ด ์์ผ๋ฉด UX๋ ๋ฐ์ชฝ์ง๋ฆฌ!
์์ด ์ ์ฐ์ด๋ฉด UX๋ ์์ฐ์ค๋ฝ๊ฒ, ์์๊ฒ, ํธํ๊ฒ ๋ฐ๋๋ค๊ตฌ~ ๐ซถ