๐Ÿ”น๐Ÿ”ธThe Power of Framework Design ๋“œ๋กญ๋ฐ•์Šค ๋””์ž์ธํŒ€์ด ํ”„๋ ˆ์ž„์›Œํฌ ๋””์ž์ธ ํ”„๋กœ์„ธ์Šค๋ฅผ ํ†ตํ•˜์—ฌ ๋ฐฐ์šด ๊ฒƒ [๋“œ๋กญ๋ฐ•์Šค ํŒŒ์ผ ๋ทฐ์–ด๋ž€?] ๋“œ๋กญ๋ฐ•์Šค์— ์—…๋กœ๋“œ๋œ ๋ฌธ์„œ, ์ด๋ฏธ์ง€, ๋™์˜์ƒ, sketch, psd, pptx, keynote ๋“ฑ ๋‹ค์–‘ํ•œ ์—…๋ฌด ํŒŒ์ผ์˜ ๋ฏธ๋ฆฌ๋ณด๊ธฐ๋ฅผ ์ œ๊ณตํ•˜๋Š” ํŽ˜์ด์ง€์ž…๋‹ˆ๋‹ค. ๋” ๋‚˜์•„๊ฐ€ ์ฝ”๋ฉ˜ํŠธ๋ฅผ ๋‚จ๊ธฐ๊ฑฐ๋‚˜ ๊ทธ ์•ˆ์—์„œ ์ง์ ‘ ์ˆ˜์ •์„ ํ•  ์ˆ˜ ์žˆ๋Š” ๊ธฐ๋Šฅ๋„ ํฌํ•จ๋˜์–ด์žˆ์Šต๋‹ˆ๋‹ค. ๋“œ๋กญ๋ฐ•์Šค์—์„œ ๊ฐ€์žฅ ๋†’์€ ํŠธ๋ž™ํ”ฝ์„ ์œ ๋„ํ•˜๋Š” ํŽ˜์ด์ง€์ด๋ฉฐ ์ฝ”์–ด ๊ฒฝํ—˜ ์š”์†Œ ์ค‘ ํ•˜๋‚˜์ด๊ธฐ ๋•Œ๋ฌธ์— ๋‹ค์–‘ํ•œ ์œ ์ €์™€ ๋น„์ง€๋‹ˆ์Šค ๋‹ˆ์ฆˆ๊ฐ€ ๋ฐ˜์˜๋˜๋Š” surface ์ž…๋‹ˆ๋‹ค. 2019๋…„, ๋“œ๋กญ๋ฐ•์Šค๋Š” ์œ ์ €๋“ค์ด ๋ˆˆ์น˜์ฑ„์ง€ ๋ชปํ•  ๋งŒํผ ์ž‘์€ ๋‹จ์œ„๋กœ ๊ธด ํƒ€์ž„๋ผ์ธ๋™์•ˆ ์ƒˆ ํŒŒ์ผ ๋ทฐ์–ด๋ฅผ ๋งŒ๋“ค๊ณ  ์ ์šฉํ•ด๋‚˜๊ฐ”์Šต๋‹ˆ๋‹ค. ๐Ÿค” ์™œ ํŒŒ์ผ๋ทฐ์–ด๋ฅผ ์ƒˆ๋กœ ๋งŒ๋“ค์–ด์•ผํ–ˆ์„๊นŒ? - ํŒŒ์ผ ๋ทฐ์–ด์˜ Foundation์ด ๊ต‰์žฅํžˆ ์˜ค๋ž˜๋จ - ๊ธฐ์กด ์ •๋ณด์„ค๊ณ„(Information Architecture)์— ๋” ์ด์ƒ ์ƒˆ๋กœ์šด ๋ณ€ํ™”๋ฅผ ๋ผ์–ด๋„ฃ์„ ์ˆ˜ ์—†์Œ - ๋ ˆ๊ฑฐ์‹œ ์ฝ”๋“œ ์œ„์— ๋ฌด์–ธ๊ฐ€๋ฅผ ๋˜ ๋งŒ๋“œ๋Š” ๊ฒƒ์€ ์˜คํžˆ๋ ค ์ง„ํ–‰ ์†๋„๋ฅผ ๋Š๋ฆฌ๊ฒŒํ•จ ๐ŸŽ ๊ทธ๋ ‡๋‹ค๋ฉด ์ƒˆ๋กœ์šด ํŒŒ์ผ ๋ทฐ์–ด๋Š” ์–ด๋–ค ํ˜•ํƒœ์—ฌ์•ผํ• ๊นŒ? โœจ ํ•˜๋‚˜์˜ ์Šคํฌ๋ฆฐ์ด ์•„๋‹ˆ๋ผ ์ƒˆ๋กœ์šด ํ”Œ๋žซํผ์œผ๋กœ ํ™•์žฅ๋˜์–ด์•ผ ํ•œ๋‹ค. โœจ ์ดํ„ฐ๋ ˆ์ด์…˜์„ ๋” ๋น ๋ฅด๊ฒŒ ์ง„ํ–‰ํ•˜๊ณ  ๋‹ค์–‘ํ•œ ๋น„์ง€๋‹ˆ์Šค์™€ ์œ ์ € ๋‹ˆ์ฆˆ๋ฅผ ์œ ์—ฐํ•˜๊ฒŒ ์„œํฌํŠธ ํ•  ์ˆ˜ ์žˆ์–ด์•ผํ•œ๋‹ค. ๐ŸŽ„ ๋‹ค ์‹œ๋“  ํฌ๋ฆฌ์Šค๋งˆ์Šค ํŠธ๋ฆฌ์— ์žฅ์‹์„ ๋‹ค๋Š” ๊ฒƒ์ด ์•„๋‹ˆ๋ผ, ์ƒํ™ฉ๊ณผ ๋ชฉ์ ์— ๋งž๋Š” ์žฅ์‹์„ ๋‹ฌ ์ˆ˜ ์žˆ๋Š” ์ƒ๋ก์ˆ˜๊ฐ™์€ ํŒŒ์ผ๋ทฐ์–ด๋ฅผ ๋งŒ๋“ค์ž ์ด ์ƒ๋ก์ˆ˜๋ฅผ ๋งŒ๋“ค๊ธฐ ์œ„ํ•ด์„œ ํ”„๋ ˆ์ž„์›Œํฌ๋ฅผ ํ†ตํ•œ ๋””์ž์ธ ํ”„๋กœ์„ธ์Šค๋ฅผ ์ง„ํ–‰ํ•˜๊ธฐ๋กœ ๊ฒฐ์ •ํ•ฉ๋‹ˆ๋‹ค. 1๏ธโƒฃ๐Ÿ‘จ๐Ÿปโ€๐Ÿณ Plan like a chef ์…ฐํ”„๊ฐ€ ๊ณต์„ ๋“ค์—ฌ ์žฌ๋ฃŒ๋ฅผ ๊ณ ๋ฅด๋Š” ๊ฒƒ์ฒ˜๋Ÿผ ํ’๋ถ€ํ•œ ๋ฆฌ์„œ์น˜๋ฅผ ์ง„ํ–‰ํ•˜๊ณ  ์ดํ•ด๊ด€๊ณ„์ž๋“ค๊ณผ ์ถฉ๋ถ„ํ•œ ๋ฆฌ์„œ์น˜๋ฅผ ํ†ตํ•˜์—ฌ ๋น„์ง€๋‹ˆ์Šค ๋‹ˆ์ฆˆ์˜ ์šฐ์„ ์ˆœ์œ„ ์ •ํ•˜๊ธฐ. ๊ทธ ํ›„ ๊ณ ์ „์ ์ธ ๋”๋ธ” ๋‹ค์ด์•„๋ชฌ๋“œ ํ”„๋ ˆ์ž„์›Œํฌ๋ฅผ ์ ์šฉํ•ด์„œ ๋งˆ์ผ์Šคํ†ค์ด ํฌํ•จ๋œ ๋””์ž์ธ ๋กœ๋“œ๋งต ๋งŒ๋“ค๊ธฐ 2๏ธโƒฃ๐Ÿ“ Model before mocks ํ”ฝ์…€์„ ์›€์ง์ด๊ธฐ ์ „, ๋””์ž์ธ๊ณผ ์—”์ง€๋‹ˆ์–ด๋ง ์–‘์ชฝ ๋ชจ๋‘ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๊ณ  ํ•จ๊ป˜ ๊ฐœ์„ ์„ ์„ค๊ณ„ํ•  ์ˆ˜ ์žˆ๋Š” ๋ชจ๋ธ ๋จผ์ € ์ •์˜ํ•˜๊ธฐ 3๏ธโƒฃ๐Ÿค” Guess and check ์•ž์—์„œ ๋งŒ๋“  ๋””์ž์ธ ๋กœ๋“œ๋งต๊ณผ ๋ชจ๋ธ์„ ๋ฐ”ํƒ•์œผ๋กœ ์ ์ง„์ ์œผ๋กœ ๊ฐœ์„ ํ•˜๊ณ  ํ…Œ์ŠคํŠธํ•˜๊ธฐ. ์•„์˜ˆ ์ƒˆ๋กœ์šด๋ชจ๋ธ๊ณผ ๋””์ž์ธ์„ ๋จผ์ € ์œ ์ €์—๊ฒŒ ์ œ๊ณตํ•˜์ง€ ์•Š๊ณ , ๊ธฐ์กด์˜ ๋””์ž์ธ์—์„œ ์•„์ฃผ ์ž‘์€ ๋‹จ์œ„๋กœ ๊ฐ€์„ค์„ ์„ธ์šฐ๊ณ  ๊ฒ€์ฆํ•˜๋Š” ํ”„๋กœ์„ธ์Šค๋ฅผ ๋ฐ˜๋ณตํ•˜๋ฉฐ ๋ฆฌ์„œ์น˜ํŒ€, ์• ๋„๋ฆฌํ‹ฑ์Šค ํŒ€๊ณผ ํ•™์Šต ํ”Œ๋ž˜๋‹์„ ๋ฐœ์ „์‹œํ‚ค๊ธฐ๊ธฐ. ๐Ÿ“ ํ˜„์žฌ ProtoPie Cloud์˜ ์ฝ”์–ด ๊ฒฝํ—˜ ์ค‘ ํ•˜๋‚˜์ธ Pie Page ๊ฐœ์„  ํ”„๋กœ์ ํŠธ๋ฅผ ๋ฆฌ๋”ฉํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ๋“œ๋กญ๋ฐ•์Šค ํŒŒ์ผ๋ทฐ์–ด์ฒ˜๋Ÿผ ๋‹ค์–‘ํ•œ ํฌ๋งท์˜ ํŒŒ์ผ์„ ์ง€์›ํ•˜์ง€๋Š” ์•Š์ง€๋งŒ ์œ ์ € ํƒ€์ž…, ํ”„๋กœํ† ํƒ€์ž…์˜ ๋ชฉ์ ๊ณผ ๋น„์ง€๋‹ˆ์Šค ๋‹ˆ์ฆˆ์— ๋”ฐ๋ผ ๋‹ค์–‘ํ•œ ๊ธฐ๋Šฅ์ด ์š”๊ตฌ๋˜๋Š” ํŽ˜์ด์ง€์ž…๋‹ˆ๋‹ค. ๊ทธ๋ ‡๊ธฐ ๋•Œ๋ฌธ์— ํ•œ๋ฒˆ์— ๋๋‚˜๊ณ  ๋ฐฉ์น˜ํ•˜๋Š” ๊ฐœ์„ ์ด ์•„๋‹ˆ๋ผ ์žฅ๊ธฐ์ ์œผ๋กœ ๋…น์ผ ์ˆ˜ ์žˆ์„๊นŒ ๊ณ ๋ฏผํ•˜๋‹ค๊ฐ€ ์ด ์•„ํ‹ฐํด์„ ์ฐพ๊ฒŒ๋˜์–ด ์ ์šฉํ•˜๊ณ  ์žˆ๋Š” ์ค‘์ž…๋‹ˆ๋‹ค. ์ „๋ฐ˜์ ์œผ๋กœ ํŒ€์›๋“ค ๋ชจ๋‘ ์ ๊ทน์ ์œผ๋กœ ์ƒˆ๋กœ์šด ์›Œํฌํ”Œ๋กœ์šฐ๋ฅผ ๋ฐ›์•„๋“ค์ด๊ณ  ์‘์šฉํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ํŠนํžˆ ๋ชจ๋ธ ์ •์˜์˜ ๊ฒฝ์šฐ ๋””์ž์ด๋„ˆ, BE/FE ์—”์ง€๋‹ˆ์–ด์™€ QA ๋‹ด๋‹น์ž ๋“ฑ ๋ชจ๋“  ํ”„๋กœ์ ํŠธ ์ฐธ์—ฌ์ž๋“ค์ด ์ œํ’ˆ์˜ ๋ชจ๋ธ๊ณผ ๊ฐ์ž์˜ ๋ฉ˜ํƒˆ ๋ชจ๋ธ์„ ์ •๋ฆฌํ•ด๋ณผ ์ˆ˜ ์žˆ๋Š” ์ข‹์€ ์‹œ๊ฐ„์ด์—ˆ์–ด์„œ ์ „์ฒด ํ”„๋ ˆ์ž„์›Œํฌ๋ฅผ ์›Œํฌํ”Œ๋กœ์šฐ์— ๋…น์ด๋Š” ๊ฒƒ์ด ์–ด๋ ต๋‹ค๋ฉด ์งง์€ ํŒ€ ์›Œํฌ์ƒต์œผ๋กœ๋„ ๊ถŒ์žฅํ•ฉ๋‹ˆ๋‹ค.

The power of framework design | Dropbox Design

Dropbox

The power of framework design | Dropbox Design

2020๋…„ 8์›” 22์ผ ์˜ค์ „ 3:19

๋Œ“๊ธ€ 0