UI(์ฌ์ฉ์ ์ธํฐํ์ด์ค) ๋์์ธ ๋ฐ HCI(์ธ๊ฐ-์ปดํจํฐ ์ํธ ์์ฉ) ๋ถ์ผ์ ํต์ฌ ๊ฐ๋ ์ธ ์ดํฌ๋์ค๋ ์ฌ์ฉ์๊ฐ ์์คํ ์ ์ดํดํ๊ณ ์ํธ ์์ฉํ ์ ์๋๋ก "์ฌ์ "ํ๋ ์ธํฐํ์ด์ค ์์์ ๊ณ ์ ํ ๋์์ธ ์์ฑ์ ๋ํ๋ ๋๋ค. ์๊ฐ์ , ์ฒญ๊ฐ์ ๋๋ ์ด๊ฐ์ ์ ํธ๋ฅผ ํตํด ๋ํ๋๋ ์ด๋ฌํ ์์ฑ์ ํตํด UI ๊ตฌ์ฑ ์์์ ์ ์ฉ์ฑ๊ณผ ๊ธฐ๋ฅ์ ์ฆ์ ์ดํดํ ์ ์์ต๋๋ค. ๋ณธ์ง์ ์ผ๋ก ์ดํฌ๋์ค๋ ์ฌ์ฉ์๊ฐ ๊ฐ๋ฅํ ์์ ์ ๊ฒฐ์ ํ๋ ๋ฐ ๋์์ด ๋๋ฉฐ ์ธํฐํ์ด์ค๋ฅผ ํ์ํ๋ ๋์ ์์ฌ ๊ฒฐ์ ํ๋ก์ธ์ค๋ฅผ ๋จ์ํํฉ๋๋ค.
์์ฐ ํ๊ฒฝ์ ์ดํฌ๋์ค๋ฅผ ์ฃผ๋ก ์ฐ๊ตฌํ๋ ์ฌ๋ฆฌํ์ James J. Gibson์ด 1977๋ ์ ์ฒ์ ๋์ ํ ์ด ๊ฐ๋ ์ ๋์ค์ Donald Norman์ด HCI์ ๋งฅ๋ฝ์์ ์ฑํํ์ต๋๋ค. ์ด ์์ญ์ ๋ํ ์ฐ๊ตฌ๋ ์ํํธ์จ์ด ์ ํ๋ฆฌ์ผ์ด์ ๊ณผ์ ์ํํ ์ฌ์ฉ์ ์ํธ ์์ฉ์ ์ด์งํ๊ณ ์ธ์ง ๋ถํ๋ฅผ ์ค์ด๋ ๋ฐ ์์ด ์ดํฌ๋์ค์ ์ค์์ฑ์ ์ ์ฆํ์ต๋๋ค. ์๋ฅผ ๋ค์ด, Schreier et al.์ด 40๋ช ์ ์ฐธ๊ฐ์๋ฅผ ๋์์ผ๋ก ํ 2016๋ ์ฐ๊ตฌ์ ๋๋ค. ์ธํฐํ์ด์ค ์์์ ์ธ์ง๋ ์ดํฌ๋์ค์ ์ฌ์ฉ์์ ์ฃผ๊ด์ ๋ง์กฑ๋ ์ฌ์ด์ ์๋นํ ์๊ด๊ด๊ณ๊ฐ ์๋ ๊ฒ์ผ๋ก ๋ํ๋ฌ์ต๋๋ค.
์น ๋ฐ ๋ชจ๋ฐ์ผ ์ ํ๋ฆฌ์ผ์ด์ ์ ์์ ์ํ ๊ฐ๋ ฅํ no-code ํ๋ซํผ์ธ AppMaster ์ ๋งฅ๋ฝ์์ ์ดํฌ๋์ค๋ ์ง๊ด์ ์ผ๋ก ๋์์ธ๋ UI ์์๋ฅผ ์ฌ์ฉํ์ฌ ๊ณ ๊ฐ์ ์ฌ์ฉ์ ๊ฒฝํ์ ์ต์ ํํ๋ ์ญํ ์ ํฉ๋๋ค. AppMaster ๋ชฉ์ , ๊ธฐ๋ฅ ๋ฐ ์ํธ ์์ฉ์ ์๊ฐ์ ์ผ๋ก ์ ๋ฌํ๋ ์ธํฐํ์ด์ค ๊ตฌ์ฑ ์์๋ฅผ ์ฌ์ฉํ์ฌ ์ฌ์ฉ์๊ฐ ๋ถํ์ํ ํผ๋์ด๋ ๋ณต์ก์ฑ ์์ด ํ๋ซํผ์ ํจ๊ณผ์ ์ผ๋ก ํ์ํ๊ณ ํ์ฅ ๊ฐ๋ฅํ ์ ํ๋ฆฌ์ผ์ด์ ์๋ฃจ์ ์ ๋ง๋ค ์ ์๋๋ก ๋ณด์ฅํฉ๋๋ค.
์ฌ์ฉ์ ๊ฒฝํ์ ํฅ์์ํค๊ธฐ ์ํด AppMaster ํ๋ซํผ์ ํตํฉํ๋ ์ฌ๋ฌ ์ ํ์ ์ดํฌ๋์ค๊ฐ ์์ต๋๋ค. ์ด๋ค ์ค ์ผ๋ถ๋ ๋ค์๊ณผ ๊ฐ์ต๋๋ค:
1. ์๊ฐ์ ์ดํฌ๋์ค(Visual Affordances) : ์ฌ๋ฌผ์ ๊ธฐ๋ฅ์ ์ถ๋ก ํ๋ ๋ฐ ์ฌ์ฉ๋๋ ์์, ํฌ๊ธฐ, ๋ชจ์, ์ ๋ ฌ ๋ฑ์ ์๊ฐ์ ๋จ์๋ฅผ ๋งํฉ๋๋ค. ์๋ฅผ ๋ค์ด ํ๋์์ด๋ ๋ น์๊ณผ ๊ฐ์ ํ์ค ๋ฐ ๊ธฐ๋ณธ ์์ ์์์ ๋ฒํผ์ ์๊ฐ์ ์ผ๋ก ๊ตฌ๋ณ๋์ด ์ฌ์ฉ์์ ์ฃผ์๋ฅผ ๋๊ณ ํด๋ฆญํ๋ฉด ์์ ์ ์ํํ ์ ์์์ ์์ํฉ๋๋ค. ๋ํ ํ๋ซํผ์์ ๋๋ฆฌ ์ฌ์ฉ๋๋ drag-and-drop ์ธํฐํ์ด์ค๋ ์ฌ์ฉ์ ์๊ตฌ ์ฌํญ์ ๋ฐ๋ผ ๊ฐ๋ณ ์์๋ฅผ ์ฌ๋ฐฐ์นํ ์ ์์์ ์๋ฏธํฉ๋๋ค.
2. ์ค๋์ค ์ดํฌ๋์ค(Audio Affordances) : ํด๋ฆญ, ๊ฒฝ๊ณ ์ ๋๋ ํน์ ํค๊ณผ ๊ฐ์ ์๋ฆฌ ์ ํธ๋ ์ํ ์ค์ธ ์์ ์ ๋ํ ์ฒญ๊ฐ์ ํ์ธ์ ์ ๊ณตํฉ๋๋ค. ์ด๋ ์ธํฐํ์ด์ค ์์์ ์ํธ์์ฉ์ฑ๊ณผ ์ ์ฉ์ฑ์ ๋์ฑ ๊ฐํํ๋ ๋ฐ ์ฌ์ฉ๋ ์ ์์ต๋๋ค. ์๋ฅผ ๋ค์ด, ์ฌ์ฉ์๊ฐ ํ๋ซํผ ๋ด์ ๋ฒํผ์ ํด๋ฆญํ๋ฉด ๊ด๋ จ ์์ ์ด ์ฑ๊ณต์ ์ผ๋ก ์คํ๋์์์ ์๋ฆฌ๋ ์ ํธ์์ด ์ธ๋ฆฝ๋๋ค.
3. Tactile Affordances : ์ฌ์ฉ์๊ฐ ์ฌ๋ฌผ๊ณผ ์ํธ์์ฉํ ๋ ๋ฐ์ํ๋ ํ ํฑ ํผ๋๋ฐฑ์ด๋ ์ง๋์ ์์์ ๊ธฐ๋ฅ์ ์ดํดํ๋ ๋ฐ ๋์์ด ๋ฉ๋๋ค. ์ด๋ ์ฌ์ฉ์๊ฐ ์ธํฐํ์ด์ค ์์๋ฅผ ์ค์์ดํํ๊ฑฐ๋ ํญํ๊ฑฐ๋ ๊ธธ๊ฒ ๋๋ฅผ ๋ ์ด๊ฐ ํผ๋๋ฐฑ์ ๋ฐ์ ์ ์๋ ๋ชจ๋ฐ์ผ ์ ํ๋ฆฌ์ผ์ด์ ์ ํนํ ์ค์ํ ์ ์์ต๋๋ค.
4. ์ธ์ง์ ์ ํธ๋(Cognitive Affordances) : ์ด๋ฌํ ์ ์ ์ ๊ตฌ์ฑ์ ์ฌ์ฉ์๊ฐ ๋ฌผ์ฒด๋ฅผ ์ต์ํ ํจํด, ์ ์ ๋ชจ๋ธ ๋ฐ ์์ ์ ์ฐ๊ด์์ผ ๋ฌผ์ฒด๊ฐ ์ด๋ป๊ฒ ๊ธฐ๋ฅํ๋์ง ์ถ๋ก ํ๋ ๋ฐ ๋์์ด ๋ฉ๋๋ค. ์๋ฅผ ๋ค์ด AppMaster ํด๋ ์์ด์ฝ ์ด๋ฏธ์ง๋ฅผ ์ฌ์ฉํ์ฌ ์์๊ฐ ๋ฌธ์, ์ฝ๋ ํ์ผ ๋๋ ์ด๋ฏธ์ง์ ๊ฐ์ ๊ด๋ จ ํญ๋ชฉ์ ๊ทธ๋ฃนํํ๋ ์ปจํ ์ด๋์์ ๋ํ๋ผ ์ ์์ต๋๋ค. ์ฐํ์ด๋ ํ ์์ด์ฝ์ ํธ์ง ๊ธฐ๋ฅ์ ๋ํ๋ผ ์ ์์ต๋๋ค.
์ ์ฆ๋ ๋์์ธ ์์น์ ์ค์ํ๊ณ ์ดํฌ๋์ค๋ฅผ UI ์์์ ํจ๊ณผ์ ์ผ๋ก ํตํฉํจ์ผ๋ก์จ AppMaster ํ๋ซํผ์ ์ฌ์ฉํ๋ฉด ์ด๋ณด์์ ์๋ จ๋ ์ฌ์ฉ์ ๋ชจ๋ ๋ณต์กํ ์น ๋ฐ ๋ชจ๋ฐ์ผ ์ ํ๋ฆฌ์ผ์ด์ ์ ์ฝ๊ฒ ๊ตฌ์ถํ ์ ์์ต๋๋ค. ์ดํฌ๋์ค๋ฅผ ํตํด ๊ฐ๋ฅํ ์์ ์ ์ธ์ํ๋ฉด ํ์ต ๊ณก์ ์ด ์ค์ด๋ค๊ณ ์ฌ์ฉ์๊ฐ ์์ ์ ํจ๊ณผ์ ์ด๊ณ ํจ์จ์ ์ผ๋ก ์ํํ ์ ์๊ฒ ๋์ด ๊ถ๊ทน์ ์ผ๋ก ๊ฐ๋ฐ ์๋ช ์ฃผ๊ธฐ๊ฐ ๋จ์ถ๋๊ณ ๊ต์ก, ๋ฌธ์ํ, ์ง์ ๋ฆฌ์์ค์ ๋ํ ์ถ๊ฐ ์ง์ถ ํ์์ฑ์ด ์ต์ํ๋ฉ๋๋ค.
๊ฒฐ๋ก ์ ์ผ๋ก, ์ดํฌ๋์ค๋ ์ฌ์ฉ์ ๊ฒฝํ์ ํฅ์์ํค๊ณ AppMaster ํ๋ซํผ๊ณผ์ ๊ฐํธํ ์ํธ ์์ฉ์ ์ด์งํ๋ ๋ฐ ์์ด์๋ ์ ๋ ์ญํ ์ ํ์ฌ ๊ณ ๊ฐ์ด ๊ธฐ์ ์ ์ธ ๋ณต์กํจ์ด๋ ์ง์ฐ ์์ด ์ ๊ตํ ์น, ๋ชจ๋ฐ์ผ ๋ฐ ๋ฐฑ์๋ ์ ํ๋ฆฌ์ผ์ด์ ์ ์ ์ํ๊ฒ ๊ตฌ์ถํ ์ ์๋๋ก ๋ณด์ฅํฉ๋๋ค. ์ฌ์ฉ์ ์ธํฐํ์ด์ค์ ์๊ฐ์ , ์ฒญ๊ฐ์ , ์ด๊ฐ์ , ์ธ์ง์ ์ธก๋ฉด ์ ๋ฐ์ ๊ฑธ์ณ ์ดํฌ๋์ค๋ฅผ ํจ๊ณผ์ ์ผ๋ก ์ฑํํจ์ผ๋ก์จ AppMaster ๊ด๋ฒ์ํ ๋น์ฆ๋์ค ์๊ตฌ ์ฌํญ๊ณผ ์ฌ์ฉ์ ์ ๋ฌธ ์ง์ ์์ค์ ๋ง๋ ๊ฐ๋ ฅํ๊ณ ์ฌ์ฉ์ ์ค์ฌ์ no-code ๊ฐ๋ฐ ํ๊ฒฝ์ ์ ๊ณตํฉ๋๋ค.