์๋ ํ์ธ์. ๋ฑ ํฌ์๋ฌ๋ Product Language ํ ๊น์ฑ๋ฏผ์ ๋๋ค.
๋ฑ ํฌ์๋ฌ๋์ ํฉ๋ฅ ํ ํ๋ถํฐ ์ง๊ธ๊น์ง ์ฃผ๋ณ ๋์์ด๋๋ถ๋ค์๊ฒ Product Language์ ๊ดํ ์ง๋ฌธ์ ๋ง์ด ๋ฐ์ ์๋๋ฐ์, ์์ง๋ ๊ตญ๋ด์์๋ Product Language๋ผ๋ ๊ฐ๋ ์ด ๋ค์ ์์ํ ๊ฒ ๊ฐ์ต๋๋ค. ์ ๋ ์ฒ์ Product Language๋ฅผ ๊ตฌ์ถํ ๋ ์ฃผ๋ณ์ ์ฐธ๊ณ ํ ๋ ํผ๋ฐ์ค๊ฐ ๋ง์ง ์๊ณ ์ด๋ ค์ ๋ ๊ธฐ์ต์ด ์์ด, Product Language๋ฅผ ๊ตฌ์ถ ์ค์ด๊ฑฐ๋ ๋์ ์์ ์ธ ๋ถ๋ค์๊ฒ ์กฐ๊ธ์ด๋๋ง ๋์์ด ๋๊ณ ์ ๊ธ์ ์ฐ๊ฒ ๋์์ต๋๋ค.
BPL์ ์ต์ด๋ก ์๊ฐํ๋ ์ง๋ ๊ธ์์๋ ๋ฅ์ฑ๋๋๊ป์ iOS ๊ฐ๋ฐ์์ ๊ด์ ์์ BPL์ ์๊ฐํด ์ฃผ์ จ๋ค๋ฉด, ์ ๋ ์กฐ๊ธ ๋ ๋์์ด๋์ ์ ์ฅ์์ ๊ทธ๋์ ์ ํ ์ธ์ด๋ฅผ ๋ง๋ค๋ฉฐ ๊ฒฝํํ๋ ์๋ง์ ์ํ์ฐฉ์ค์ ๊ณ ๋ฏผ๋ค์ ๊ณต์ ๋๋ฆฌ๋๋ก ํ๊ฒ ์ต๋๋ค!
Product Language, ์ฆ โ์ ํ ์ธ์ดโ๋ Design System๊ณผ ์ด๋ป๊ฒ ๋ค๋ฅผ๊น์?
์ ๋ต์ ์ด๋ฆ์ ์์ต๋๋ค. Design System์ ๋ฏธ๋ฆฌ ๋ง๋ค์ด์ง ๋ธ๋ก์ ์๋ฏ ์ผ๊ด๋๊ณ ํจ์จ์ ์ผ๋ก ๋์์ธ์ ํ ์ ์๊ฒ ํด์ฃผ๋ ๋์์ธ์ ์ํ ์ฅ์น๋ผ๋ฉด, Product Language๋ ๋์์ด๋๋ฟ๋ง ์๋๋ผ ์ ํ์ ๋๋ฌ์ผ ์ฌ๋ด์ ๋ชจ๋ ๊ตฌ์ฑ์์ด ์ฌ์ฉํ๋ ์ธ์ด์ ๋๋ค.
์์ง๋ ์ดํด๊ฐ ์ด๋ ค์ฐ์๋ค๊ณ ์? ๊ทธ๋ ๋ค๋ฉด ์ ํ ์ธ์ด๋ฅผ ์ฐ๋ฆฌ๊ฐ ์ฌ์ฉํ๋ ์ง์ง ์ธ์ด์ ๋น์ ํด์ ์ค๋ช ํด ๋ณด๊ฒ ์ต๋๋ค. ๋จผ์ ์๋๋ ์ผ๋ฐ์ ์ธ ์ธ์ด์ ๊ตฌ์กฐ์ ๊ธฐ๋ฅ์ ๋๋ค.
BPL์์์ โComponentโ๋ โ๋จ์ดโ์ ํด๋นํ๋ค๊ณ ๋ณผ ์ ์๋๋ฐ์, ๋จ์ด๊ฐ ๋ชจ์ฌ ๋ฌธ์ฅ์ ์ด๋ฃจ๋ฏ Component๊ฐ ๋ชจ์ฌ ๊ฐ โScene(ํ๋ฉด)โ์ ์ด๋ฃน๋๋ค. โ๊ฐ๋ฐ ๊ฐ์ด๋โ๋ผ๋ โ๋ง์ถค๋ฒโ์ ๋ง๊ฒ ์ปดํฌ๋ํธ๋ฅผ ๋์์ธํ๊ณ ๊ฐ๋ฐํ๋ฉฐ, QA๋ฅผ ํตํด โ๋ง์ถค๋ฒ ๊ฒ์ฌโ๋ฅผ ํฉ๋๋ค. ๋ ๋จ์ด๋ฅผ ์ ์ ํ๊ฒ ์ฌ์ฉํ๋ ๋ฐฉ๋ฒ์ธ โ๋ฌธ๋ฒโ์ ํด๋นํ๋ โ์ฌ์ฉ์ ๊ฐ์ด๋โ๊ฐ ์์ผ๋ฉฐ, ๋ฑ ํฌ์๋ฌ๋์ ๋ชจ๋ ๊ตฌ์ฑ์์ BPL์ ์ฌ์ฉํ์ฌ ์๊ฐ์ ๊ณต์ ํ๊ณ ์ ํ์ ๋ง๋ญ๋๋ค.
๊ทธ๋์ ์ฐ๋ฆฌ๋ ๋์์ด๋์ ์ํ Design System์์ ํ ๋ฐ ๋ ๋์๊ฐ, ๋ชจ๋ ๊ตฌ์ฑ์์ด ์ ํ์ ๊ธฐํํ๊ณ , ๋์์ธํ๊ณ , ๊ฐ๋ฐํ๋๋ฐ ์ฌ์ฉํ๋ ๊ณตํต ์ธ์ด์ธ BPL์ โProduct Languageโ๋ผ๊ณ ๋ถ๋ฅด๊ฒ ๋์์ต๋๋ค.
BPL ํ๋ก์ ํธ๋ Banksalad์ ์๋น์ค ๊ฐํธ๊ณผ ํจ๊ป ์ฌํด ์ด๋ถํฐ ์์๋์๋๋ฐ์, ๊ทธ๋์ ์ ๋ง ๋ง์ ์ํ์ฐฉ์ค๊ฐ ์์์ต๋๋ค.
๋จผ์ ์ฌํด 1์๋ถํฐ ๋ฑ ํฌ์๋ฌ๋ 2.0 ํ๋ก์ ํธ๋ก ๋๋์ ์ธ ์๋น์ค ๊ฐํธ์ ์์ํ๋ฉฐ ์๋ก์ด ํ๋ฉด์ ๊ธฐํํ๊ณ , ๋์์ธํ๊ธฐ ์์ํ์ต๋๋ค. ๊ฐ์ ํฐํธ, ์ปฌ๋ฌ, ๊ฐ๊ฒฉ ๋ฑ ์ต์ํ์ ์ฝ์๋ง ๊ฐ์ง๊ณ ์์ ํ์ผ๋ฉฐ, ์์ ๋กญ๊ฒ ๋ฑ ํฌ์๋ฌ๋๊ฐ ์ถ๊ตฌํ๋ ๋ฐฉํฅ์ ๋ง๋ ์๋ก์ด ๋์์ธ์ ๋์ถํด๋ด๋ ์๊ธฐ์์ต๋๋ค.
2๋ถ๊ธฐ๋ถํฐ๋ ๋์์ธ ๊ฐํธ์ ์ฌ์ฉํ ๋ชจ๋ ์์๋ฅผ BPL ์ปดํฌ๋ํธ๋ก ์ ์ํ๊ธฐ์ ๋์ ํ๋๋ฐ์, BPL์ ์๊ฐ์ด ์ง๋ ์๋ก ๋ ํฐ ํ์ ๋ฐํํ ๊ฒ์ด๋ผ ๋ฏฟ์ด ๋น์ฅ์ ๋ค๋ฅธ ๊ณณ์์ ์ฌ์ฌ์ฉ์ด ๋์ง ์๋๋ผ๋ ์์ธ ์์ด ๋ชจ๋ BPL๋ก ๋ง๋ค๊ธฐ๋ก ์ฝ์ํ๊ธฐ ๋๋ฌธ์ ๋๋ค. ๊ทธ ๋น์์๋ ์ด๋ฐ ๊ฐ๋จํ ๊ฒ๋ค๋ BPL๋ก ๋ง๋ค์ด์ผ ํ๋ ์ถ์ ๋ง์์ด ๋ค์์ง๋ง, ๋์ค์๋ ์ฌ๊ธฐ์ ๊ธฐ์ ์ฌ์ฌ์ฉ ๋๋ ๊ฒ์ ๋ณด๋ฉฐ ์ฐธ ๋ฟ๋ฏํ๋ ๊ธฐ์ต์ด ๋ฉ๋๋ค.
์ด๋ ๋ฏ ์๋ฐ๊ธฐ๊น์ง์ BPL์ Design System๊ณผ ํฌ๊ฒ ๋ค๋ฅด์ง ์์ ๋ชจ์ต์ด์์ผ๋ฉฐ, ์ ํ ์ธ์ด๋ก ๋ฐ์ ํ๊ธฐ ์ํด ๋จ์ด๋ค์ด ๋ฌด์ํ ๋ง๋ค์ด์ง๋ ์๊ธฐ์๋ค๊ณ ์๊ฐ๋ฉ๋๋ค. ์ด๋ ํ๋ ๊ฐ์ฅ ์ํ ๊ฒฐ์ ์ค ํ ๊ฐ์ง๋ ๋ฐ๋ก ๋์์ธ ํด์ Sketch์์ Figma๋ก ๋ฐ๊พผ ๊ฒ์ด์์ต๋๋ค. Figma์ ์ค์๊ฐ ํ์ ๊ธฐ๋ฅ์ผ๋ก ๋์์ด๋๋ค๋ผ๋ฆฌ ๋น ๋ฅด๊ฒ ํผ๋๋ฐฑ์ ์ฃผ๊ณ ๋ฐ์ผ๋ฉฐ ์๋ฐฑ๊ฐ์ ์ปดํฌ๋ํธ๋ฅผ ๋ง๋ค์ด๋๊ฐ ์ ์์์ต๋๋ค. ๋ Sketch๋ฅผ ์ฌ์ฉํ ๋๋ Zeplin์ด๋ผ๋ ํ์ ํด์ ์ฌ์ด์ ๋๊ณ ๊ฐ๋ฐ์๋ถ๋ค๊ณผ์ ์คํด๊ฐ ์ข ์ข ๋ฐ์ํ์๋๋ฐ, Figma๋ก ๋์์ธํ๋ฉด ๋์์ด๋๊ฐ ์๋ํ ๋ ์ด์ด ๊ตฌ์กฐ๋ฅผ ๊ฐ๋ฐ์๋ถ๋ค์ด ๊ทธ๋๋ก ํ์ธํ ์ ์์ด ์์ฌ์ํต ๋น์ฉ์ด ๋ง์ด ๋ฎ์์ก์ต๋๋ค. ๋ชจ๋ ์ง๊ตฐ์ด ์ฌ์ฉํ๋ ํ๋์ ๊ณตํต ์ธ์ด๋ฅผ ๋ง๋ค๊ธฐ ์ํด์, ์ด๋ ๊ฒ ํด์ ๋จ์ผํํ๋ ๊ฒฐ์ ์ ํ์ฐ์ ์ด์์ต๋๋ค.
๋ ๊ทธ๋์ ์ฌ๋ฌ ๋ช ์ ๋์์ด๋๋ถ๋ค์ด ์ปดํฌ๋ํธ๋ฅผ ๊ฐ์ ๋ง๋ค๋ค ๋ณด๋ ๋ชจ์ต๊ณผ ๊ฐ์ด๋๊ฐ ์ ๊ฐ๊ฐ์ด์๋๋ฐ์, ๊ทธ๋ฌํ ์๋ฐฑ ๊ฐ์ ์ปดํฌ๋ํธ๋ฅผ ์ผ๊ด๋๊ฒ ์ ๋ฆฌํ๊ธฐ์ ์์ ๋ชจ๋ ์ปดํฌ๋ํธ๋ฅผ ์์ฐ๋ฅด๋ ๊ณตํต์ ๊ท์น์ด ํ์ํ๊ณ , ์ฐ๋ฆฌ๋ 3๋ถ๊ธฐ์ ๋ค์ด์์์ผ BPL Ground Rules๋ฅผ ์๋ฆฝํ์ฌ ์ปดํฌ๋ํธ๋ค์ ๊ด๋ฆฌํ๊ฒ ๋์์ต๋๋ค.
์ฌ์ค ์ฒ์๋ถํฐ ๊ธฐ๋ณธ์ ์ธ ๊ท์น์ ์์ ํ ์๋ฆฝํ๊ณ ์ปดํฌ๋ํธ๋ฅผ ์ ์ํ๋ค๋ฉด ์ข์๊ฒ ์ง๋ง, ๋ง์ ์ํ์ฐฉ์ค๋ฅผ ๊ฑฐ์น๋ฉฐ ๊ท์น์ด ๊ณ์ํด์ ๋ฐ๋๊ฒ ๋์๊ณ , ๋ง์ ์ปดํฌ๋ํธ๋ค์ด ๋ง๋ค์ด์ง ํ์์ผ ์ ํฌ๋ ๋ชจ๋ ์ปดํฌ๋ํธ๋ฅผ ์์ฐ๋ฅผ ์ ์๋ Ground Rules๋ฅผ ์๋ฆฝํ ์ ์์์ต๋๋ค. ์ด ๊ธ์ ์ฝ์ผ์๋ ๋ถ๋ค ์ค ํน์ Product Language๋ฅผ ๊ตฌ์ถํ๋ ค๋ ๋ถ๋ค์ด ์์ผ์๋ค๋ฉด ์กฐ๊ธ์ด๋๋ง BPL์ ์ฌ๋ก๊ฐ ๋์์ด ๋ ์ ์๋๋ก, ์๋ง์ ์ํ์ฐฉ์ค ๋์ ๋ง๋ค๊ฒ ๋ BPL Ground Rules๋ฅผ ๊ณต์ ๋๋ฆฌ๊ฒ ์ต๋๋ค!
์ ํฌ๋ ๊ฐ์ฅ ๋จผ์ Container๋ผ๋ ๊ฐ๋ ์ ๋ง๋ค์์ต๋๋ค. ์ด Container ์์๋ ๋ค์ํ ์์๋ค์ด ๋ค์ด๊ฐ ์ ์๊ณ , ์ต์ข ์ ์ผ๋ก Container๋ค์ด ์์ฌ ๊ฐ Scene์ ๊ตฌ์ฑํ๊ฒ ๋ฉ๋๋ค.
Container์ ํฌํจ๋ ์ ์๋ ์์๋ ์ข ๋ฅ์ ๋ฐ๋ผ 3๊ฐ์ง๋ก ๊ตฌ๋ถํ์ต๋๋ค. Non Component๋ BPL ์ปดํฌ๋ํธ๊ฐ ์๋ ์์๋ค๋ก image๋ system ui ๋ฑ์ด ์์ต๋๋ค. Element๋ icon, button, divider ๋ฑ ์ต์๋จ์์ ์ปดํฌ๋ํธ๋ฅผ ์๋ฏธํฉ๋๋ค. Child๋ ํด๋น ๋ถ๋ชจ Container ๋ด์์๋ง swap(๊ต์ฒด)์ด ๊ฐ๋ฅํ ์ปดํฌ๋ํธ๋ฅผ ์๋ฏธํฉ๋๋ค.
ํน์ Container ๋ด์์๋ง ์ฌ์ฉํ๋ ์ปดํฌ๋ํธ๋ค์ Child๋ก ๋ง๋ค์ด ํด๋น Container๊ฐ ๊ฐ์ง Child ๋ผ๋ฆฌ๋ง ๊ต์ฒด๊ฐ ๊ฐ๋ฅํ๋๋ก ์ ํํ์๊ณ , Button์ด๋ Icon์ฒ๋ผ ๋ค์ํ ๊ณณ์์ ์ฌ์ฉ๋๋ Element๋ค์ ๋ค์ํ Container์ ํฌํจ๋์ด ์ฌ์ฉ๋ ์ ์๋๋ก ์์ ๋ฅผ ์ฃผ์์ต๋๋ค. Figma์์๋ ๋ค๋ฅธ ๋์์ธ ํด๊ณผ ๋ง์ฐฌ๊ฐ์ง๋ก ๋ชจ๋ ์ปดํฌ๋ํธ๋ฅผ ๋ง์๋๋ก ๊ต์ฒด ํ ์ ์์๊ธฐ ๋๋ฌธ์, ์์ ๊ฐ์ ๋ฐฉ๋ฒ์ผ๋ก ์ ์์๊ฐ ์๋ํ์ง ์์ ๊ฒฐ๊ณผ๋ฌผ์ด ๋์ค๋ ๊ฒ์ ๋ฐฉ์งํ ์ ์์์ต๋๋ค.
๊ฒฐ๋ก ์ ์ผ๋ก BPL ์ฌ์ฉ์๋ Container๋ง ๊บผ๋ด ๊ฐ์์ Scene์ ๋์์ธํ๋ฉด ๋๊ณ , ํ์ํ ๊ฒฝ์ฐ ๊ฐ Container๊ฐ ์ง๋๊ณ ์๋ Child๋ Element๋ฅผ ๊ต์ฒดํด ์ฃผ๊ธฐ๋ง ํ๋ฉด ๋ฉ๋๋ค.
์ด๋ ๊ฒ ์๋ฐฑ ๊ฐ์ ์ปดํฌ๋ํธ๋ฅผ ์ฉ๋์ ๋ง๊ฒ ๊ทธ๋ฃนํํ์ฌ ๊ด๋ฆฌ์ ์ฌ์ฉ์ด ์ฉ์ดํ๋๋ก ๋ง๋ค์๋๋ฐ์, ํนํ ์ปดํฌ๋ํธ์ ์ด๋ฆ์ ๋ชจ๋ ์ง๊ตฐ์ด ๊ณตํต์ผ๋ก ์ฌ์ฉํ๋ ๊ฒ์ด๊ธฐ ๋๋ฌธ์ ๋ชจ๋ ํฉ์ํ Naming rules์ ๋ง๊ฒ ์ง์ด์ง๊ณ ์์ต๋๋ค.
์ปดํฌ๋ํธ์ ์ด๋ฆ์ ๊ธฐ๋ณธ์ ์ผ๋ก ๊ณ ์ ๋ฒํธ_Category/(Type)/Name์ ๊ท์น์ผ๋ก ์ง์ด์ง๋๋ค.
Category๋ ๋ฒํผ, ํญ, ํ์ดํ, ๋ฐฐ๋์ฒ๋ผ ์ปดํฌ๋ํธ์ โ๊ธฐ๋ฅ ๋ฐ ์ฉ๋โ์ ๋ฐ๋ผ ๋๋์๊ณ , ๊ฐ ์นดํ ๊ณ ๋ฆฌ์ ํด๋นํ๋ ๊ณ ์ ๋ฒํธ๋ฅผ ๋ถ์ฌ๋ฐ์ต๋๋ค. ์นดํ ๊ณ ๋ฆฌ ๋ด์์ ๋ณ๋ ํ์ ์ผ๋ก ํ ๋ฒ ๋ ๊ตฌ๋ถ์ด ํ์ํ ๊ฒฝ์ฐ optional ํ๊ฒ Type๋ช ์ ์จ์ฃผ๊ณ ์๋๋ฐ์, Child์ ๊ฒฝ์ฐ๋ ์ด๋ ๊ฒ Child ํ๊ธฐ๋ฅผ ํด์ฃผ๊ณ ์์ต๋๋ค. ๋ง์ง๋ง์ ๋ถ๋ Name์ ์ปดํฌ๋ํธ์ โํํ ๋ฐ ๊ตฌ์ฑ์์โ์ ๋ฐ๋ผ IconTextButton, TextImage ์ฒ๋ผ ์จ์ฃผ๊ณ ์๋๋ฐ์, ๊ฐ์ ์นดํ ๊ณ ๋ฆฌ ๋ด์์๋ ์ด๋ฆ์ด ๊ฒน์น๋ ๊ฒฝ์ฐ์๋ ๋ค์ ์ฌ์ด์ฆ(Large, Small)๋ ์ซ์๋ฅผ ๋ถ์ฌ ๋ค์ด๋ฐ ์ค๋ณต์ ํผํ๊ณ ์์ต๋๋ค.
๋ ์คํ ์ค์ธ ์ปดํฌ๋ํธ์ ๊ฒฝ์ฐ๋ Name ๋ค์ ์์๋ก _ExpA, _ExpB์ฒ๋ผ ์คํ๊ตฐ ํ์๋ฅผ ํ์ฌ ์คํ์ ์งํํ๊ณ , ์คํ์ด ์ข ๋ฃ๋๋ฉด ๊ฒฐ๊ณผ์ ๋ฐ๋ผ ์ ์ ์ปดํฌ๋ํธ๋ก ์ธ์ (์ซ์ ๋ถ์ฌ) ๋๊ฑฐ๋ ์ญ์ ๋ ์ ์์ต๋๋ค.
์ด๋ ๊ฒ Naming Rules๋ฅผ ํฌํจํ BPL์ Ground Rules๋ ๋ชจ๋ ์ง๊ตฐ๊ณผ ํ๋ซํผ์ด ๊ณตํต์ผ๋ก ๋ณด๊ณ ์ฌ์ฉํ๋ ๊ธฐ๋ณธ์ ์ธ ๊ท์น๊ณผ ๊ธฐ์ค์ด ๋์์ต๋๋ค.
BPL์ ๋ชจ๋ ์ปดํฌ๋ํธ๋ Figma์์ ๋์์ธ ๋ฐ ๊ฐ์ด๋ ๋ฉ๋๋ค. Figma์ ์ข์ธก ํจ๋์์๋ naming๊ณผ layer ๊ตฌ์กฐ๋ฅผ ํ์ธํ๊ณ , ์ฐ์ธก ํจ๋์์๋ text์ color๊ฐ, auto layout์ ๋น๋กฏํ์ฌ ๊ฐ์ข ์์น์ ์ต์ ๊ฐ์ ํ์ธํ ์ ์์ต๋๋ค.
๊ทธ๋ฌํ ์ปดํฌ๋ํธ์ ๊ธฐ๋ณธ์ ์ธ ๊ตฌ์กฐ, ํํ์ ๋ํ guide ์ธ์๋ ์ถ๊ฐ์ ์ผ๋ก ํ์ธ์ด ํ์ํ ๋ถ๋ถ(text maximum ์์ญ์ ๋์ด๊ฐ ๊ฒฝ์ฐ ์ฒ๋ฆฌ ๋ฐฉ์, ๊ตฌ์ฑ ์์์ display On/Off ๊ฐ๋ฅ ์ฌ๋ถ, touch area ๋ฐ ์ธํฐ๋์ ์ ๊ดํ ๋ด์ฉ ๋ฑ)์ โ๊ฐ๋ฐ ๊ฐ์ด๋โ๋ก Figma ์์ ๋ณ๋ ํ๊ธฐํ๊ณ ์์ต๋๋ค.
๊ฐ๋ฐ ๊ฐ์ด๋๋ BPL์ ๊ฐ๋ฐํ์๋ ๊ฐ ํ๋ซํผ ๊ฐ๋ฐ์๋ถ๋ค์ด ๋ณด์๋ ๊ฐ์ด๋๋ผ๋ฉด, ์ฌ์ฉ์ ๊ฐ์ด๋๋ BPL์ ์ฌ์ฉํ๋ ๋ชจ๋ ์ง๊ตฐ์ด ๋ณด๋ ๊ฐ์ด๋์ ๋๋ค. ๋ง๋ค์ด์ง ์ปดํฌ๋ํธ๋ฅผ ์ด๋ป๊ฒ ์ฌ์ฉํ๋์ง์ ๋ํ ๊ถ์ฅ์ฌํญ๊ณผ ์ ํ๋๋ ๋ด์ฉ๋ค์ ์ปดํฌ๋ํธ ๋ณ๋ก ์ ๋ฆฌํด๋์๊ณ , ์ฌ๋ด ๊ตฌ์ฑ์ ๋๊ตฌ๋ ๋ณผ ์ ์๋๋ก ์ ์ํ๊ณ ์์ต๋๋ค.
BPL์ ๊ทธ๋์ ๋ง์ ์์ ์ ๊ฑฐ์น๋ฉฐ ๋ฐ์ ํด์์ต๋๋ค. ๋ชจ๋ ํ๋ซํผ์์ ์ต์ ๋ฒ์ ์ ์ปดํฌ๋ํธ๊ฐ ๋ชจ๋ ๋ง๋ค์ด์ ธ ์์ด์ผ ์ด์์ ์ด๊ฒ ์ง๋ง, ๊ณ์ํด์ ๋ณ๋ ์ฌํญ์ด ์๊ธฐ๊ณ , ํ๋ซํผ ๊ฐ์ ๊ฐ๋ฐ ํํฉ๋ ์ฐจ์ด๊ฐ ์๋ ์ํฉ์ ๋๋ค. ๊ทธ๋ ๊ธฐ ๋๋ฌธ์ ๋ชจ๋ ํ๋ซํผ์ด ํ๋์ ํ์ผ์ ๋ณด๋ฉด์ ์์ ํ๊ธฐ๋ณด๋ค๋ ๋์์ธ ์ ๋ฐ์ดํธ์ ๋ฐ๋ผ ๋ฒ์ ๋ณ๋ก ํ์ผ์ ๊ตฌ๋ถํด์ ๊ด๋ฆฌํ๊ฒ ๋์์ต๋๋ค.
๋์์ด๋๋ ์ต์ ๋ฒ์ ์์๋ง ์ปดํฌ๋ํธ๋ฅผ ์ถ๊ฐํ๊ณ , ๊ฐ๋ฐ์๋ถ๋ค์ ๊ฐ์์ ํ๋ซํผ ์งํ ์ํฉ์ ๋ง๋ fixed ๋ฒ์ ์ ๋ณด๋ฉฐ ์์ ์ ํด์ฃผ์ญ๋๋ค.
๋ฒ์ ์ ์ด ๋ ๋๋ง๋ค ์๋ง์ ์ปดํฌ๋ํธ์ ์์ ๋ด์ญ๊ณผ ๊ฐ๋ฐ ํํฉ์ ์ผ์ผ์ด ๊ธฐ๋กํ๊ธฐ์๋ ์ ์ง ์์ ๋ฆฌ์์ค๊ฐ ํ์ํ๊ณ , ๋๋ฝ๋๋ ๊ฑด๋ ์ข ์ข ๋ฐ์ํ๊ธฐ ์ผ์ค์๋๋ฐ์, ๊ทธ๋์ ํจ์จ์ ์ธ ๋ฐฉ์์ ๊ณ ๋ฏผํ๋ ์ค BPL ํ์์ Figma์ ๋ชจ๋ ์ปดํฌ๋ํธ ๋ชฉ๋ก์ ์ถ๋ ฅํด ์ฃผ๋ Figma ํ๋ฌ๊ทธ์ธ๋ ์ ์ํ๊ฒ ๋์์ต๋๋ค!
Component List Generator๋ ์คํ์์ค ํ๋ฌ๊ทธ์ธ์ผ๋ก ์์ค์ฝ๋๊ฐ ๊ณต๊ฐ๋์ด ์์ต๋๋ค. (ํ์ฌ ํ๋ฌ๊ทธ์ธ์ Figma์์ ์ฌ์ฌ์ค์ ๋๋ค. ์ฌ์ฌ๊ฐ ํต๊ณผ๋๋ฉด ๋ชจ๋ ๋ถ๋ค์ด ์์ ๋กญ๊ฒ ์ฐ์ค ์ ์์ต๋๋ค.) ์ ํฌ๋ Component List Generator๋ฅผ ์ฌ์ฉํด ํฐ ๊ณต์ ์์ด ๋ฒ์ ๋ณ ์์ ๋ด์ญ์ ๊ธฐ๋กํ๊ณ , ์ปดํฌ๋ํธ๋ณ ๊ฐ๋ฐ ํํฉ ํ์ ์๋ ํ์ฉํ ์ ์๊ฒ ๋์์ต๋๋ค.
๋ ํ๋ซํผ๋ณ ์ํ ์ฑ์ ํตํด ๊ฐ๋ฐ๋ ์ปดํฌ๋ํธ๋ฅผ ํ์ธํด ๋ณผ ์ ์๋๋ฐ์, ํญ์ ๋์์ด๋์ ์์ฒญ์ ์ ๊ทน์ ์ผ๋ก ๋ฐ์ํด ์ฃผ์๊ณ ์ข์ ๋ฐฉ์์ ๋จผ์ ์ ์ํด ์ฃผ์๋ ํ๋ฅญํ์ BPL ๊ฐ๋ฐ์๋ถ๋ค ๋๋ถ์ด๋ผ๊ณ ์๊ฐํฉ๋๋ค. ์ด ์๋ฆฌ๋ฅผ ๋น๋ ค ๊ฐ์ฌ์ ๋ง์ ์ ํ๊ณ ์ถ์ต๋๋ค. ๐๐ปโโ
๋ฑ ํฌ์๋ฌ๋๋ ์ ๋ง ๋น ๋ฅด๊ฒ ์ฑ์ฅํ๊ณ ์์ต๋๋ค. ์ ๊ฐ ์ฒ์ ์ ์ฌํ์ ๋๋ Product Designer๊ฐ 3๋ช ๋ฟ์ด์๊ณ , BPL์์ปค๋ ๋ง์ ์ ๋ฌด ์ฒด๊ณ๊ฐ ์ ๋๋ก ์กํ์์ง ์์ ์ํ์์ต๋๋ค. ํ์ง๋ง 1๋ ๋ ์ง๋์ง ์์ ํ์ฌ Product Designer๋ง 18๋ช ์ผ๋ก ๊ธ๊ฒฉํ ๋์ด๋ฌ์ต๋๋ค. ์ด๋ ๊ฒ ๋น ๋ฅด๊ฒ ์ฑ์ฅํ๋ ์กฐ์ง์์ ๋์์ด๋๋ถ๋ค์ด ํจ์จ์ ์ผ๋ก ์ผํ๊ณ , ์ผ๊ด๋ ๋์์ธ ๊ฒฐ๊ณผ๋ฌผ์ ๋์ถํ๊ธฐ ์ํด์๋ BPL์ ๋์ ๊ณผ ํจ๊ป ๋ง์ ์ ๋ฌด ํ๋ก์ธ์ค์ ๋จ์ผํ, ์ ์งํ๊ฐ ํ์ํ์ต๋๋ค.
ํ์ฌ ๋ฑ ํฌ์๋ฌ๋์ ๋์์ด๋๋ ์ ๋ฌด์ ํ์ํ ์ต์ํ์ ํด๋ง์ ์ฌ์ฉํ์ฌ ์ผํ๊ณ ์์ต๋๋ค.
๊ธฐ์กด์๋ ๋์์ธ ์์ ๊ณผ ๊ฐ์ด๋, ํ๋กํ ํ์ดํ, ๋ฒ์ ๊ด๋ฆฌ๋ฅผ ์ํ ํด๋ค์ด ๋ชจ๋ ๋ถ์ฐ๋์ด ์์๋๋ฐ ์ด๋ฅผ ํ๋์ ํด์ธ Figma๋ก ํตํฉํ๊ณ , ์ปค๋ฎค๋์ผ์ด์ ์ Slack, ์ ๋ฌด ์์ฒญ์ Jira๋ก ํ๊ณ , ๋ฐ์ดํฐ๋ Amplitude๋ก ํ์ธํฉ๋๋ค.
๊ทธ๋ ๋ค๋ฉด ๊ฐ ๋์์ด๋๋ถ๋ค์ ํ์ ์ ์ด๋ป๊ฒ ์ด๋ฃจ์ด์ง๊น์?
๋ฑ ํฌ์๋ฌ๋์ Product Designer๋ ๊ฐ๊ณ๋ถ, ํฌ์, ๊ฑด๊ฐ ๋ฑ ํน์ ๋๋ฉ์ธ ๋จ์๋ก ๋ชจ์ธ ๊ฐ ์ค์ฟผ๋์ ์์๋๊ฑฐ๋, BPL, UX Strategy ๋ฑ ์ ํ ์ ๋ฐ์ ๊ฑธ์ณ ๊ณตํต์ ๊ฐ์ด๋๋ฅผ ์๋ฆฝํ๊ณ , ์ค์ฟผ๋๋ฅผ ์ง์ํ๋ Product Foundation์ ์์๋๊ฒ ๋ฉ๋๋ค.
๊ฐ ์ค์ฟผ๋์ Product Designer๋ค์ ๋จผ์ ์ค์ฟผ๋์์ ํ์ํ ๊ธฐํ ๋ฐ ๋์์ธ์ ์งํํด ์ฃผ์ญ๋๋ค. ์ด ๊ณผ์ ์์ ์ค์ฟผ๋ ๋์์ด๋๊ฐ ์ํ์ ๋ค๋ฉด BPL ๋์์ด๋์ ํจ๊ป ํ์ด๋ง์ ์งํํ๊ธฐ๋ ํ๋๋ฐ์, ํ์ด๋ง ์์ ์ ํตํด ์ค์ฟผ๋ ๋์์ด๋ ํผ์์ ๋์์ธํ ๋๋ ๋งํ๋ ๋ถ๋ถ์ด ์ฝ๊ฒ ํด๊ฒฐ๋๊ธฐ๋ ํ๊ณ , BPL ๋์์ด๋๋ ํด๋น ์ค์ฟผ๋์ ๋๋ฉ์ธ์ ํ์ตํ๋ฉด์ UX ์ ์ธ ๊ณ ๋ฏผ๋ ํจ๊ป ํ ์ ์์ด ์๋ก ๋์์ ์ฃผ๊ณ ๋ฐ์ ์ ์์ต๋๋ค. ์ค์ฟผ๋๋ ๋น ๋ฅธ ์คํ์ ์ํด BPL ์ปดํฌ๋ํธ๋ฅผ ์ ๊ทน ํ์ฉํด ์ฃผ์์ง๋ง, ์ถ๊ฐ๋ก ์ ์์ด ํ์ํ ์ปดํฌ๋ํธ๊ฐ ์๋ ๊ฒฝ์ฐ BPL ๋์์ด๋์๊ฒ ์์ฒญํด ์ฃผ์๊ธฐ๋ ํฉ๋๋ค.
์ด๋ ๊ฒ ๋์์ธ๋ ์ปดํฌ๋ํธ๋ BPL ๊ฐ๋ฐ์๋ถ๋ค๊ป์ ๊ฐ๋ฐํด ์ฃผ์๊ณ , ์ค์ฟผ๋ ๊ฐ๋ฐ์๋ถ๋ค์ ๊ฐ๋ฐ๋ BPL ์ปดํฌ๋ํธ๋ฅผ ํ์ฉํด ๊ฐ ํ๋ฉด(scene)์ ๊ฐ๋ฐํด ์ฃผ์๋๋ฐ์, ๊ฒ์๋ BPL ๋์์ด๋์ ์ค์ฟผ๋ ๋์์ด๋๊ฐ ํจ๊ป cross check ํฉ๋๋ค.
๋ํ ๊ธฐ์กด ์ปดํฌ๋ํธ๋ฅผ ๋์ฒดํ ๋งํ ๋ ์ข์ ์ปดํฌ๋ํธ๊ฐ ์๋ค๋ฉด ๋๊ตฌ๋ ์ ์ํ๊ณ ์ฑ๋ฆฐ์ง ํ ์ ์์ต๋๋ค. ์ด ๊ฒฝ์ฐ ์ ๊ท ์ปดํฌ๋ํธ๋ฅผ ์คํ๊ตฐ์ผ๋ก ์คํ์ ์งํํ๊ณ , ์คํ๊ตฐ์ด ์ ์๋ฏธํ ๊ฒฐ๊ณผ๋ก ์น๋ฆฌํ๋ค๋ฉด ๋์กฐ๊ตฐ์ ๋์ฒดํ ์ ์์ต๋๋ค. ์ด๋ ๊ฒ ์ปดํฌ๋ํธ์ ๊ฐ๋ ์ฑ๊ณผ ๋์์ธ ๊ด๋ จ ์คํ์ ์งํํ๋ฉฐ ๋ ํจ๊ณผ์ ์ด๊ณ ๋งค๋ ฅ์ ์ธ ์ปดํฌ๋ํธ๋ฅผ ๋ฐ์ดํฐ์ ๊ธฐ๋ฐํ์ฌ ๊ณ์ํด์ ๋ง๋ค์ด ๊ฐ๊ณ ์์ต๋๋ค.
๊ทธ๋ ๋ค๋ฉด ๊ธฐ์กด๊ณผ ๋น๊ตํ์ฌ BPL์ ๋์ ํ ํ ๋ฑ ํฌ์๋ฌ๋์๋ ์ด๋ ํ ๋ณํ๊ฐ ์์์๊น์?
BPL์ ํ๋ฐ๊ธฐ์ ๋ค์ด์๋ฉด์ ๋ณธ๊ฒฉ์ ์ผ๋ก ๋ค์ํ ๊ธฐํ ๋ฐ ์คํ์ ์ฌ์ฉ๋๊ธฐ ์์ํ์๊ธฐ ๋๋ฌธ์ ์๋ฐ๊ธฐ์ ๋น๊ตํ์ฌ BPL ๋์ ํ ๋ฌ๋ผ์ง ์ ๊ณผ ์ฑ๊ณผ๋ฅผ ์ ๋ฆฌํด๋ณด์์ต๋๋ค.
์ฐ์ ํ๋ฐ๊ธฐ์๋ ์๋ฐ๊ธฐ ๋๋น ์ปดํฌ๋ํธ๊ฐ ํ์ฌ๊น์ง 206๊ฐ(+47%) ์ฆ๊ฐํ 642๊ฐ๊ฐ ๋์์ต๋๋ค. ์ ๊ท ์ ์๋๋ ์ปดํฌ๋ํธ์ ๊ฒฝ์ฐ 7์๋ถํฐ ๋งค๋ฌ 136๊ฐ > 23๊ฐ > 19๊ฐ > 15๊ฐ > 13๊ฐ๋ก ์ ์ ์ค์ด๋๋ ์ถ์ธ์ด๋ฉฐ, ๊ธฐ์กด ์ปดํฌ๋ํธ์ ์ฌ์ฌ์ฉ๋ฅ ์ 7์๋ถํฐ 43% > 52% > 74% > 79% > 85%๋ก ์ฆ๊ฐํ๊ณ ์์ต๋๋ค. ์ต๊ทผ์๋ ๊ธฐ์กด ์ปดํฌ๋ํธ๋ฅผ 100% ์ฌ์ฌ์ฉํ์ฌ ์ฐฉ์ํ๋ ์คํ๋ ๋ง์์ง๊ณ ์์ต๋๋ค. ๊ธฐ์กด ์ปดํฌ๋ํธ์ ์ฌ์ฌ์ฉ๋ฅ ์ด ๋์์๋ก ๋์์ธ๊ณผ ๊ฐ๋ฐ, ๊ฒ์ ๋ฑ์ ์์๋ ์๊ฐ์ด ๋ง์ด ์ ์ฝ๋์๋ค๊ณ ๋ณผ ์ ์๊ณ , ๊ทธ๋งํผ ๋์์ธ ์ผ๊ด์ฑ๋ ๋์์ก๋ค๋ ์๊ธฐ์ด๋ฏ๋ก ์ ํฌ๋ ํญ์ ์ด ์์น๋ฅผ ์ ์๋ฏธํ๊ฒ ๋ณด๊ณ ์๋๋ฐ์, 11์ ํ์ฌ๊น์ง ์ด 81๊ฐ์ ์ ๊ท ์คํ์์ BPL์ด ์ฌ์ฉ๋๋ฉฐ ๋น ๋ฅธ ์คํ ์ฐฉ์์ ๋์์ธ ์ผ๊ด์ฑ ๋ฐ ์ ํ ํ๋ฆฌํฐ ํฅ์์ ๊ธฐ์ฌํ๊ณ ์์ต๋๋ค.
๋ํ ์ ํฌ๋ ์ฐ๋ฆฌ์ ๊ณ ๊ฐ์ธ ๋ชจ๋ BPL ์ฌ์ฉ์๋ถ๋ค์ ๋์์ผ๋ก User Survey๋ฅผ ์งํํ์ฌ ๋ค์ํ ํผ๋๋ฐฑ์ ๋ฐ์๋ณด์๋๋ฐ์, ์ง๋ 3๋ถ๊ธฐ ์ค๋ฌธ ๊ฒฐ๊ณผ ์ธ๋น ์์ ์๊ฐ์ ํ ๋ฌ์ ์ฝ 38.5์๊ฐ ์ ์ฝํ๋ค๋ ๊ฒฐ๊ณผ๋ฅผ ์ ์ ์์์ต๋๋ค. (์ ์ฝํ ์๊ฐ์ ๊ฐ์์ ๋์์ด๋๊ฐ ํ ๋ฌ ๋์ ๋์์ธ ํ ํ๋ฉด์ ์์ ๊ฐ ํ๋ฉด์์ BPL์ ํตํด ์ ์ฝํ๋ค๊ณ ์๊ฐํ๋ ์๊ฐ์ ๊ณฑํ์ฌ ๊ณ์ฐํ์์ต๋๋ค.) ์ด๋ ํ๋ฃจ 8์๊ฐ ์ผ์ ํ๋ค๊ณ ๊ฐ์ ํ์ ๋ ํ ๋ฌ์ ์ฝ 5์ผ ์ ๋๋ฅผ ์ ์ฝํ ์ ์ด๊ณ , ๊ทธ ์๊ฐ ๋์ ๋์์ธ์ด ์๋ ๊ณ ๊ฐ ๋ง์กฑ๊ณผ ์๋น์ค ๋ฐ ๋น์ฆ๋์ค ๊ธฐํ ๋ฑ ๋ค๋ฅธ ๋ถ๋ถ์ ๋ ๋ชฐ๋ํ๋ฉฐ ์ข์ ์ ํ์ด ๋์ฌ ์ ์๋๋ก ์ ํ ์ ๋ฐ์ BPL์ด ๊ธฐ์ฌํ๋ค๊ณ ํ ์ ์์ต๋๋ค.
์ ์ ์๋ฒ ์ด์์ ๋์จ ์๊ฒฌ๋ค์ ๋ฐํ์ผ๋ก, ์์ผ๋ก๋ ์กฐ๊ธ ๋ ํ์ ํ๋ก์ธ์ค๋ฅผ ๊ณ ๋ํํ์ฌ ์ ๋ฌด ํจ์จ์ ๋์ด๊ณ , BPL์ ์ฒ์ ์ ํ๋ ๋ถ๋ค์ ์ํ ์จ๋ณด๋ฉ ํ๋ก์ธ์ค๋ฅผ ๊ตฌ์ถํ ์์ ์ ๋๋ค. ๋ ์์ง๊น์ง๋ ๋น(้) ๋์์ด๋๊ฐ ์ฌ์ฉํ๊ธฐ์ Figma๋ผ๋ ๋์์ธ ํด์ ์ง์ ์ฅ๋ฒฝ์ด ๋๋ค๊ณ ํ๋จํ์ฌ, ๋์์ธ์ ๋ฐฐ์ฐ์ง ์์๋ ๋๊ตฌ๋ ํ๋ฉด์ ์์ฝ๊ฒ ๋์์ธํ ์ ์๋๋ก BPL Template์ ๋ง๋ค๊ณ ๊ต์กํด BPL์ ๋น๋ก์ ๋ชจ๋ ์ง๊ตฐ์ด ์ฌ์ฉํ ์ ์๋ ์ธ์ด๋ก ๋ง๋ค๊ณ ์ ํฉ๋๋ค.
BPL ํ ํ๋ฆฟ์ด๋ ๋ฑ ํฌ์๋ฌ๋์์ ์์ฃผ ์ฐ์ด๋ ํ๋ฉด๋ค์ ๋ชจ์ ๋ผ์ด๋ธ๋ฌ๋ฆฌํ ํ๊ณ , ๊ทธ ํ๋ฉด๋ค์ ์ฝ๊ฒ ๊ฒ์ํ๊ณ ๋ถ๋ฌ์ฌ ์ ์๋๋ก ํ์ฌ ๋๊ตฌ๋ ํ๋ฉด์ ๊ธฐํํ๊ณ ์คํ์ ์ค๊ณํ ์ ์๋๋ก ๋๋ ๊ฐ๋ ฅํ ๋๊ตฌ์ ๋๋ค. ๋์์ธ ํด์ ๋ํ ๊น์ ์ดํด๊ฐ ์์ด๋ drag&drop์ผ๋ก ๋ฏธ๋ฆฌ ๋ง๋ค์ด์ง ํ๋ฉด์ ๊บผ๋ด์ฌ ์ ์๊ณ , ์ํ๋ ๊ตฌ์กฐ์ ๋ง์ถฐ ์ปดํฌ๋ํธ๋ค์ ๋ฐฐ์ดํ๊ฑฐ๋ ํ์ํ ๋ฌธ๊ตฌ ๋ฐ ๋ฐ์ดํฐ๋ง ๋ฃ์ผ๋ฉด ์์ฝ๊ฒ ํ๋ฉด์ ์์ฑํ ์ ์๋๋ก ์ค๊ณ๋์์ต๋๋ค.
์ด๋ ๊ฒ BPL ํฌํ๋ฆฟ์ ๋์์ด๋๋ถ๋ค๋ ๋ฌผ๋ก ์ ํ์ฉํ ์ ์์ง๋ง, ๋น(้) ๋์์ธ ์ง๊ตฐ๋ ๋๊ตฌ๋ ์์ ๊ฐ ์๊ฒ BPL์ ์ฌ์ฉํ ์ ์๋๋ก ๋์์ค๋๋ค. ์ต๋ํ ๋ค์ํ ์คํ์ ์ฌ์ฉ๋ ์ ์๋๋ก ๊ธฐ์กด ํ๋ฉด๋ค๋ฟ๋ง ์๋๋ผ ์์ผ๋ก ์ฌ๊ธฐ์ ๊ธฐ ์ฌ์ฉ๋ ์ ์๋ ํ๋ฉด๋ค์ ๋ฏธ๋ฆฌ ๋ง๋ค์ด ๋๊ณ ์์ต๋๋ค. ์ด๋ ๊ฒ BPL ํฌํ๋ฆฟ์ด ์์ฑ๋๊ณ ์ฌ๋ด์ ์ ์จ๋ณด๋ฉ๋๋ฉด ๋์์ด๋๊ฐ ์๋ ์ค์ฟผ๋์์๋ ๋น ๋ฅด๊ฒ ๋ค์ํ ์คํ์ ์ฐฉ์ํ ์ ์๋ ๋ ์ด ๊ณง ์ค์ง ์์๊น ๊ธฐ๋ํด๋ด ๋๋ค.
BPL ๋์ ์ด๊ธฐ์๋ ์ปดํฌ๋ํธ๋ ์ ๊ณ , ๊ฐ์ด๋๋ ๋ง๋ค์ด์ง๋ ๊ณผ์ ์ ์์๊ธฐ ๋๋ฌธ์ ์ฌ์ฉํ์๋ ๋ถ๋ค์ ๋ฌธ์๊ฐ ๊พธ์คํ ์์์ต๋๋ค. ํ์ง๋ง ์ต๊ณ ์ ๋๋ฃ๋ถ๋ค๊ณผ ํจ๊ป BPL์ ์์ฑ๋๋ฅผ ๋์ฌ๊ฐ๊ณ , ๋ชจ๋๊ฐ BPL์ ์ ๊ทน์ ์ผ๋ก ์ฌ์ฉํด ์ฃผ์ ๋๋ถ์ ์ด์ ๋ BPL์ด ์๋ ์ํฉ์ ์์ํ๊ธฐ๋ ํ๋ค์ด์ก์ต๋๋ค.
์์ง์ ์ธ์ด๋ผ๊ณ ํ๊ธฐ์๋ ๋ ๋ฐ์ ํ ์ฌ์ง๊ฐ ๋ง๊ฒ ์ง๋ง, ๋ชจ๋ ๊ตฌ์ฑ์์ด BPL์ ํ๊ตญ์ด ๋งํผ์ด๋ ์ ์ฐฝํ๊ฒ ์ฌ์ฉํ ์ ์๋ ๊ทธ๋ ๊น์ง BPL ํ์ ์ต์ ์ ๋คํ ํ ๋ ์์ผ๋ก ๋ฑ ํฌ์๋ฌ๋์ BPL์ ๋ง์ ๊ธฐ๋ ๋ถํ๋๋ฆฌ๊ฒ ์ต๋๋ค. ๐๐ผ
(+๋ฉ์ง ์ด๋ฏธ์ง ์ ์์ ๋์์ ์ฃผ์ ๋ฏผ์ฌ๋, ์ค์ฃผ๋ ๊ฐ์ฌํฉ๋๋ค!)
(C) 2020 Banksalad. All rights reserved.
๋ณด๋ค ๋น ๋ฅด๊ฒ ๋ฑ ํฌ์๋ฌ๋์ ๋๋ฌํ๋ ๋ฐฉ๋ฒ ๐
์ง์ํ๊ธฐ