ํ”„๋กœํ† ํŒŒ์ด (ProtoPie) ๋ชจ๋ฐ”์ผ ์•ฑ ๋ชฉ์—… ๋ฐ ํ”„๋กœํ† ํƒ€์ดํ•‘ ํˆด ๊ตฌ์ž… ํ›„๊ธฐ ํ• ์ธ ์ •๋ณด

2018. 11. 22. 12:34ใ†Tech๐Ÿ’ก ์Šค๋งˆํŠธ๋ผ์ดํ”„

๋ฐ˜์‘ํ˜•

ํ”„๋กœํ† ํŒŒ์ด (ProtoPie)๋ผ๊ณ  ๋“ค์–ด๋ณด์…จ๋‚˜์š”?

์Šค๋งˆํŠธํฐ์•ฑ์˜ ๋ชฉ์—…์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋Š” ํ”„๋กœํ† ํƒ€์ดํ•‘ ํˆด์ž…๋‹ˆ๋‹ค. ๋ชฉ์—…(Mockup)๊ณผ ํ”„๋กœํ† ํƒ€์ž…(Prototype)์˜ ์˜๋ฏธ ์ฐจ์ด๋Š” ์–ด๋Š์ •๋„ ์žˆ๋Š” ํŽธ์ด์ง€๋งŒ, ์š”์ฆ˜์—๋Š” ๋น„์Šทํ•œ ๋ถ€๋ถ„์ด ๋งŽ๊ธฐ ๋•Œ๋ฌธ์— ํ˜ผ์šฉ๋˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. 

๊ธฐํš์ž๋ผ๋ฉด ์™€์ด์–ดํ”„๋ ˆ์ž„(Wireframe), ์Šคํ† ๋ฆฌ๋ณด๋“œ(SB)๋ผ๋Š” ์šฉ์–ด๊ฐ€ ์ต์ˆ™ํ•˜ ์‹ค ๊ฒƒ์ด๊ณ ... ์ด๋ ‡๊ฒŒ ๋งŒ๋“ค์–ด์ง„ ๊ธฐํš๋ฌผ์„ ๋””์ž์ด๋„ˆ๋ผ๋ฉด Adobe ๊ทธ๋ž˜ํ”ฝ ํˆด์ด๋‚˜ ์Šค์ผ€์น˜(Sketch)๋‚˜ ์ œํ”Œ๋ฆฐ(Zeplin) ๊ฐ™์€ ์†Œํ”„ํŠธ์›จ์–ด๋ฅผ ๋Šฅ์ˆ™ํ•˜๊ฒŒ ๋‹ค๋ฃจ์–ด์•ผ ์ธ์ •๋ฐ›๋Š” ์‹œ๋Œ€์ด์ฃ .

ํ”„๋กœํ† ํŒŒ์ด์˜ ๊ฒฝ์šฐ ์ฃผ๋กœ ํŠน์ • ๋ชจ๋ฐ”์ผ ์•ฑ ์„œ๋น„์Šค๋ฅผ ์ฝ”๋”ฉํ•˜๊ธฐ ์ „, ๊ฝค ๋†’์€  ํ”ผ๋ธ๋ฆฌํ‹ฐ(Fidelity)๋ฅผ ์œ ์ง€ํ•˜๋ฉด์„œ ๊ฒฐ๊ณผ๋ฌผ์„ ์–ด๋Š์ •๋„ ์˜ˆ์ƒํ•ด ๋ณผ ์ˆ˜ ์žˆ์–ด์„œ, ๊ธฐํš์ž-> ๋””์ž์ด๋„ˆ-> ํผ๋ธ” (ํ˜น์€ ๊ฐœ๋ฐœ์ž)๊ฐ„ ์ปค๋ฎค๋‹ˆ์ผ€์ด์…˜์„ ํ™œ๋ฐœํ•˜๊ฒŒ ํ•  ์ˆ˜ ์žˆ๋Š” ๋„๊ตฌ๋กœ ํ™œ์šฉ๋˜๊ธฐ๋„ ํ•ฉ๋‹ˆ๋‹ค.

