ํค์ด ํ๋ธ๋ฅด!
์ด ์ฃผ์ ๋ ์๋ก์ด ๊ฒ์ด ์๋ ์๋ ์์ง๋ง ๋ชจ๋ ๊ฐ๋ฐ์์๊ฒ ์ฌ์ ํ ๊ด๋ จ์ฑ์ด ์์ต๋๋ค. 2020๋ ์๋ ์ฐ๋ฆฌ์๊ฒ ๋ง์ ํฅ๋ฏธ๋ก์ด ๊ธฐ์ ๋ฐ ๋์์ธ ์๋ฃจ์ ์ด ์ ๊ณต๋ ๊ฒ์ ๋๋ค. ์ฌํด ์๋ก์ด ์ฅ์น๊ฐ ์ถ์๋ ์์ ์ด๋ฉฐ, ์ธํฐํ์ด์ค์ ์ํธ ์์ฉํ๊ณ ๊ธฐ์กด ์ํธ ์์ฉ์ ๊ฐ์ ํ๋ ์๋ก์ด ๋ฐฉ๋ฒ์ ๋ณด๊ฒ ๋ ๊ฐ๋ฅ์ฑ์ด ๋์ต๋๋ค. ๊ทธ๋ ๋ค๋ฉด 2020๋ UI/UX ํธ๋ ๋๋ ์ ํํ ๋ฌด์์ผ๊น์? Reksoft์ ์์ ์ฌ์ฉ์ ์ธํฐํ์ด์ค ๋์์ด๋ Ilya Semenov๊ฐ UI/UX ๋์์ธ ๋ถ์ผ์ ํธ๋ ๋์ ์ ๋ง์ ๋ํ ์์ ์ ์๊ฐ์ ๊ณต์ ํฉ๋๋ค. ๊ทธ๊ฒ์ ์์ ๋ด ์๋ค.
๋ฌด์์ด ๋จ์๊น์?
1. ๋คํฌ ํ ๋ง
๋คํฌ ํ ๋ง๋ ๊ฝค ์ค๋ซ๋์ ์ฌ์ฉ๋์ด ์์ผ๋ฉฐ ์ฌ์ฉ์๋ค๋ก๋ถํฐ ํธํ์ ๋ฐ์์ง๋ง ์์ง ๋ชจ๋ ๊ณณ์์ ์ง์๋์ง๋ ์์ต๋๋ค. ์ฌํด์๋ ๋ชจ๋ฐ์ผ ์ ํ๋ฆฌ์ผ์ด์ , ์น์ฌ์ดํธ, ์น ์ ํ๋ฆฌ์ผ์ด์ ์ ๊ณ์ํด์ ๊ตฌํ๋ ์์ ์ ๋๋ค.
2. ๊ฒฝ์พํจ, ๊ฐ๊ฒฐํจ
์ต๊ทผ ๋ช ๋ ๊ฐ์ ํธ๋ ๋๋ ๋ถํ์ํ ๊ตฌ์ฑ์์์์ ์ธํฐํ์ด์ค๋ฅผ ๋ด๋ ค๋๊ณ ์ฝํ ์ธ ์ ์ง์คํ๋ ๊ฒฝํฅ์ด ์์ต๋๋ค. ์ฌํด๋ ๊ณ์๋ ์์ ์ด๋ค. ์ฌ๊ธฐ์์ UX ์นดํผ๋ผ์ดํ ์ ํฐ ๊ด์ฌ์ ๋ํ ์ ์์ต๋๋ค. ์ด์ ๋ํ ์์ธํ ๋ด์ฉ์ ์๋์์ ํ์ธํ์ธ์.
3. ๊ธฐ๋ฅ์ฑ๊ณผ ๋ํ ์ผ์ ๋ํ ์ฌ๋
๊น๋ํ๊ณ ๋ช ํํ ์ธํฐํ์ด์ค๋ ๋ชจ๋ ์ ํ์ ๊ธฐ๋ณธ์ ๋๋ค. 2020๋ ์๋ ๋ง์ ๊ธฐ์ ์ด ์์ฒด ์ธํฐํ์ด์ค ์๋ฃจ์ ์ ์ฌ์ค๊ณํ ๊ฒ์ ๋๋ค. ์๋ฅผ ๋ค์ด, 2019๋ ๋ง ๋ง์ดํฌ๋ก์ํํธ๋ Fluent Design์ ๊ธฐ๋ฐ์ผ๋ก ํ ์๋ก์ด ๋ก๊ณ ์ ์๋ก์ด ์ ํ ๋์์ธ ์คํ์ผ์ ์ ๋ณด์์ต๋๋ค.
4. ์ ํ์ ๊ฒ์ํ
๊ฑฐ์ ๋ชจ๋ ์ ํ์ ๊ฐ๋จํ๊ณ ๊ฐ์ฅ ํจ๊ณผ์ ์ผ๋ก ์ฌ์ฉ์๋ฅผ ์ฌ๋ก์ก์ ์ ์๋ ์๋ฃจ์ ์ด ํ์ฌ๋ ์ ์๋ค๋ ์ฌ์ค๋ก ์ธํด ๋งค๋ ์ ์ ๋ ์ธ๊ธฐ๋ฅผ ์ป๊ณ ์๋ ์ถ์ธ์ ๋๋ค.
5. ์์ฑUI(VUI)
Google I/O ์ปจํผ๋ฐ์ค๋ฅผ ์ง์ผ๋ณธ ๋ง์ ์ฌ๋๋ค์ Google์ Duplex ์์ฑ ๋์ฐ๋ฏธ๊ฐ ์ผ๋ง๋ ์ค๋งํธํด์ก๋์ง์ ๋ํด ๊ธฐ๋ปํ์ต๋๋ค. ์ฌํด ์ฐ๋ฆฌ๋ ์์ฑ ์ ์ด์ ๋์ฑ ๊ทน์ ์ธ ์ ๊ทธ๋ ์ด๋๋ฅผ ๊ธฐ๋ํฉ๋๋ค. ์ด๋ฌํ ์ํธ ์์ฉ ๋ฐฉ์์ ํธ๋ฆฌํ ๋ฟ๋ง ์๋๋ผ ์ฅ์ ์ธ์ด ์ ํ์ ์ฌ์ฉํ ์ ์๋ค๋ ์ ์์ ์ฌํ์ ์ผ๋ก ์ค์ํ ์ง์๋ฅผ ๊ฐ๊ธฐ ๋๋ฌธ์ ๋๋ค. ํ์ฌ ๋ฆฌ๋๋ Google, Apple, Yandex, Mail.ru์ ๋๋ค.
6. ๊ฐ์ฑ์ ๋์์ธ
์ ํ์ ์ฌ์ฉ์์๊ฒ ๊ฐ์ ์ ๋ถ๋ฌ์ผ์ผ์ผ์ผ ํ๊ธฐ ๋๋ฌธ์ ์ด ๋ฐฉํฅ์ผ๋ก์ ๊ฒฝ์์ ๊ณ์๋ ๊ฒ์ ๋๋ค. ์๋ฅผ ๋ค์ด, ์ผ๋ถ๋ ์ถ์ ์ผ๋ฌ์คํธ๋ ์ด์ ์ ์ฌ์ฉํ์ฌ ๊ฐ์ ์ ๋ถ๋ฌ์ผ์ผํค๊ณ ๋ค๋ฅธ ์ผ๋ถ๋ ๋ฐ์ ์ ๋๋ฉ์ด์ ๊ณผ ์์์ ์ฌ์ฉํ์ฌ ๊ฐ์ ์ ๋ถ๋ฌ์ผ์ผํต๋๋ค. ๊ณต๊ฐ์ ๋ํด์๋ ๋ง์๋๋ฆฌ๊ณ ์ถ์ต๋๋ค. ๊ณต๊ฐ ์กฐ์ ๊ธฐ์ ์ ์์ฃผ ์ค๋ซ๋์ ์ฌ์ฉ๋์ด ์์ผ๋ฉฐ, 2020๋ ์๋ ๊ฐ๋ ฅํ ๋ฐ์ ์ ์ด๋ฃฐ ๊ฒ์ ๋๋ค.
ํ๋ฅญํ ์๋ ๊ฐ ์ฌ์ฉ์์๊ฒ ํน๋ณํ ์ ํฉํ ์ฌ์ ๋ชฉ๋ก์ ์ ๊ณตํ๋ Apple Music ๋ฐ Yandex Music ์๋น์ค์ ๋๋ค.
7. UX ์นดํผ๋ผ์ดํ
ํ ์คํธ๋ ์ ํ์ ์ค์ํ ๋ถ๋ถ์ ๋๋ค. ๊ธฐ์กด ํ ์คํธ๋ฅผ ์ฝ๊ธฐ ์ฝ๊ณ , ์ฉ๋์ด ํฌ๋ฉฐ, ๊ฐ๊ฒฐํ๊ณ , ์ดํดํ๊ธฐ ์ฝ๊ณ , ์น์ํ ํ์์ผ๋ก ์์ฑํ๊ณ ์ฒ๋ฆฌํ๋ ์ถ์ธ๋ ๊ณ์๋ ๊ฒ์ ๋๋ค.
8. ์ ๋๋ฉ์ด์ ์ผ๋ฌ์คํธ๋ ์ด์
์์ํ๋ ์ ์ ์ผ๋ฌ์คํธ๋ ์ด์ ์ ์ค๋ซ๋์ ์ฌ์ฉ๋์ด ์์ต๋๋ค. ์ธ๊ธฐ ์๋ ๊ด๋ฆฌ์(์: Telegram)๋ Lottie์ ๊ฐ์ ๋๊ตฌ๋ฅผ ์ฌ์ฉํ์ฌ ์ ๋๋ฉ์ด์ ์ผ๋ก ํ์๋๋ ๋ฒกํฐ ์ด๋ฏธ์ง(์คํฐ์ปค)๋ฅผ ์ฌ์ฉํฉ๋๋ค. ์ด์ ์ฐ๋ฆฌ๋ ๋น์ทํ ์ ๋๋ฉ์ด์ ์ ๋ค๋ฅธ ์ ํ์๋ ๋์ ํ๋ ์ถ์ธ๊ฐ ์ ๊ฐ๋๋ ๊ฒ์ ๋ณด๊ณ ์์ต๋๋ค.
9. ๋ํ ํ์ดํฌ๊ทธ๋ํผ
๊ฑฐ๋ํ ํค๋๋ผ์ธ๊ณผ ํฐ ํ ์คํธ๋ ์๋ก์ด ๊ฒ์ด ์๋์ง๋ง, ์ฌํด๋ ์๋ ๊ฐ ํ๋ฆฝ๋ ํธ๋ ๋๊ฐ ๊ณ์ํด์ ๋ฐ์ ํ ๊ฒ์ ๋๋ค.
10. ๋ณต์กํ ๊ทธ๋ผ๋ฐ์ด์
๊ทธ๋ผ๋์ธํธ๋ฅผ ์ฌ์ฉํ๋ฉด ๊ทธ๋ฆผ์ ๊น์ด๋ฅผ ๋ํ ์ ์์ต๋๋ค. ์ด ๊ธฐ์ ์ ์๋กญ๊ฒ ํด์ํ๋ฉด ๊ทธ๋ผ๋์ธํธ ์์ ์๋ ์ด๋ฏธ์ง์ ๋ณผ๋ฅจ๊ณผ ๊น์ด๋ฅผ ์ถ๊ฐํ๋ ๋ณต์กํ ๊ทธ๋ผ๋์ธํธ๋ฅผ ๋ณผ ์ ์์ต๋๋ค.
๋ฌด์์ด ๋ ์ธ๊ธฐ๋ฅผ ๋ ๊ฒ์ธ๊ฐ?
1. ์น์ฌ์ดํธ๋ ๋ชจ๋ฐ์ผ ์ ํ๋ฆฌ์ผ์ด์ ์ ์์ํ 3D
์์ํ 3D๋ ์ ํ๋ ์ ์ฉ๊ณผ ๊ตฌํ์ ๋ณต์ก์ฑ์ผ๋ก ์ธํด ์ ์ฐจ์ ์ผ๋ก ๋ฐฐ๊ฒฝ์ผ๋ก ์ฌ๋ผ์ ธ ์์ฌ 3D๋ก ๋์ฒด๋ ๊ฐ๋ฅ์ฑ์ด ๋์ต๋๋ค. ๊ทธ๋ฌ๋ ์ด๋ ๊ฒ์ ์ ํ๋ฆฌ์ผ์ด์ ์๋ ์ ์ฉ๋์ง ์์ต๋๋ค.
2. ์ฐจ๋ถํ ์์
์ด๋ฌํ ์ถ์ธ๋ 2019๋ ์๋ ๊ด๋ จ์ด ์์์ต๋๋ค. ์ฐ๋ฆฌ๋ ์๋ก์ด ์๋์ ๋ค์ด์ฐ๊ณ ๋งค์ฐ ๋ฐ๊ฒ ์์๋ ๊ฒ์ด๋ฏ๋ก ์ฐจ๋ถํ๊ณ ์ฐจ๋ถํ ์์์ด ๋ฐ๊ณ ํ๋ถํ ์์์ผ๋ก ๋ฐ๋ ๊ฒ์ ๋๋ค.
3. ์ฆ๊ฐํ์ค(AR)/๊ฐ์ํ์ค(VR)
๋ด ์๊ฐ์ AR/VR ๊ธฐ์ ์ ๋ฐ์ ์ ์ ์ ์ ๋๋ฌํ๋ค๊ณ ๋ณธ๋ค. ๋ง์ ์ฌ๋๋ค์ด ์ด๋ฏธ ๊ทธ๊ฒ์ ์๋ํ์ต๋๋ค. ์ด๋ฌํ ๊ธฐ์ ์ ์ ์ฉ ๋ฒ์๊ฐ ๊ทนํ ์ ํ๋์ด ์์ต๋๋ค. ์์ ๋คํธ์ํฌ์ฉ ๋ง์คํฌ์ธ AR์ ์ฑ๊ณต์ ์ธ ์ฌ์ฉ์ ํ์ธํ ์ ์์ต๋๋ค. VR ๊ธฐ์ ์ ์ฃผ๋ก VR ๊ฒ์์ ์ถ์๋ก ์ธํด ๋ค์ํ ์์ค์ ์ฑ๊ณต์ ๊ฑฐ๋๋ฉฐ ์ธ๊ธฐ๋ฅผ ๋ ๊ฒ์ ๋๋ค. ์ํ๊น๊ฒ๋ 2020๋ ์๋ ๊ทธ ์ค ๋ง์ ๊ฒ์์ด ๊ณํ๋์ง ์์์ต๋๋ค.
2020๋ ์๋ ์ด๋ค ํธ๋ ๋๊ฐ ๋ํ๋ ๊น?
1. ์๋ก์ด ์ํธ์์ฉ ๊ฒฝํ
๋ชจ๋ฐ์ผ ์ ํ๊ณผ ์ํธ ์์ฉํ๋ ์๋ก์ด ๋ฐฉ๋ฒ์ ๋ฐํ ์ํธ ์์ ์ ํฌํจํ๋๋ฐ, ์ด๋ ์ ๋ง ํธ๋ฆฌํฉ๋๋ค. ๋ค๋ก ํ์ดํ๋ ๊ณผ๊ฑฐ์ ์ผ์ ๋๋ค! ๋ํ, ๋ํ ํ๋ฉด์์ ์์ ํ๊ธฐ ์ฝ๋๋ก ์ผ๋ถ ๊ธฐ๋ฅ ๋ฒํผ์ ํ๋ฉด ํ๋จ์ผ๋ก ์ฎ๊ฒผ์ต๋๋ค.
2. ์ํผ์ฑ
2020๋ ์ ์ฃผ์ ํธ๋ ๋ ์ค ํ๋๋ ๋๊ท๋ชจ ์ ์ฌ๊ณ ๊ฐ์ ๋ณด์ ํ ๋ํ ์ ํ์ ๊ธฐ๋ฐ์ผ๋ก ํ '์ํผ์ฑ'์ ๋ฑ์ฅ์ ๋๋ค. ์๋ฅผ ๋ค์ด, ์ฐ๋ฆฌ๋ Sberbank์์ ์ด๋ฌํ ์ ํ๋ฆฌ์ผ์ด์ ์ด ์ถ์๋๊ธฐ๋ฅผ ๋งค์ฐ ๊ธฐ๋ํ๊ณ ์์ต๋๋ค.
3. ํผํฉํ์ค(MR)
์ง์ ํ ํ๊ธฐ์ ์ธ ๊ธฐ์ ์ด ๋ ์ ์์ต๋๋ค! ํผํฉ ํ์ค ์๊ฒฝ์ ์ถ์ํ๋ค๋ฉด ๊ฐ๋ฐ ์์ง์ Apple์ด ๋ ๊ฐ๋ฅ์ฑ์ด ๋์ต๋๋ค. ์ธํฐํ์ด์ค์ ์๋๊ฐ ์์๋ฉ๋๋ค!
๊ทธ๋ ๋ค๋ฉด UX ๋์์ธ์ ์ฃผ์ ํธ๋ ๋๋ ๋ฌด์์ด๊ณ ์ด๋ฅผ ํ์ฑํ๋ ์์ธ์ ๋ฌด์์ผ๊น์?
๋ด ์๊ฐ์๋ MR(ํผํฉ ํ์ค)์ด ํ์ฌ๋ ์ฅ์น๊ฐ ์์ฅ์ ๋ฑ์ฅํ๋ฉด ๋ญ๊ฐ ์๋ก์ด ๊ฒ์ด ๋์์ผ ํ๋ค๊ณ ์๊ฐํฉ๋๋ค. ์ด๋ ์์ ํ ์๋ก์ด ์ํธ ์์ฉ ๊ฒฝํ์ผ ๋ฟ๋ง ์๋๋ผ ํ๋ ๊ธฐ์ ๊ฐ๋ฐ์ ํ ๋ถ์ผ์ด๊ธฐ๋ ํฉ๋๋ค. MR์ด ์ง์ ํ '๋ง๋ณํต์น์ฝ'์ด ๋ ๊ฒ์ด๋ผ๋ ๊ฒ์ ์ฌ์ค์ด ์๋์ง๋ง, MR์ด ๋ฐ์ ํ๋ฉด์ ์ค๋งํธํฐ ๋ชป์ง์๊ฒ ์ฐ๋ฆฌ ์ถ์ ์ด์ดํ๊ฒ ์ค๋ฉฐ๋๋ '๋ถ์ฐ๋ฌผ'์ด ๋ฑ์ฅํ ๊ฐ๋ฅ์ฑ์ด ๋๋ค.
1. ์์
ํ๋ ์ ํ ์ฌ์ฉ์๊ฐ ์ ํ ํ์ง์ ๋งค์ฐ ์๊ตฌํ๋ค๋ ๊ฒ์ ๋น๋ฐ์ด ์๋๋๋ค. ๊ทธ๋ ์ต๋ํ์ ํธ์ํจ๊ณผ ์๋๋ก ์ํ๋ ๊ฒฐ๊ณผ๋ฅผ ์ป๊ณ ์ถ์ดํฉ๋๋ค. ์ด๋ ํจ์จ์ฑ, ์ธ๋ชจ, ์ํธ์์ฉ, ๊ฐ์ ๊ณผ ๊ด๋ จ๋ ํธ๋ ๋๋ฅผ ๋ง๋ค์ด๋ ๋๋ค.
2. ๊ฒฝ์
์ฌ์ฉ์๋ค์๊ฒ๋ ๋งค์ฐ ํ๋ ์ธ์์ด ์์ต๋๋ค. ์ ํ ๊ฐ๋ฐ์ ์ํฅ์ ๋ฏธ์น๊ณ ์๋ก์ด ๊ฐ๋ฐ ํธ๋ ๋๋ฅผ ์ค์ ํ๋ ๊ฒ์ ๋ฐ๋ก ๊ฒฝ์์ ๋๋ค. ๋๋ถ๋ถ์ ๊ฒฝ์ฐ ๋ํ ์ํ ํ์ฌ๊ฐ ์ถ์ธ๋ฅผ ์ค์ ํ๊ณ ๋ค๋ฅธ ํ์ฌ๋ ์ด ๋ฆฌ๋ฌ์ ๋ฐ๋ฆ ๋๋ค.
3. ์งํ ์ํฉ
๊ธฐ์ ๋ฐ์ ์ ๋ฉ์ถ์ง ์๊ณ ์๋ก์ด ์ํธ ์์ฉ ๋ฐฉ์์ด ํ์ํ ์๋ก์ด ์ฅ์น๊ฐ ๋ฑ์ฅํฉ๋๋ค. ๋์ ๋๋ ์๋ ์ ์ฐํ ์ค๋งํธํฐ์ ๋๋ค.
๊ฒฐ๋ก
๊ฒฐ๋ก ์ ์ผ๋ก 2020๋
์ ์ง์ ํ ๊ธฐ์ ํ์ ์ ํด๊ฐ ๋ ๊ฒ์ด๋ผ๊ณ ๋ง์๋๋ฆฌ๊ณ ์ถ์ต๋๋ค. ๋ง์ ๋๊ธฐ์
๋ค์ด ์ฌํด ๋ง์๋ ์ ์ ํ์ ์ฐ๊ธฐํ์ต๋๋ค. ์ฐ๋ฆฌ๋ ์ธ๋ด์ฌ์ ๊ฐ๊ณ ์ถ์๋ฅผ ๊ธฐ๋ค๋ฆฌ๊ธฐ๋ง ํ๋ฉด ๋ฉ๋๋ค.
์ถ์ฒ : habr.com