๐ 2024๋ 3์ 4์ฃผ TOP3
1๏ธโฃ ๋ชจ๋๊ฐ ์งํค์ง ์๋ UX ๋์์ธ์ ๊ฐ์ฅ ์ค์ํ ๊ท์น
2๏ธโฃ Generative AI ๊ฒฝํ์ ์๋ก์ด UX ํจํด
3๏ธโฃ ๋์์ธ ์์คํ ์์ ์๋ฏธ๋ก ์ ์ธํธ๋ฅผ ํตํด ์์ ์ฌ์ฉ์ ์ ์ํ๋ ๋ฐฉ๋ฒ
1๏ธโฃ ๋ชจ๋๊ฐ ์งํค์ง ์๋ UX ๋์์ธ์ ๊ฐ์ฅ ์ค์ํ ๊ท์น
๋ชจ๋ ์ธ๊ฐ๋ค์ด ์ง์ผ์ผ ํ ์กฐ์ง์ ์์น, ํนํ ์ ํ์ ๋์์ธํ๋ ์ฌ๋๋ค์ ํ ๊ฐ์ง ์์น์ด ์์ต๋๋ค. ์ด ๊ธ์์ ๊ทธ ๊ท์น์ด ๋ฌด์์ธ์ง, ๊ทธ๋ฆฌ๊ณ ๊ทธ๊ฒ์ด ์ ํ๊ณผ ์๋น์ค ๋์์ธ์ ์ด๋ค ์๋ฏธ๋ฅผ ๊ฐ๋์ง ์ค๋ช ํ ๊ฒ์ ๋๋ค. ๋ํ ์ด ํ์์ด ์กฐ์ง ๊ด๋ฆฌ, ํ์ ๋ฐ ์ผ๋ฐ์ ์ฑ๊ณผ์ ๋ฏธ์น ์ ์๋ ์ํฅ์ ์ ๊ธฐํ ๊ฒ์ ๋๋ค. ์ด ๊ธ์์ ๋ ผ์ํ ์ฌ๋ฆฌ์ ํ์์ ๋ฐ๋ฌ์ ๋ฒ์น์ผ๋ก ์๋ ค์ ธ ์์ต๋๋ค.
์ ๋ณด ์์๋ฅผ ํญ์ 9๊ฐ ์ดํ์ ๋ฒ์ฃผ๋ก ๊ตฌ์ฑํ๋, ๊ฐ๊ธ์ ์ด๋ฉด ~5๊ฐ์ ์ฒญํฌ๋ก ๊ตฌ์ฑํฉ๋๋ค.
์ธํฐํ์ด์ค์ ์ถ๊ฐํ๋ ์ ๋ณด ๋ฉ์ด๋ฆฌ๊ฐ ๋ง์์๋ก ํ์ฌ ์ ๋ณด๋ฅผ ์ฌ์ฉํ์ฌ ์์ ํ๋ ๊ฒ์ด ๋ ์ด๋ ค์์ง๋๋ค. ์ด๋ ์ธํฐํ์ด์ค๋ฅผ ์ฅ๊ธฐ ๊ธฐ์ต์ผ๋ก ์ธ์ฝ๋ฉํ๋ ๋ฐ ํ์ํ ์ฐ์ต์ด ์๊ฑฐ๋ ๋์์ด ์ต๊ดํ๋๋ ๋ฐ ํ์ํ ์ฐ์ต์ด ์ฒ์ ์ฌ์ฉ์์๊ฒ ํนํ ์ค์ํฉ๋๋ค.
๋ฐ๋ฌ์ ๋ฒ์น์ ์ธ๊ฐ์ด ์ฒ๋ฆฌํ ์ ์๋ ์ ๋ณด์ ์์ด ํ์ ๋์ด ์์ผ๋ฉฐ, ์ ๋ณด๊ฐ ๋๋ฌด ๋ง์ผ๋ฉด ์ฑ๊ณผ์ ๋ถ์ ์ ์ธ ์ํฅ์ ๋ฏธ์น๋ ์ฃผ์๊ฐ ์ฐ๋งํด์ง๊ฒ ๋๋ค๋ ์ ์ ๊ฐ๋ฅด์ณ ์ค๋๋ค.
๊ธฐ์ ์ ๊ณ ๊ฐ๊ณผ ์ง์์๊ฒ ํจ์ฌ ๋ ์ดํดํ๊ธฐ ์ฌ์ด ๋ฐฉ์์ผ๋ก ์ ๋ณด๋ฅผ ๊ตฌ์ฑํ๋ ๋ฐฉ๋ฒ์ ์ฐพ์์ผ ํฉ๋๋ค. ์ด๋ ์ธ์ง ๊ณผ๋ถํ๋ฅผ ์ ๋ฐํ๋ ๋๊ตฌ๋ ์์ฉ ํ๋ก๊ทธ๋จ์ ์ ๊ฑฐํ๊ฑฐ๋, ํ ๊ตฌ์ฑ์ ์๋ฅผ ์ค์ด๊ฑฐ๋, ์์ ๊ธฐ์ต์ ๋ํ ์ง์์ ๊ธฐ๋ฐ์ผ๋ก ๋ถ์๋ฅผ ๊ตฌ์ฑํจ์ผ๋ก์จ ๊ฐ๋ฅํฉ๋๋ค.
. . ๐ ๋ ์์ธํ ๋ด์ฉ์ ์๋ ์๋ฌธ์์ ํ์ธํด์ฃผ์ธ์.
2๏ธโฃ Generative AI ๊ฒฝํ์ ์๋ก์ด UX ํจํด
์ญ์ฌ๋ฅผ ๋๋์๋ณด๋ฉด ๋ฏธ๋๋ฅผ ์ค๊ณํ๋ ๋ฐ ๋์์ด ๋ฉ๋๋ค.
๋น์ ์ ์ปคํผ ์ฃผ๋ฌธ์ ์ด๋ฏธ ์๊ณ ์๋ ๋ฐ๋ฆฌ์คํ๊ฐ ๋ฐ๊ฐ๊ฒ ๋ง์์ค ์ ์ด ์๋์? ์จ๋, ์ถ์ถ ์๊ฐ, ๋ฌผ์ ์, ์๋ ์์ฐ์ง, ๋ถ์ ํฌ๊ธฐ, ๋ก์คํ ๋ฑ ๋ชจ๋ ์ธก๋ฉด์ ์์ธํ ์ค๋ช ํ์ง ์๊ณ ์ปคํผ๋ฅผ ๋ง์๋ ๊ฒ์ด ์ข์ต๋๋ค. ์ด๋ ์ค๋๋ AI๋ก ํ์ํ๊ณ ์๋ ์คํํธ๋ผ์ ๋ณด์ฌ์ค๋๋ค.
์ด ๊ธฐ์ฌ๋ ์ปคํผ์ ๊ดํ ๊ฒ์ด ์๋๋๋ค. ์ด๋ ์ฌ์ฉ์ ์ํธ ์์ฉ์ด ์ด๋ป๊ฒ ๋ณํํ๊ณ ์ ์ํ๋์ง, GUI์ ์ด์ ์ถ์ธ์ ์์ฑ AI ์ํธ ์์ฉ์์ ๋ํ๋๋ ์๋ก์ด ์ถ์ธ๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ์์ฑ AI ์ฌ์ฉ์ ์ํธ ์์ฉ์ด ์ด๋ป๊ฒ ์งํํ ์ ์๋์ง์ ๊ดํ ๊ฒ์ ๋๋ค. AI ์ฌ์ฉ์ ๊ฒฝํ์ ํต์ฌ ํธ๋ ๋๋ก์ ์ปจํ ์คํธ ๋ฒ๋ค๋ง, ์ฌ์ฉ์ ํ๋ ์ด์ , ์ ๋ขฐ, ์ํ๊ณ์ ๊ฐ์น๋ฅผ ์ดํด๋ณด๊ฒ ์ต๋๋ค.
๋ช ๋ น๋ถํฐ ๋ํ๊น์ง
์ปดํจํฐ๋ฅผ ์ฌ์ฉํ๋ค๋ ๊ฒ์ ๋ช ๋ น์ค ์ธํฐํ์ด์ค(CLI) ์์ ์ ํํ ๋ช ๋ น์ ์ ๋ ฅํ๋ ๊ฒ์ ์๋ฏธํ๋ ์ปดํจํ ์๋๋ก ๋๋์๊ฐ ๋ณด๊ฒ ์ต๋๋ค. "์์ " ํด๋๋ฅผ ์ฐพ๋ ๊ฒ์ ๋ฌผ๋ก , ํ์ผ์ ์ด๊ฑฐ๋ ๋ฐ์ดํฐ๋ฅผ ๋ณต์ฌํ๋ ์ ํํ ๋ช ๋ น์ ๊ธฐ์ตํ๋ ๊ฒ์ด ์ด๋ ต๋ค๊ณ ์์ํด ๋ณด์ธ์. ๋ชจ๋ ์ฌ๋์ด ํ๋ก๊ทธ๋๋จธ๊ฐ ๋๊ธฐ ์ํด ์ ๋ฐ๋ ๊ฒ์ ์๋๋๋ค. ๋ ๋์ ์ฌ์ฉ์ฑ์ ์ํด์๋ ๋ณํ๊ฐ ํ์ํ์ต๋๋ค.
- ์์ฐ์ด ์ฒ๋ฆฌ์ ๋ํ ์ด๊ธฐ ์๋์ธ 1964๋ ELIZA๋ฅผ ์์ํ์ฌ ํค์๋ ์ธ์ ๋ฐ ์คํฌ๋ฆฝํธ ์๋ต์ ํตํด ๊ธฐ๋ณธ ๋ํ๋ก ์ฌ์ฉ์๋ฅผ ์ฐธ์ฌ์ํต๋๋ค. ํ๊ธฐ์ ์ด์์ง๋ง ELIZA์ ์ํธ ์์ฉ์ ์ ์ฐํ๊ฑฐ๋ ํ์ฅ ๊ฐ๋ฅํ์ง ์์์ต๋๋ค.
- ๊ฑฐ์ ๊ฐ์ ์๊ธฐ์ Xerox PARC๋ ๊ทธ๋ํฝ ์ฌ์ฉ์ ์ธํฐํ์ด์ค(GUI)๋ฅผ ๊ฐ๋ฐ ์ค์ด์๊ณ ๋์ค์ 1984๋ Apple ๊ณผ ๊ทธ ์ดํ Microsoft ์ ์ํด ๋์คํ๋์์ต๋๋ค. GUI๋ ๋ณต์กํ ๋ช ๋ น์ ๋ง์ฐ์ค๋ก ํ์ํ ์ ์๋ ์์ด์ฝ, ๋ฉ๋ด ๋ฐ ์ฐฝ์ผ๋ก ๋์ฒดํ์ฌ ์ปดํจํ ์ ๋ณํ์์ผฐ์ต๋๋ค. ์ด๋ฌํ ํ์ ์ ํตํด ์ปดํจํฐ๋ ์ผ์์ ์ธ ์์ ์ ์ฝ๊ฒ ์ ๊ทผํ ์ ์๊ณ ์ง๊ด์ ์ด๊ฒ ๋์์ผ๋ฉฐ, ๊ธฐ์ ์ด ์ฐ๋ฆฌ ์ถ์์ ๊ฐ๋ ๋ณดํธ์ ์ธ ์ญํ ์ ์ํ ๋ฌด๋๋ฅผ ๋ง๋ จํ์ต๋๋ค.
์์ ์์ ์ด๋ฏธ์ง๋ฅผ ๋ณด์ธ์. ์ค๋๋ ์ฐ๋ฆฌ๋ ํํ ์งํ๋ฅผ ๋ชฉ๊ฒฉํ๊ณ ์์ต๋๋ค. ****์ฌ์ฉ์ ํ๋กฌํํธ๋ ๊ธฐ๋ณธ์ ์ผ๋ก ์์ฐ์ด๋ก ์ ์๋ ๋ฏธ๋ ํ๋ก๊ทธ๋จ์ด๋ฉฐ ๊ฒฐ๊ณผ์ ํ์ง์ ํ๋กฌํํธ ์์ง๋์ด๋ง ๊ธฐ์ ์ ๋ฐ๋ผ ๋ฌ๋ผ์ง๋๋ค. ์ด๊ธฐ ์ปดํจํ
์ด CLI์ ๋ณต์ก์ฑ์์ GUI์ ๋จ์ํจ์ผ๋ก ์ ํ๋์ด ๋ชจ๋ ์ฌ๋์ด ๊ธฐ์ ์ ์ ๊ทผํ ์ ์๊ฒ ๋ ๊ฒ์ฒ๋ผ, ๋ณต์กํ ์
๋ ฅ์ ๋ณต์กํ๊ณ ๋ ๊ฐ๋จํ๊ณ ์ฌ์ฉ์ ์นํ์ ์ธ ์ธํฐํ์ด์ค๋ก ๋ฌถ๋ ๋ฐฉํฅ์ผ๋ก ๋ฐ์ ํ๋ ์ ์ฌํ ์ถ์ธ๊ฐ ์์ฑ AI์ ๋ํ๋๊ณ ์์ต๋๋ค.
. . ๐ ๋ ์์ธํ ๋ด์ฉ์ ์๋ ์๋ฌธ์์ ํ์ธํด์ฃผ์ธ์.
3๏ธโฃ ๋์์ธ ์์คํ ์์ ์๋ฏธ๋ก ์ ์ธํธ๋ฅผ ํตํด ์์ ์ฌ์ฉ์ ์ ์ํ๋ ๋ฐฉ๋ฒ
์์ํ๊ธฐ ์ ์, ๋ธ๋๋ ์ปฌ๋ฌ๋ฅผ ์ ํํ๋ ๋ฐฉ๋ฒ๊ณผ ์ปฌ๋ฌ ๋จํ๋ฅผ ์์ฑํ๋ ๋ฐฉ๋ฒ์ ํ์ธํ์ธ์.
์์ ์์์ด๋ ๋ฌด์์ธ๊ฐ์?
์์ ์์์ ๋ธ๋๋ ์์ ์นดํ๋ก๊ทธ(purple.100, purple.200 ๋ฑ)์์ ๊ฐ์ ธ์จ ๊ฐ๋ณ์ ์ธ ์์์ ๋๋ค. ์ด๋ ๊ฐ์ฅ ๊ธฐ๋ณธ์ ์ธ ํํ์ ์์์ผ๋ก์ ์๋ฏธ๋ก ์ ์ปฌ๋ฌ ์ด๋ฆ์ ์ฐ๊ฒฐ๋ฉ๋๋ค.
์๋ฏธ๋ก ์ ์ปฌ๋ฌ ์ด๋ฆ์ด๋ ๋ฌด์์ธ๊ฐ์?
์์์ ์๋ฏธ๋ก ์ ์ด๋ฆ์ ์์ ์์์ด ๋์์ธ ์์คํ ์ ์ฒด์์ ์ด๋ป๊ฒ ์ฌ์ฉ๋ ์ง๋ฅผ ์ ์ํฉ๋๋ค. (์: foreground. primary.)
์์ ์์์ ์๋ฌด๋ #7748F9๋ฅผ ๊ธฐ์ตํ์ง ๋ชปํ ๊ฒ์ด๊ธฐ ๋๋ฌธ์ ์ ํ๋ HSL/Hex ๊ฐ์ ๋ํด green.200, purple.500 ๋ฑ๊ณผ ๊ฐ์ ๋ ์ค์ฉ์ ์ธ ์ด๋ฆ์ ๊ฐ์ง๊ณ ์์ต๋๋ค. ์ด๋ฌํ ์์ ์ด๋ฆ๋ค์ ์์คํ ๋ด์์ ์ด๋ป๊ฒ ์ฌ์ฉ๋๋์ง์ ๋ํ ์ ๋ณด๋ฅผ ์ ๊ณตํ์ง ์์ต๋๋ค. ๊ทธ๊ฒ์ด ๊ธฐ๋ณธ ๋ฒํผ์ ๋ฐฐ๊ฒฝ์์ผ๊น์? ํฌ์ปค์ค ์ํ์ ํ ๋๋ฆฌ ์์ผ๊น์? ์๋ฌด๋ ์ ์ ์์ผ๋ฉฐ, ์ด๊ฒ์ด ์ฐ๋ฆฌ๊ฐ ์๋ฏธ๋ก ์ ์ด๋ฆ์ ์์กดํ๋ ์ด์ ์ ๋๋ค.
์๋งจํฑ ๋ค์์ ์ปฌ๋ฌ๋ฟ๋ง ์๋๋ผ ๋ชจ๋ ๋ค๋ฅธ ๊ธฐ๋ณธ ์คํ์ผ์ ํ์์ ์ ๋๋ค. ๋๋ ๋์์ธ ์์คํ ์ฐ์ฌ ์ค๊ฐ ์ค๊ฐ์ ๊ณ์ํด์ ์ด ๊ฐ๋ ์ ๋ค๋ฃฐ ๊ฒ์ ๋๋ค.
์ ์์ ์์ ๋ณด๋ฉด, ์์ ์์ purple.500์ ์๋งจํฑ ๋ค์ background.interactive.primary.default๊ณผ ์ฐ๊ฒฐ๋์ด ์์ต๋๋ค. ์ด๋ ๊ฒ ํ๋ฉด purple.500์ด ๊ธฐ๋ณธ ์ํ(primary button in its default state)์์ ๋ฐฐ๊ฒฝ์์ผ๋ก ์ฌ์ฉ๋๋ค๋ ๊ฒ์ ๋ช ํํ๊ฒ ์ ์ ์์ต๋๋ค.
์์์ ์ด๊ณ ์๋ฏธ์ ์ธ ๊ด๊ณ
์๋ฏธ๋ก ์ ์ด๋ฆ(semantic name)์ ์๋ ์์ ๋ค์(primitive name) ๋์ ์ผ๋ก ์ฌ์ฉ๋์ง ์์ต๋๋ค. ์๋ ์์น์ ์ผ๋ก ํน์ ํ semantic name๊ณผ ๊ด๋ จ๋ primitive color๋ฅผ ๋ถ๋ฆฌํ๊ณ ๋ณ๊ฒฝํ ์ ์๊ธฐ ๋๋ฌธ์ primitives๊ฐ semantic names๊ณผ ๊ฒฐํฉํฉ๋๋ค.
์ ์์ ์์ ๋ณผ ์ ์๋ฏ์ด, ์ฐ๋ฆฌ๋ purple .500 ๊ฐ์ green .600์ผ๋ก ์ ๋ฐ์ดํธํ๊ณ ์๋ค - ๊ทธ๋ฆฌ๊ณ ๊ทธ ๊ฒฐ๊ณผ๋ก ์๋ฏธ๋ก ์ ์ปฌ๋ฌ ๊ฐ๊ณผ ํด๋น ์ปฌ๋ฌ๊ฐ ์ ์ฉ๋ ๋ชจ๋ ๊ตฌ์ฑ ์์๋ ํจ๊ป ์ ๋ฐ์ดํธ๋ฉ๋๋ค.
์ ์์ ์ฒ๋ผ ํ ๋ฒ ์ค์ ํ ์๋ฏธ๋ก ์ ์ด๋ฆ์ ์์ฃผ ๋ณ๊ฒฝ๋๊ฑฐ๋ ์ ํ ๋ณ๊ฒฝ๋์ง ์์์ผ ํฉ๋๋ค. ์ฌ๊ธฐ์ ํ ๋ฐ(theming) ๊ฐ๋ ๊ณผ ์ด์ธ๋ฆด ์ ์๋ ๋ฐฉ์์ ๋ณผ ์ ์์ต๋๋ค. ๋คํฌ ๋ชจ๋๋ฅผ ๋ง๋ค๋ ค๋ฉด ์์์ ์ธ ์ฒจ๋ถํ์ผ๋ง ๊ต์ฒดํ๋ฉด ๋ฉ๋๋ค.
๋์์ธ ์์คํ ์ ์ต์ํ๋ค๋ฉด "ํ์ง๋ง ๋น์ ์ ๋ธ๋๋ ์นผ๋ผ๋ฅผ ์ ์ํ๋ ์๋ฏธ๋ก ์ ์์ค ํ๋๋ฅผ ๋์น์ จ๊ตฐ์!"๋ผ๊ณ ์๊ฐํ ์๋ ์์ต๋๋ค! ๊ทธ๊ฑด ์๋์ ์ธ ๊ฒ ์ ๋๋ค! ์ฑ๊ณต์ ์ธ ๋์์ธ ์์คํ ์ผ๋ก ํ์ ์์๊ฐ ์๋๋๋ค! ๊ทธ๋ฌ๋ ์ ๋ ๋ค์ ๊ธฐ์ฌ์์ ์ด๊ฒ์ ๋ํ ์ ๋ต์ ๋ค๋ฃฐ ๊ฒ์ด๋ฉฐ, ์์ ํ ๋ง๋ฅผ ์ํ ๊ณ ๊ธ ์ ์ ์ ์ด์ ์ ๋ง์ถ ๊ฒ์ ๋๋ค.
. . ๐ ๋ ์์ธํ ๋ด์ฉ์ ์๋ ์๋ฌธ์์ ํ์ธํด์ฃผ์ธ์.
๋๊ธ
์๊ฒฌ์ ๋จ๊ฒจ์ฃผ์ธ์