โ–ฒ ์• ๋‹ˆ๋ฉ”์ด์…˜ ๋ฐ ์Šค๋งˆํŠธํฐ ์„ผ์„œ ์‘์šฉ์— ๊ฐ•๋ ฅํ•œ ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•˜๋Š” ProtoPie Studio

ํŠน์žฅ์ ์„ ๋ฝ‘๋‹ค๋ฉด ๋ช‡๋ฒˆ ์‘์šฉ๋ฒ•์„ ๋ฐฐ์šฐ๋ฉด ์‰ฝ๊ฒŒ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค๋Š” ๊ฒƒ... ๊ทธ๋ฆฌ๊ณ  ํ”„๋กœํ† ํŒŒ์ด๋Š” ์Šค๋งˆํŠธํฐ์˜ ์„ผ์„œ(๊ทผ์ ‘์„ผ์„œ, ์••๋ ฅ ์„ผ์„œ ๋“ฑ๋“ฑ)๋ฅผ ์ œ์–ดํ•  ์ˆ˜๋„ ์žˆ๊ณ , ์• ๋‹ˆ๋ฉ”์ด์…˜ ํšจ๊ณผ์— ๊ฝค ๊ฐ•๋ ฅํ•œ ๊ธฐ๋Šฅ์„ ์ž๋ž‘ํ•˜๋Š”๋ฐ์š”. ๊ตญ๋‚ด ์Šคํƒ€ํŠธ์—…์ธ ์ŠคํŠœ๋””์˜ค ์”จ๋“œ (Studio XID)์—์„œ ๊ฐœ๋ฐœํ•œ ์†Œํ”„ํŠธ์›จ์–ด ์ž…๋‹ˆ๋‹ค.

โ–ฒ ํ”„๋กœํ† ํŒŒ์ด ์›Œํฌ์ƒต์„ ์ง„ํ–‰ํ•˜๊ณ  ์žˆ๋Š” Tony (์ˆ˜) ๊น€ ๋Œ€ํ‘œ

์ €๋„ ์ผ์„ ํ•˜๋ฉด์„œ ์šฐ์—ฐ์น˜ ์•Š์€ ๊ธฐํšŒ์— ์†Œ๊ฐœ๋ฅผ ๋ฐ›์•„ Studio XID CEO์ธ ๊น€๋Œ€ํ‘œ๋‹˜์ด ์ง„ํ–‰ํ•˜๋Š” ์›Œํฌ์ƒต์— ์ฐธ์—ฌํ•œ ์ ์ด ์žˆ์Šต๋‹ˆ๋‹ค. ์ ์€ ๋…ธ๋ ฅ์œผ๋กœ ๋น ๋ฅธ ๋ชฉ์—…/ํ”„ํ† ํ† ํƒ€์ž…์„ ๋งŒ๋“ค์–ด๋‚ผ ์ˆ˜ ์žˆ๊ธฐ์— ์‚ด์ง ๊ฐํƒ„์„ ํ•œ ์ ์ด ์žˆ์Šต๋‹ˆ๋‹ค. ๋””์ž์ธ ์„ผ์Šค๊ฐ€ ์žˆ์œผ์‹  ๋ถ„์ด๋ผ๋ฉด ๊ฝค ๊ณ ๊ธ‰์Šค๋Ÿฌ์šด ์‹ค์ œ ๋ชจ๋ฐ”์ผ ์•ฑ (App) ์ฒ˜๋Ÿผ ์ž‘๋™ํ•˜๋Š” ๋ชฉ์—…์„ ๋š๋”ฑ ๋งŒ๋“ค ์ˆ˜ ์žˆ์ฃ  :)

