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 ๊ฐœ๋ฐœ ํ™˜๊ฒฝ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.