์ฌ์ฉ์ ๊ฒฝํ(UX) ๋ฐ ๋์์ธ์ ๋งฅ๋ฝ์์ "ํ๋ฆ"์ด๋ผ๋ ์ฉ์ด๋ ์ฌ์ฉ์๊ฐ ํน์ ๋ชฉํ๋ ์์ ์ ํจ๊ณผ์ ์ด๊ณ ํจ์จ์ ์ผ๋ก ๋ฌ์ฑํ ์ ์๋๋ก ํ๋ ์ ํ๋ฆฌ์ผ์ด์ ๋๋ ์ฌ์ฉ์ ์ธํฐํ์ด์ค ๋ด์ ์์, ์ํธ ์์ฉ ๋ฐ ์ ํ์ ์กฐํ๋กญ๊ณ ์ํํ ์งํ์ ์๋ฏธํฉ๋๋ค. ์ด ๊ฐ์ํ๋ ํ์ ๋ฐ ์ฐธ์ฌ๋ ๊ธ์ ์ ์ธ ์ฌ์ฉ์ ๊ฒฝํ์ ์ด์งํ์ฌ ์ฌ์ฉ์๊ฐ ์ ํ๋ฆฌ์ผ์ด์ ๊ณผ ์ํธ ์์ฉํ๋ ๋์ ์ง์ค๋ ฅ, ์ฐธ์ฌ๋ ๋ฐ ๋ง์กฑ๊ฐ์ ์ ์งํ๋๋ก ๋ณด์ฅํฉ๋๋ค. Flow๋ ์ ์ฉ์ฑ์ ํฅ์์ํค๊ณ , ์ฌ์ฉ์ ์ฐธ์ฌ๋ฅผ ์ด์งํ๋ฉฐ, ์ ํ๋ฆฌ์ผ์ด์ ์ ์ ๋ฐ์ ์ธ ์ฑ๊ณต์ ๊ธฐ์ฌํฉ๋๋ค.
Flow์ ํต์ฌ์๋ ์ธ์ง ํ๋ฆ(cognitive flow)์ด๋ผ๋ ๊ฐ๋ ์ด ์์ต๋๋ค. ์ด๋ ์ธ๋ถ ๋ฐฉํด ์์๊ฐ ์ ๊ฑฐ๋๊ฑฐ๋ ์ต์ํ๋๋ ์ ๋๊น์ง ๊ฐ๋ ฌํ ์ง์ค, ์ง์ค๋ ฅ ๋ฐ ํ๋ ์ฐธ์ฌ์ ์ ์ ์ํ๋ก ์ค๋ช ๋ฉ๋๋ค. UX ๋ฐ ๋์์ธ ์์ญ์์ ํ๋ฆ์ ๋ฌ์ฑํ๋ ค๋ฉด ํ์ ๊ฒฝ๋ก, ์ธํฐํ์ด์ค ๊ตฌ์ฑ ์์ ๋ฐ ์๊ฐ์ ๋ ์ด์์๊ณผ ๊ฐ์ ์ ํ๋ฆฌ์ผ์ด์ ์์๊ฐ ์ฌ์ฉ์๊ฐ ์์ฝ๊ฒ ์ฐธ์ฌํ๋ค๋ ์ ์ ์ํ๋ฅผ ์ ์งํ ์ ์๋๋ก ์ ๋ต์ ์ผ๋ก ์ง์ํด์ผ ํฉ๋๋ค.
์ฐ๊ตฌ์ ๋ฐ๋ฅด๋ฉด ์ ํ๋ฆฌ์ผ์ด์ ์ ์ ์ค๊ณ๋ ํ๋ฆ์ ์ฌ์ฉ์ ๋ง์กฑ๋ ํฅ์, ์์ ์ฑ๋ฅ ํฅ์, ์์ ์๋ฃ์จ ํฅ์์ผ๋ก ์ด์ด์ง ์ ์๋ค๊ณ ํฉ๋๋ค. Csikszentmihalyi์ Rathunde์ ์ฐ๊ตฌ์ ๋ฐ๋ฅด๋ฉด ํ๋ฆ์ ๋ฌ์ฑํ๋ ๊ฒ์ ์ฌ์ฉ์๊ฐ ๋น๋ฉดํ ์์ ์ ์์ ํ ๋ชฐ์ ํ ๋ ๋ ๋์ ์์ค์ ์ฐฝ์์ฑ, ์์ฐ์ฑ ๋ฐ ์ฆ๊ฑฐ์๊ณผ ๊ด๋ จ์ด ์์ต๋๋ค. ์ด๋ฌํ ์ด์ ์ ์ ํ๋ฆฌ์ผ์ด์ ์ค๊ณ ํ๋ก์ธ์ค์ ํ๋ฆ์ ํตํฉํ๋ ๊ฒ์ ์ค์์ฑ์ ๊ฐ์กฐํฉ๋๋ค.
์ ํ๋ฆฌ์ผ์ด์ ๋์์ธ์์ ํจ๊ณผ์ ์ธ ํ๋ฆ์ ๋ฌ์ฑํ๋ ค๋ฉด UX ๋์์ด๋์ ๊ฐ๋ฐ์๋ ๋ค์์ ํฌํจํ ๋ค์ํ ์์๋ฅผ ๊ณ ๋ คํด์ผ ํฉ๋๋ค.
1. ์ผ๊ด์ฑ: ์ค๋จ ์๋ ํ๋ฆ์ ์์ฑํ๋ ค๋ฉด ์ ํ๋ฆฌ์ผ์ด์ ์ ์ธํฐํ์ด์ค ์์ ์ ์ฒด์์ ์ผ๊ด๋ ๋ชจ์, ๋๋ ๋ฐ ๋์์ ์ ์งํ๋ ๊ฒ์ด ํ์์ ์ ๋๋ค. ์ผ๊ด์ฑ์ ํตํด ์ฌ์ฉ์๋ ์ด์ ์ง์๊ณผ ๊ฒฝํ์ ์ ํ๋ฆฌ์ผ์ด์ ์ ์๋ก์ด ์์ญ์ผ๋ก ์ด์ ํ ์ ์์ผ๋ฏ๋ก ์๋ก์ด ํจํด ๋ฐ ๋ฉ์ปค๋์ฆ ํ์ต๊ณผ ๊ด๋ จ๋ ์ธ์ง ๋ถํ๊ฐ โโ์ค์ด๋ญ๋๋ค.
2. ๋ช ํํ ํ์ ๊ฒฝ๋ก: ๋ช ํํ๊ณ ๋ ผ๋ฆฌ์ ์ด๋ฉฐ ๊ฐ๋จํ ํ์ ๊ฒฝ๋ก๋ฅผ ๊ณํํ๊ณ ์ค๊ณํ๋ฉด ์ฌ์ฉ์๊ฐ ์ ํ๋ฆฌ์ผ์ด์ ์ ํ ๋ถ๋ถ์์ ๋ค๋ฅธ ๋ถ๋ถ์ผ๋ก ์ฝ๊ณ ์ง๊ด์ ์ผ๋ก ์ด๋ํ ์ ์์ต๋๋ค. ์ด๋ฌํ ์ ์ฐํ ํ์์ ์ฐ๋งํจ, ํผ๋ ๋ฐ ์ค๋ฅ๋ฅผ ์ต์ํํ์ฌ ํ๋ฆ์ ์ ์งํ๋ ๋ฐ ๋์์ด ๋ฉ๋๋ค.
3. ํผ๋๋ฐฑ ๋ฐ ์ปค๋ฎค๋์ผ์ด์ : ์ฌ์ฉ์์๊ฒ ์ ํ๋ฆฌ์ผ์ด์ ๊ณผ์ ์ํธ ์์ฉ ์ ๋ฐ์ ๊ฑธ์ณ ์ค์๊ฐ ํผ๋๋ฐฑ๊ณผ ์ปค๋ฎค๋์ผ์ด์ ์ ์ ๊ณตํ๋ฉด ์ฌ์ฉ์์ ์์ ์ ๊ฐํํ๊ณ ์ํ๋ ๊ฒฐ๊ณผ๋ฅผ ํฅํ ์งํ์ ๋ณด์ฅํจ์ผ๋ก์จ ํ๋ฆ์ ์ ์งํ๋ ๋ฐ ๋์์ด ๋ฉ๋๋ค. ํผ๋๋ฐฑ ๋ฉ์ปค๋์ฆ์ ์๋ก๋ ์งํ๋ฅ ํ์๊ธฐ, ์ํ ๋ฉ์์ง ๋ฐ ์ค๋ฅ ์๋ฆผ์ด ์์ต๋๋ค.
4. ๋ฐฉํด ๋ฐ ๋ฐฉํด ์์ ์ต์ํ: ์ ์ค๊ณ๋ ํ๋ฆ์ ๋ถํ์ํ ๋จ๊ณ, ๊ณผ๋ํ ์ ๋ณด ๋๋ ์ต์ , ๊ด๋ จ ์๋ ๊ธฐ๋ฅ์ ์ ๊ฑฐํ์ฌ ๋ฐฉํด ๋ฐ ๋ฐฉํด ์์์ ๋ฐ์์ ์ค์ ๋๋ค. ์ด๋ฌํ ์ง์ค๋ ๊ฒฝํ์ ํตํด ์ฌ์ฉ์๋ ์์ ์ ๋ณด๋ค ํจ์จ์ ์ด๊ณ ํจ๊ณผ์ ์ผ๋ก ์๋ฃํ ์ ์์ต๋๋ค.
5. ๋ฐ์์ฑ์ด ๋ฐ์ด๋๊ณ ํจ์จ์ ์ธ ์ฑ๋ฅ: ์ ํ๋ฆฌ์ผ์ด์ ์ด ๋น ๋ฅด๊ฒ ๋ก๋๋๊ณ ์ฌ์ฉ์ ์ํธ ์์ฉ์ ์ฆ๊ฐ์ ์ผ๋ก ์๋ตํ๋์ง ํ์ธํ๋ ๊ฒ์ ํ๋ฆ์ ์ ์งํ๋ ๋ฐ ์ค์ํฉ๋๋ค. ๊ณ ์ฑ๋ฅ ์ ํ๋ฆฌ์ผ์ด์ ์ ๋๊ธฐ ์๊ฐ ๊ฐ์, ์ข์ ๊ฐ, ์ฌ์ฉ์ ์ง์ค๋ ฅ ์์ค์ ๊ธฐ์ฌํฉ๋๋ค.
AppMaster ์ no-code ํ๋ซํผ์ UX ๋์์ด๋์ ๊ฐ๋ฐ์๊ฐ ํ์ํ ํ๋ฆ์ผ๋ก ์ ํ๋ฆฌ์ผ์ด์ ์ ๋ง๋ค ์ ์๋๋ก ์ง์ํ๋ ํฌ๊ด์ ์ธ ๋๊ตฌ ๋ฐ ๊ธฐ๋ฅ ์ ํ๊ตฐ์ ์ ๊ณตํฉ๋๋ค. ์ง๊ด์ ์ธ drag-and-drop ์ธํฐํ์ด์ค๋ฅผ ํตํด AppMaster ์ฌ์ฉํ๋ฉด ์ผ๊ด๋๊ณ ์๊ฐ์ ์ผ๋ก ๋งค๋ ฅ์ ์ธ UI ์์๋ฅผ ๋น ๋ฅด๊ฒ ๋์์ธํ ์ ์์ต๋๋ค. ๋ํ ํ๋ซํผ์ ๊ฐ๋ ฅํ Business Process Designer๋ฅผ ํตํด ๊ฐ๋ฐ์๋ ์ํํ๊ณ ์ ๊ตํ ๋น์ฆ๋์ค ๋ ผ๋ฆฌ๋ฅผ ์์ฑํ์ฌ ์ํํ ์ ํ๊ณผ ์ํธ ์์ฉ์ ๋ฌ์ฑํ ์ ์์ต๋๋ค.
๋ํ AppMaster ํ๋ซํผ์ Go๋ก ์์ฑ๋ ์ํ ๋น์ ์ฅ ๋ฐฑ์๋ ์ ํ๋ฆฌ์ผ์ด์ ๊ณผ Vue3 ํ๋ ์์ํฌ ๋ฐ JS/TS๋ก ์์ฑ๋ ๋ฐ์ํ ์น ์ ํ๋ฆฌ์ผ์ด์ ๋๋ถ์ ์ด๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ๊ตฌ์ถ๋ ๊ณ ๊ฐ ์ ํ๋ฆฌ์ผ์ด์ ์ด ๋๋ผ์ด ํ์ฅ์ฑ๊ณผ ์๋ต์ฑ์ ๋ณด์ฌ์ค ์ ์๋๋ก ๋ณด์ฅํฉ๋๋ค. ์ด๋ฌํ ๋น ๋ฅธ ์ฑ๋ฅ์ ํ๋ฆ์ ์ ์งํ๊ณ ๋ง์กฑ์ค๋ฌ์ด ์ฌ์ฉ์ ๊ฒฝํ์ ์ ๊ณตํ๋ ๋ฐ ๋งค์ฐ ์ค์ํฉ๋๋ค.
๊ฒฐ๋ก ์ ์ผ๋ก Flow๋ ์ ํ๋ฆฌ์ผ์ด์ ์ ์ฑ๊ณต์ ํฌ๊ฒ ๊ธฐ์ฌํ๋ ์ฌ์ฉ์ ๊ฒฝํ๊ณผ ๋์์ธ์ ํ์์ ์ธ ์ธก๋ฉด์ ๋๋ค. Flow์ ์ฃผ์ ์์น์ ์ดํดํ๊ณ ํตํฉํจ์ผ๋ก์จ UX ๋์์ด๋์ ๊ฐ๋ฐ์๋ ์ฌ์ฉ์ ๋ง์กฑ๊ณผ ์ฐธ์ฌ๋ฅผ ์ด์งํ๋ ํจ์จ์ ์ด๊ณ ๋งค๋ ฅ์ ์ธ ์ ํ๋ฆฌ์ผ์ด์ ์ ๋ง๋ค ์ ์์ต๋๋ค. AppMasterno-code ํ๋ซํผ์ ์ฐ์ํ ํ๋ฆ์ผ๋ก ์ ํ๋ฆฌ์ผ์ด์ ๊ฐ๋ฐ์ ์ง์ํ๋ ๋ค์ํ ๋๊ตฌ์ ๊ธฐ๋ฅ์ ์ ๊ณตํ๋ฏ๋ก ์ ํ๋ฆฌ์ผ์ด์ ๊ฐ๋ฐ ํ๋ก์ธ์ค๋ฅผ ๊ฐ์ํํ๋ ค๋ ์กฐ์ง์ ์ต๊ณ ์ ์ ํ์ ๋๋ค.