์ด๋ฒˆ์— ๋ฒ„์ „ ์—…์ด ๋˜๋ฉด์„œ ํ‚ค๋ณด๋“œ ์ž…๋ ฅ ์ง€์› ๋“ฑ๋“ฑ์˜ ๊ธฐ๋Šฅ์ด ์ถ”๊ฐ€๋˜์—ˆ๋Š”๋ฐ์š”. ๋งŽ์ด ์“ฐ๋Š” ์–ด๋„๋น„ XD ํŒŒ์ผ๊ณผ๋„ ํ˜ธํ™˜์ด ๋˜๊ธฐ ๋•Œ๋ฌธ์— ๋””์ž์ด๋„ˆ๋“ค์ด ๊ฝค ๋งŽ์ด ๊ณต๋ถ€ํ•˜๊ณ  ์žˆ๋Š” ํˆด์ด๊ธฐ๋„ ํ•ฉ๋‹ˆ๋‹ค. ์ด๋Ÿฐ ์†Œํ”„ํŠธ์›จ์–ด๊ฐ€ ๊ตญ๋‚ด ์ถœ์‹  ๊ธฐ์—…์—์„œ ๊ฐœ๋ฐœ๋˜๊ณ  ๋ฐœ์ „๋˜์–ด ๋‚˜๊ฐ€๊ณ  ์žˆ๋‹ค๋Š” ๊ฒƒ์ด ์ž๋ž‘์Šค๋Ÿฝ๊ตฐ์š”. ์ตœ๊ทผ์—๋Š” ํ”„๋กœํ† ํŒŒ์ด ๊ฐ™์€ ๊ธฐ๋ณธ์ ์ธ ํ”„๋กœํ† ํƒ€์ดํ•‘ํˆด์„ ๋Šฅ์ˆ™ํ•˜๊ฒŒ ๋‹ค๋ฃจ๋Š” ๋””์ž์ด๋„ˆ์˜ ์ผ๊ฐ๋„ ๋Š˜์–ด๋‚˜๊ณ  ์žˆ์ฃ  ^^

ํ”„๋กœํ† ํŒŒ์ด (ProtoPie) ์ •ํ’ˆ ๋ผ์ด์„ผ์Šค ๊ตฌ์ž…, ์ €๋ ดํ•˜๊ฒŒ ํ•˜๋Š” ๋ฒ•(?)

ํ”„๋กœํ† ํŒŒ์ด๋Š” 1๋…„ ๊ตฌ๋… ๋ฐฉ์‹์ด๊ธด ํ•ฉ๋‹ˆ๋‹ค๋งŒ ํ•œ๋ฒˆ ๊ตฌ์ž…ํ•˜๋ฉด ํ•ด๋‹น ๋ฒ„์ „์€ ํ‰์ƒ ์“ธ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋ฌผ๋ก  ๋ฒ„์ „ ์—…๋ฐ์ดํŠธ๊ฐ€ ๋˜๋ฉด ๊ตฌ ๋ฒ„์ „๊ณผ ํ˜ธํ™˜์ด ์•ˆ๋˜๊ณ , ํด๋ผ์šฐ๋“œ์— ์˜ฌ๋ ค์„œ ๊ณต์œ ํ•˜๋Š” ๊ธฐ๋Šฅ์ด ๋ง‰ํžˆ๊ธฐ๋Š” ํ•˜์ง€๋งŒ ์—ฐ์Šต์šฉ์œผ๋กœ๋Š” ๋ฐ˜ ์˜๊ตฌ์ ์œผ๋กœ ํ™œ์šฉํ•  ์ˆ˜ ์žˆ์ฃ .

 

:: ํ”„๋กœํ† ํŒŒ์ด ๊ตฌ์ž…ํ•˜๋Ÿฌ ๋ฐ”๋กœ๊ฐ€๊ธฐ ::

ํ”„๋กœํ† ํŒŒ์ด๋ฅผ ๊ตฌ์ž…ํ•˜๋Š” ๋ฐฉ๋ฒ•์€ 2๊ฐ€์ง€๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ตฌ์ž…ํ•ด์„œ ํ™œ์„ฑํ™” ์ฝ”๋“œ๋ฅผ ๋ฐ›๋Š” ์„ ๋ฌผํ•˜๊ธฐ (Buying for Others), ๊ทธ๋ฆฌ๊ณ  ๋‚ด ๊ณ„์ •์œผ๋กœ ๋กœ๊ทธ์ธํ•ด์„œ ๊ตฌ์ž…ํ•˜๋Š” ๋‚ด๊บผ ๊ตฌ์ž…ํ•˜๊ธฐ (Buying for Myself) ์ž…๋‹ˆ๋‹ค. ์ผ๋ฐ˜์ ์œผ๋กœ๋Š” ๊ณ„์ •์„ ๋งŒ๋“ค๋•Œ ์•„์ด๋””๋กœ ์‚ฌ์šฉํ–ˆ๋˜ ์ด๋ฉ”์ผ ์ฃผ์†Œ๋กœ ๋กœ๊ทธ์ธํ•ด์„œ 'Buying for Myself'๋กœ ๊ตฌ์ž…ํ•˜๋ฉด 1๋…„ ์งœ๋ฆฌ ๋ผ์ด์„ผ์Šค๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์ฃ .

์—ฌ๊ธฐ์„œ ํ•œ๊ฐ€์ง€ ํŒ์„ ๋“œ๋ฆฌ์ž๋ฉด, ๊ตญ์‚ฐ ์†Œํ”„ํŠธ์›จ์–ด์ด๊ธด ํ•˜์ง€๋งŒ, ํ•ด์™ธ ๊ฒฐ์ œ ๋ชจ๋“ˆ์ด ๋ถ™์–ด ์ด์”๋‹ˆ๋‹ค. ์ง€์—ญ์„ ํ•œ๊ตญ์œผ๋กœ ํ•ด์„œ ๊ฒฐ์ œํ•˜๋ฉด 10% ๋ถ€๊ฐ€์„ธ๊ฐ€ ๋ถ™์–ด์„œ ๊ฒฐ๊ณผ์ ์œผ๋กœ ๋” ๋น„์‹ธ์ง‘๋‹ˆ๋‹ค. ํ•˜์—ฌ ์ง€์—ญ์„ United States๋กœ ํ•˜๊ณ  ํ•ด์™ธ๊ฒฐ์ œ๋ฅผ ํ•˜๋ฉด ๋ถ€๊ฐ€์„ธ๊ฐ€ ์ œ์™ธ๋˜์–ด ์˜คํžˆ๋ ค ๋” ์ €๋ ดํ•˜๊ฒŒ ๊ตฌ์ž…ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ํŽ˜์ดํŒ”์˜ ๊ฒฝ์šฐ ๊ตญ๊ฐ€ ์ฝ”๋“œ๊ฐ€ ๋ถ™์–ด ์žˆ์–ด์„œ ๊ทธ๋Ÿฐ์ง€, ์ €๋Š” ์•„๋งˆ์กดํŽ˜์ด(AmazonPay)๋กœ ๊ตฌ์ž…ํ–ˆ๋„ค์š”. :)

๊ตฌ์ž…์„ ๋งˆ์น˜์…จ๋‹ค๋ฉด ๋ฐ”๋กœ ๋กœ๊ทธ์ธํ•ด์„œ 1๋…„๋™์•ˆ ์ง€์›์„ ๋ฐ›์œผ๋ฉฐ ๋ง˜๋†“๊ณ  ํ”„๋กœํ† ํŒŒ์ด์˜ ๊ธฐ๋Šฅ์„ 100% ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. 2018๋…„ 11์›” ๊ธฐ์ค€์œผ๋กœ 3.9.1 ๋ฒ„์ „์ด ์ตœ์‹ ๋ฒ„์ „์ด๋„ค์š”. ๊ณง ์†๋„๋ฅผ ๊ฐœ์„ ํ•˜๊ณ  ๋‹ค๋ฅธ ์•ฑ์œผ๋กœ ๋งํฌ๋ฅผ ๊ฑธ ์ˆ˜ ์žˆ๋Š” ๋”ฅ๋งํฌ ๊ธฐ๋Šฅ, ๊ทธ๋ฆฌ๊ณ  ์Œ์•…ํŒŒ์ผ์„ ์ถ”๊ฐ€ํ•  ์ˆ˜ ์žˆ๋Š” 3.10๋ฒ„์ „์„ ์ค€๋น„์ค‘์ธ๊ฐ€ ๋ด…๋‹ˆ๋‹ค.

ํ”„๋กœํ† ํŒŒ์ด๋Š” ๋งฅ(mac)๊ณผ ์œˆ๋„์šฐOS๋ฅผ ๋ชจ๋‘ ์ง€์›ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ํ˜น ์˜ˆ์ „ ๋ฒ„์ „์˜ ํ”„๋กœํ† ํŒŒ์ด๊ฐ€ ํ•„์š”ํ•˜์‹  ๋ถ„์€ ::์ด๊ณณ:: ์—์„œ ๋‹ค์šด๋กœ๋“œ๊ฐ€ ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค๋งŒ, ์ตœ์‹  ๋ฒ„์ „์—์„œ ์ƒ์„ฑ๋œ ํ”„๋กœํ† ํŒŒ์ด ํŒŒ์ผ์€ ๊ตฌ ๋ฒ„์ „์—์„œ๋Š” ํ˜ธํ™˜๋˜์ง€ ์•Š์œผ๋‹ˆ ์ฐธ๊ณ ํ•˜์‹œ๊ธธ. :)

 

:: ์–ด๋„๋น„ CC ๊ตฌ๋…ํ•˜๋Ÿฌ ๋ฐ”๋กœ๊ฐ€๊ธฐ ::

* ํ˜น ํ”„๋กœํ† ํŒŒ์ด์™€ ํ•จ๊ป˜ ์‚ฌ์šฉํ•  Adobe Photoshop, Adobe XD ๋“ฑ
์–ด๋„๋น„ Creative Cloud๊ฐ€ ํ•„์š”ํ•˜๋ฉด ์œ„์—์„œ ๊ตฌ๋…ํ•˜์‹œ๋ฉด ๋ฉ๋‹ˆ๋‹ค. :)

[๊ด€๋ จ๊ธ€]

์–ด๋„๋น„ ํฌํ† ์ƒต ์ผ๋Ÿฌ์ŠคํŠธ๋ ˆ์ดํ„ฐ CC ๊ธฐ์—…์šฉ ๊ตฌ์ž… ๊ตฌ๋… ๋ฐ ๋ผ์ด์„ผ์Šค ๊ด€๋ฆฌ ํ•˜๋Š” ๋ฒ•

์ผ๋Ÿฌ์ŠคํŠธ๋ ˆ์ดํ„ฐ CC ๊ฐ€๊ฒฉ์€? ์–ด๋„๋น„ CC ๊ตฌ์ž… ๋ฐ ๊ตฌ๋…ํ•˜๋Š” ๋ฐฉ๋ฒ•

IT๊ธฐํš์ž๋ผ๋ฉด ํ•œ๋ฒˆ์ฏค ์‚ฌ์šฉํ•ด๋ดค์„ ๊ธฐ๋ณธ์ ์ธ ์Šคํ† ๋ฆฌ๋ณด๋“œ ์ž‘์—… ํˆด, ํŒŒ์›Œํฌ์ธํŠธ ํ”Œ๋Ÿฌ๊ทธ์ธ ํŒŒ์›Œ๋ชฉ์—… (PowerMockup)

๋งฅ๋ถ์—์„œ ์œˆ๋„์šฐ10 ์“ธ ์ˆ˜ ์žˆ๋Š” ๊ฐ€์ƒOS ํŒจ๋Ÿฌ๋ ์ฆˆ ๋ฐ์Šคํฌํƒ‘ 14 ๋ธ”ํ”„ ํŠน๊ฐ€ ํ• ์ธ ์ฟ ํฐ ์ฝ”๋“œ ์ด๋ฒคํŠธ

728x90
๋ฐ˜์‘ํ˜•