๋ณธ๋ฌธ์œผ๋กœ ๋ฐ”๋กœ๊ฐ€๊ธฐ

๐Ÿ“Œ  ์ด ๊ธ€์€ ๋ฒŒ์จ 4๋…„๋„ ๋„˜์€ ๊ธ€์ธ๋ฐ์š”. 

2020๋…„ 9์›” 1์ผ ๊ธฐ์ค€์œผ๋กœ ์ตœ์‹  ๋‚ด์šฉ์„ ์—…๋ฐ์ดํŠธ ํ–ˆ์Šต๋‹ˆ๋‹ค. ์•„๋ž˜ ๋งํฌ๋ฅผ ํด๋ฆญํ•ด์ฃผ์„ธ์š”!


ํ”„๋กœ๋•ํŠธ ๋งค๋‹ˆ์ €์˜ ํˆด, UI ๋””์ž์ด๋„ˆ์˜ ํˆด



IT ํ˜„์žฅ์—์„œ๋Š” ํ™”๋ฉด UI๋ฅผ ์„ค๊ณ„ํ•  ๋•Œ ๋Œ€๋ถ€๋ถ„ ํŒŒ์›Œํฌ์ธํŠธ๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ์ € ๋˜ํ•œ ํŒŒ์›Œํฌ์ธํŠธ๋กœ ์ˆ˜๋งŽ์€ ์Šคํ† ๋ฆฌ๋ณด๋“œ๋ฅผ ์ œ์ž‘ํ–ˆ๋Š”๋ฐ์š”. ํŒŒ์›Œํฌ์ธํŠธ๋กœ ํ™”๋ฉด์„ ์„ค๊ณ„ํ•˜๋ฉด์„œ ๋‹ค์Œ๊ณผ ๊ฐ™์€ ๋ถˆํŽธํ•จ์„ ๋Š๊ผˆ์Šต๋‹ˆ๋‹ค.


ํŒŒ์›Œํฌ์ธํŠธ ์„ค๊ณ„์˜ ๋ถˆํŽธํ•œ ์ 


1. ์ œํ•œ๋œ ๊ณต๊ฐ„์— ํŽ˜์ด์ง€ ๊ฒฝ๋กœ, ํ™”๋ฉด UI, ๋””์Šคํฌ๋ฆฝ์…˜ ๋“ฑ ๋‹ค์–‘ํ•œ ๋‚ด์šฉ์„ ๋‹ด์•„์•ผ ํ•œ๋‹ค. ๊ทธ๋Ÿฌ๋‹ค ๋ณด๋‹ˆ ํ™”๋ฉด์ด ์ ์  ๋ณต์žกํ•ด์ง„๋‹ค. ๊ฐœ์ธ์ ์œผ๋กœ๋Š” ๋‹ค์Œ ํŽ˜์ด์ง€๋กœ ๋„˜๊ธฐ์ง€ ์•Š๊ธฐ ์œ„ํ•ด ์ตœ๋Œ€ํ•œ ์šฑ์—ฌ๋„ฃ์—ˆ๊ณ  ํฐํŠธ ์‚ฌ์ด์ฆˆ๋Š” ์ ์  ์ž‘์•„์กŒ๋‹ค.


2. ์ˆ˜์ •์‚ฌํ•ญ์ด ๋ฐœ์ƒํ•˜๋ฉด ๋ชจ๋“  ํ™”๋ฉด์„ ์ผ์ผ์ด ์ˆ˜์ •ํ•ด์•ผ ํ•œ๋‹ค. ํŽ˜์ด์ง€๊ฐ€ ์ ์œผ๋ฉด ํฌ๊ฒŒ ๋ฌธ์ œ ๋˜์ง€ ์•Š์ง€๋งŒ, ํŽ˜์ด์ง€๊ฐ€ ๋งŽ์•„์ง€๋ฉด ๋ฉ”๋‰ด๋ช… ํ•˜๋‚˜๋งŒ ์ˆ˜์ •ํ•ด๋„ ๋ชจ๋“  ํŽ˜์ด์ง€๋ฅผ ๊ฑด๋“œ๋ ค์•ผ ํ•˜๋Š” ๋…ธ๊ฐ€๋‹ค ์ž‘์—…์ด ๋นˆ๋ฒˆํžˆ ๋ฐœ์ƒํ•œ๋‹ค.


3. ์Šคํ† ๋ฆฌ๋ณด๋“œ๋ฅผ ๋ฐ›์•„๋ณด๋Š” ๋Œ€ํ‘œ, ํด๋ผ์ด์–ธํŠธ, ๋””์ž์ด๋„ˆ, ๊ฐœ๋ฐœ์ž ๋“ฑ์ด ๋ฌธ์„œ๋งŒ์œผ๋กœ ๊ธฐํš์ž์˜ ์˜๋„๋ฅผ 100% ์ดํ•ดํ•˜์ง€ ๋ชปํ•œ๋‹ค. ๊ทธ๋Ÿฌ๋‹ค ๋ณด๋‹ˆ ๊ฒฐ๊ณผ๋ฌผ์ด ๋ˆˆ์— ๋ณด์—ฌ์ง€๋Š” ๋””์ž์ธ ๋‹จ๊ณ„์™€ ์‹ค์ œ ๊ตฌํ˜„๋˜๋Š” ๊ฐœ๋ฐœ ๋‹จ๊ณ„์—์„œ ๋ฏธ์ฒ˜ ์˜ˆ์ธกํ•˜์ง€ ๋ชปํ–ˆ๋˜ ์ด์Šˆ๋“ค์ด ๋ฐœ์ƒํ•œ๋‹ค.


์œ„์™€ ๊ฐ™์€ ์ด์œ ๋กœ ํŒŒ์›Œํฌ์ธํŠธ๋ฅผ ๋Œ€์ฒดํ•  ์ˆ˜ ์žˆ๋Š” ํˆด์„ ์ฐพ์•„๋ณด๊ฒŒ ๋˜์—ˆ๊ณ , Axure๋ฅผ ์•Œ๊ฒŒ ๋˜์–ด ์‹ค๋ฌด์—์„œ ์•ฝ 6๋…„ ์ด์ƒ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์ด์ œ 5์›”๋ถ€ํ„ฐ ์ •์‹์œผ๋กœ Axure ๊ฐ•์˜๋ฅผ ์ง„ํ–‰ํ•  ์˜ˆ์ •์ธ๋ฐ, ๊ฐ•์˜ ์ง„ํ–‰์— ์•ž์„œ ์‹œ์žฅ์— ๋‚˜์™€์žˆ๋Š” ํˆด์— ๋Œ€ํ•œ ์ดํ•ด๊ฐ€ ํ•„์š”ํ•  ๊ฒƒ ๊ฐ™์•„ ํ˜„์žฌ ์ถœ์‹œ๋œ ๋Œ€๋ถ€๋ถ„์˜ ํˆด์„ ์ด์šฉํ•ด ๋ณด๊ณ , ์ง์ ‘ ์‚ฌ์šฉํ•ด๋ณธ ๊ฒฝํ—˜์„ ๋ฐ”ํƒ•์œผ๋กœ ๊ฐ ํˆด์— ๋Œ€ํ•œ ๋ถ„๋ฅ˜ ๋ฐ ๊ฐ„๋žต ๋ฆฌ๋ทฐ๋ฅผ ๋‚จ๊ฒจ๋ด…๋‹ˆ๋‹ค. 


ํˆด์„ ์†Œ๊ฐœํ•˜๊ธฐ์— ์•ž์„œ, ์กฐ๊ธˆ์€ ํ—ท๊ฐˆ๋ฆฌ๋Š” ์šฉ์–ด๋ฅผ ๋จผ์ € ์ •์˜ํ•ด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.

  • ์™€์ด์–ดํ”„๋ ˆ์ž„(Wireframe) : UI ์ค‘์‹ฌ์˜ ํ™”๋ฉด ๋ ˆ์ด์•„์›ƒ
  • ๋ชฉ์—…(Mockup) : ์‹ค๋ฌผ๊ณผ ํก์‚ฌํ•œ ์ •์ ์ธ ํ˜•ํƒœ์˜ ๋ชจํ˜•
  • ํ”„๋กœํ† ํƒ€์ž…(Prototype) : ๋‹ค์–‘ํ•œ ์ธํ„ฐ๋ž™์…˜์ด ๊ฒฐํ•ฉ๋˜์–ด ์‹ค์ œ ์„œ๋น„์Šค์ฒ˜๋Ÿผ ์ž‘๋™ํ•˜๋Š” ๋ชจํ˜•
  • ์Šคํ† ๋ฆฌ๋ณด๋“œ(Storyboard) : ์ •์ฑ…, ํ”„๋กœ์„ธ์Šค, ์™€์ด์–ดํ”„๋ ˆ์ž„, ๋””์Šคํฌ๋ฆฝ์…˜ ๋“ฑ์ด ๋ชจ๋‘ ํฌํ•จ๋œ ์„ค๊ณ„ ๋ฌธ์„œ


  


์ขŒ์ธก๋ถ€ํ„ฐ ์™€์ด์–ดํ”„๋ ˆ์ž„, ๋ชฉ์—…, ํ”„๋กœํ† ํƒ€์ž… ์ˆœ. ๋ชจ๋ฐ”์ผ์—์„œ๋Š” ์œ„์—์„œ ์•„๋ž˜ ์ˆœ์ž…๋‹ˆ๋‹ค.


์œ„์—์„œ ์™€์ด์–ดํ”„๋ ˆ์ž„, ๋ชฉ์—…, ํ”„๋กœํ† ํƒ€์ž…์„ ๋ถ„๋ฆฌํ•ด์„œ ์ •์˜ํ–ˆ์ง€๋งŒ, ์„œ๋กœ ๊ฐ„์— ๊ต์ง‘ํ•ฉ์œผ๋กœ ๊ฒน์น˜๋Š” ๋ถ€๋ถ„์ด ์ƒ๋‹นํžˆ ๋งŽ์Šต๋‹ˆ๋‹ค.


---


์šฉ์–ด ์ •๋ฆฌ๊ฐ€ ๋˜์—ˆ์œผ๋‹ˆ ํˆด์„ ์„ฑ๊ฒฉ์— ๋”ฐ๋ผ ๋ถ„๋ฅ˜ํ•ด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.

ํ”„๋กœํ† ํƒ€์ดํ•‘ ํˆด์€ ์ž‘์—… ์ˆœ์„œ์— ๋”ฐ๋ผ 2๊ฐ€์ง€ ๊ทธ๋ฃน์œผ๋กœ ๊ตฌ๋ถ„ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.


์ฒซ์งธ. ๊ธฐํš ๋‹จ๊ณ„์—์„œ ์‚ฌ์šฉํ•˜๋Š” ํˆด๋กœ ํ™”๋ฉด UI ์„ค๊ณ„ ๋ฐ ์ธํ„ฐ๋ž™์…˜ ์ ์šฉ์— ์ตœ์ ํ™”๋œ ํˆด.

๋‘˜์งธ. ๋””์ž์ธ ์ž‘์—… ํ›„ ์‚ฌ์šฉํ•˜๋Š” ํˆด๋กœ ๋””์ž์ธ๋œ ์ด๋ฏธ์ง€์˜ ์ธํ„ฐ๋ž™์…˜ ์ ์šฉ์— ์ตœ์ ํ™”๋œ ํˆด.


๊ธฐํš ๋‹จ๊ณ„์˜ ํˆด๋ถ€ํ„ฐ, ๋””์ž์ธ ์ดํ›„์˜ ํˆด๊นŒ์ง€ 

๊ฐ๊ฐ ์–ด๋–ค ํŠน์žฅ์ ์ด ์žˆ๋Š”์ง€ ์ง€๊ธˆ๋ถ€ํ„ฐ ํ•˜๋‚˜์”ฉ ์‚ดํŽด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.



- ํ™”๋ฉด์„ค๊ณ„ ํˆด -

ํŒŒ์›Œ ๋ชฉ์—…

ํŒŒ์›Œ ๋ชฉ์—…์€ ํŒŒ์›Œํฌ์ธํŠธ์— ์ถ”๊ฐ€ ๋ฉ”๋‰ด(add-on)๋ฅผ ์„ค์น˜ํ•ด ๋ชฉ์—… ๊ธฐ๋Šฅ์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ์ง€์›ํ•˜๋Š” ํˆด์ž…๋‹ˆ๋‹ค. ํŒŒ์›Œ ๋ชฉ์—…์„ ์„ค์น˜ํ•˜๋ฉด ํŒŒ์›Œํฌ์ธํŠธ ์ƒ๋‹จ์— PowerMockup ๋ฉ”๋‰ด๊ฐ€ ์ถ”๊ฐ€๋˜๊ณ , ๋ฏธ๋ฆฌ ์ œ์ž‘ํ•ด ๋†“์€ ๋ ˆ์ด์•„์›ƒ, ์ปดํฌ๋„ŒํŠธ, ๋‚ด๋น„๊ฒŒ์ด์…˜ ๋“ฑ ๋‹ค์–‘ํ•œ ๋ชฉ์—…์„ ๋“œ๋ž˜๊ทธํ•ด์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ํŒŒ์›Œํฌ์ธํŠธ์—์„œ๋„ ์ง์ ‘ ๊ทธ๋ฆด ์ˆ˜๋„ ์žˆ์ง€๋งŒ ๋ฏธ๋ฆฌ ๋งŒ๋“ค์–ด๋†“์€ ์ƒ˜ํ”Œ์„ ๋ฐ”๋กœ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์–ด ํ™”๋ฉด ์„ค๊ณ„ ์‹œ๊ฐ„์„ ๋‹จ์ถ•ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. 


  • ์‹คํ–‰ํ™˜๊ฒฝ : ์œˆ๋„์šฐ
  • ๊ฐ€๊ฒฉ : ๊ฐœ์ธ $59.99 (ํ•œํ™” ์•ฝ 7๋งŒ ์›), ํŒŒ์›Œ ๋ชฉ์—… ๋ฆฌ๋ทฐ๋ฅผ ํฌ์ŠคํŒ…ํ•˜๋ฉด ๋ฌด๋ฃŒ ๋ผ์ด์„ ์Šค ์ทจ๋“ ๊ฐ€๋Šฅ
  • ์ถ”์ฒœ : ํŒŒ์›Œํฌ์ธํŠธ ํ™”๋ฉด ์„ค๊ณ„ ์‹œ๊ฐ„์„ ๋‹จ์ถ•์‹œํ‚ค๊ณ  ์‹ถ์€ ์‚ฌ์šฉ์ž์—๊ฒŒ ์ ํ•ฉํ•จ
  • ๊ณต์‹ ์‚ฌ์ดํŠธ : http://www.powermockup.com
  • ๊ด€๋ จ ๋™์˜์ƒ : http://youtu.be/OrSxE0XnWLw

๋ฐœ์‚ฌ๋ฏน ๋ชฉ์—…

์Šค์ผ€์น˜ํ•œ ๋Š๋‚Œ์œผ๋กœ ๋น ๋ฅด๊ณ  ์‹ฌํ”Œํ•˜๊ฒŒ ์„œ๋น„์Šค ์ปจ์…‰์„ ์ „๋‹ฌํ•  ์ˆ˜ ์žˆ๋Š” ๋ชฉ์—… ํˆด์ž…๋‹ˆ๋‹ค. ๋””ํ…Œ์ผํ•œ ํ™”๋ฉด ๊ตฌ์„ฑ์€ ์–ด๋ ต์ง€๋งŒ ๊ฐ„๋‹จํžˆ ์Šค์ผ€์น˜ํ•  ๋•Œ๋Š” ํŒŒ์›Œํฌ์ธํŠธ๋ณด๋‹ค ํŽธ๋ฆฌํ•˜๊ฒŒ ์ž‘์—…ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์˜๋ฌธ์€ ๊ทธ๋Ÿด์‹ธํ•˜๊ฒŒ ๋ณด์ด์ง€๋งŒ ํ•œ๊ธ€์€ ์‚ด์ง ์•„์‰ฝ์Šต๋‹ˆ๋‹ค.


  • ์‹คํ–‰ํ™˜๊ฒฝ : ์œˆ๋„์šฐ, ๋งฅ, ์›น ๋ธŒ๋ผ์šฐ์ €
  • ๊ฐ€๊ฒฉ : ๊ฐœ์ธ $89 (ํ•œํ™” ์•ฝ 10๋งŒ 4์ฒœ ์›)
  • ์ถ”์ฒœ : ์•„์ด๋””์–ด๋ฅผ ๋‹จ์‹œ๊ฐ„์— ๋น ๋ฅด๊ฒŒ ์Šค์ผ€์น˜ํ•˜๊ณ  ์‹ถ์€ ์‚ฌ์šฉ์ž์—๊ฒŒ ์ ํ•ฉํ•จ
  • ํ•™์Šต ๋‚œ์ด๋„ : ์‰ฌ์›€
  • ๊ณต์‹ ์‚ฌ์ดํŠธ : http://balsamiq.com
  • ๊ด€๋ จ ๋™์˜์ƒ : http://youtu.be/MxWTGBQE7zE

์นด์นด์˜ค ์˜ค๋ธ

์ „) ๋‹ค์Œ์นด์นด์˜ค์—์„œ ์ œ์ž‘ํ•œ ์˜จ๋ผ์ธ ํ”„๋กœํ† ํƒ€์ดํ•‘ ํˆด์ž…๋‹ˆ๋‹ค. ์ง๊ด€์ ์ธ ์ธํ„ฐํŽ˜์ด์Šค๊ฐ€ ์žฅ์ ์œผ๋กœ ์ฒ˜์Œ ์‚ฌ์šฉํ•˜๋Š” ์‚ฌ์šฉ์ž๋„ ์†์‰ฝ๊ฒŒ ํ™”๋ฉด์„ ๊ทธ๋ฆด ์ˆ˜ ์žˆ๊ณ , ์˜จ๋ผ์ธ์œผ๋กœ ์ œ์ž‘ํ•œ ํ™”๋ฉด์„ QR์ฝ”๋“œ ๋ฐ ๋‹จ์ถ• URL์„ ํ†ตํ•ด ๊ณต์œ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋ฐœ์‚ฌ๋ฏน ๋ชฉ์—…๊ณผ ๋งˆ์ฐฌ๊ฐ€์ง€๋กœ ๋””ํ…Œ์ผํ•œ ์„ค๊ณ„๋ณด๋‹ค๋Š” ์„œ๋น„์Šค ์ปจ์…‰์„ ๊ฐ„๋‹จํžˆ ๊ณต์œ ํ•˜๊ธฐ์— ์ ํ•ฉํ•ฉ๋‹ˆ๋‹ค. ๋””์ž์ธ ์‹œ์•ˆ ์ด๋ฏธ์ง€๋ฅผ ์—…๋กœ๋“œํ•ด์„œ ๋ชจ๋ฐ”์ผ ๋“ฑ์˜ ๋””๋ฐ”์ด์Šค์—์„œ ํ…Œ์ŠคํŠธํ•ด ๋ณผ ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค.


  • ์‹คํ–‰ํ™˜๊ฒฝ : ์›น ๋ธŒ๋ผ์šฐ์ €
  • ๊ฐ€๊ฒฉ : ๋ฌด๋ฃŒ
  • ์ถ”์ฒœ : ์•„์ด๋””์–ด๋ฅผ ๋‹จ์‹œ๊ฐ„์— ๋น ๋ฅด๊ฒŒ ์Šค์ผ€์น˜ํ•˜๊ณ  ์‹ถ์€ ์‚ฌ์šฉ์ž์—๊ฒŒ ์ ํ•ฉํ•จ
  • ํ•™์Šต ๋‚œ์ด๋„ : ์‰ฌ์›€
  • ๊ณต์‹ ์‚ฌ์ดํŠธ : http://ovenapp.io


- ํ”„๋กœํ† ํƒ€์ดํ•‘ ํˆด -

UXํ•€ (UXPin)

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


  • ์‹คํ–‰ํ™˜๊ฒฝ : ์›น ๋ธŒ๋ผ์šฐ์ €
  • ๊ฐ€๊ฒฉ : ์›”์ •์•ก, ํ”„๋กœ ๋ฒ„์ „ ๊ธฐ์ค€ ๋งค์›” $29 (ํ•œํ™” ์•ฝ 3๋งŒ 4์ฒœ ์›)
  • ์ถ”์ฒœ : ์™€์ด์–ดํ”„๋ ˆ์ž„๋ถ€ํ„ฐ ํ”„๋กœํ† ํƒ€์ž…๊นŒ์ง€ ํ•œ ๋ฒˆ์— ์ œ์ž‘ํ•˜๊ณ  ์‹ถ์€ ์‚ฌ์šฉ์ž์—๊ฒŒ ์ ํ•ฉํ•จ
  • ํ•™์Šต ๋‚œ์ด๋„ : ์–ด๋ ค์›€
  • ๊ณต์‹ ์‚ฌ์ดํŠธ : http://uxpin.com
  • ๊ด€๋ จ ๋™์˜์ƒ : http://youtu.be/DdTgeFrCxYo

์•ก์Šˆ์–ด (AXURE)

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


  • ์‹คํ–‰ํ™˜๊ฒฝ : ์œˆ๋„์šฐ, ๋งฅ
  • ๊ฐ€๊ฒฉ : ์Šคํƒ ๋”๋“œ ๋ฒ„์ „ $289 (ํ•œํ™” ์•ฝ 33๋งŒ 7์ฒœ ์›), ํ•™์ƒ์€ ๋ฌด๋ฃŒ ๋ผ์ด์„ ์Šค ๋ฐœ๊ธ‰, ์›”์ •์•ก ์š”๊ธˆ์ œ ์ถœ์‹œ ์˜ˆ์ •
  • ์ถ”์ฒœ : ์™€์ด์–ดํ”„๋ ˆ์ž„๋ถ€ํ„ฐ ํ”„๋กœํ† ํƒ€์ž…๊นŒ์ง€ ํ•œ ๋ฒˆ์— ์ œ์ž‘ํ•˜๊ณ  ์‹ถ์€ ์‚ฌ์šฉ์ž์—๊ฒŒ ์ ํ•ฉํ•จ
  • ํ•™์Šต ๋‚œ์ด๋„ : ์ค‘๊ฐ„ ~ ์–ด๋ ค์›€
  • ๊ณต์‹ ์‚ฌ์ดํŠธ : http://www.axure.com
  • ๊ด€๋ จ ์ƒ˜ํ”Œ : http://bit.ly/1XyRB33

๋„ค์ด๋ฒ„ ํ”„๋กœํ† ๋‚˜์šฐ

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


  • ์‹คํ–‰ํ™˜๊ฒฝ : ์œˆ๋„์šฐ
  • ๊ฐ€๊ฒฉ : ๋ฌด๋ฃŒ
  • ์ถ”์ฒœ : ์™€์ด์–ดํ”„๋ ˆ์ž„๋ถ€ํ„ฐ ํ”„๋กœํ† ํƒ€์ž…๊นŒ์ง€ ํ•œ ๋ฒˆ์— ์ œ์ž‘ํ•˜๊ณ  ์‹ถ์€ ์‚ฌ์šฉ์ž์—๊ฒŒ ์ ํ•ฉํ•จ
  • ํ•™์Šต ๋‚œ์ด๋„ : ์ค‘๊ฐ„ ~ ์–ด๋ ค์›€
  • ๊ณต์‹ ์‚ฌ์ดํŠธ : http://protonow.navercorp.com


- UI ๋””์ž์ธ ํˆด -

์Šค์ผ€์น˜ (Sketch)

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


์ง์ ‘ ์‚ฌ์šฉํ•ด ๋ณธ ๊ฒฐ๊ณผ ํŒŒ์›Œํฌ์ธํŠธ/ํ‚ค๋…ธํŠธ๋ฅผ ๋‹ค๋ค˜๋˜ ์‚ฌ๋žŒ์ด๋ผ๋ฉด ์‰ฝ๊ฒŒ ์ ์‘ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ, ์ €์™€ ๊ฐ™์€ ๊ธฐํš์ž๋„ ๋””์ž์ธ์„ ํ•  ์ˆ˜ ์žˆ๋Š” ๊ธฐํšŒ๊ฐ€ ์ƒ๊ฒผ์Šต๋‹ˆ๋‹ค. ์ฐฝ์˜์  ๊ฐ๊ฐ์„ ๋ฐœํœ˜ํ•ด์•ผ ํ•˜๋Š” ์•„ํŠธ ๋””์ž์ธ์€ ๋‹น์—ฐํžˆ ์–ด๋ ต๊ฒ ์ง€๋งŒ, ๋‹ค์–‘ํ•œ ๋ชฉ์—…&ํ…œํ”Œ๋ฆฟ์„ ํ™œ์šฉํ•œ ๋ ˆ์ด์•„์›ƒ ์ค‘์‹ฌ์˜ ๋””์ž์ธ์ด๋ผ๋ฉด ํ™”๋ฉด ์„ค๊ณ„๋ฅผ ์˜ค๋ž˜ํ–ˆ๋˜ ๊ธฐํš์ž๊ฐ€ ๋„์ „ํ•ด๋ณผ ๋งŒํ•ฉ๋‹ˆ๋‹ค. ์Šค์ผ€์น˜ ํ”„๋กœ๊ทธ๋žจ๊ณผ ์—ฐ๋™๋˜๋Š” ์ œํ”Œ๋ฆฐ ํ”Œ๋Ÿฌ๊ทธ์ธ(https://zeplin.io)์„ ์„ค์น˜ํ•˜๋ฉด ๋””์ž์ธ ๊ฐ€์ด๋“œ๊นŒ์ง€ ์ž๋™์œผ๋กœ ์ƒ์„ฑ๋ฉ๋‹ˆ๋‹ค. ๊ฐœ์ธ์ ์œผ๋กœ๋Š” Axure ์™ธ์— ๊ผญ ๋ฐฐ์šฐ๊ณ  ์‹ถ์€ ํˆด ์ค‘ ํ•˜๋‚˜์ž…๋‹ˆ๋‹ค.


  • ์‹คํ–‰ํ™˜๊ฒฝ : ๋งฅ
  • ๊ฐ€๊ฒฉ : $99 (ํ•œํ™” ์•ฝ 11๋งŒ 5์ฒœ ์›)
  • ์ถ”์ฒœ : UI ๋””์ž์ธ์— ์ตœ์ ํ™”๋œ ๋””์ž์ธ ํ”„๋กœ๊ทธ๋žจ์„ ์‚ฌ์šฉํ•ด๋ณด๊ณ  ์‹ถ์€ ์‚ฌ์šฉ์ž์—๊ฒŒ ์ ํ•ฉํ•จ
  • ํ•™์Šต ๋‚œ์ด๋„ : ์ค‘๊ฐ„
  • ๊ณต์‹ ์‚ฌ์ดํŠธ : http://www.sketchapp.com
  • ๊ด€๋ จ ๋™์˜์ƒ : http://youtu.be/YdIeiCyKwpI
  • ๊ด€๋ จ ํฌ์ŠคํŒ… : http://brunch.co.kr/@jihere1001


์–ด๋„๋น„ ์ต์Šคํ”ผ๋ฆฌ์–ธ์Šค ๋””์ž์ธ CC (Adobe XD)

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


  • ์‹คํ–‰ํ™˜๊ฒฝ : ๋งฅ
  • ๊ฐ€๊ฒฉ : ๋ฌด๋ฃŒ (์–ด๋„๋น„ ๊ณ„์ • ํ•„์š”)
  • ์ถ”์ฒœ : UI ๋””์ž์ธ์— ์ตœ์ ํ™”๋œ ๋””์ž์ธ ํ”„๋กœ๊ทธ๋žจ์„ ์‚ฌ์šฉํ•ด๋ณด๊ณ  ์‹ถ์€ ์‚ฌ์šฉ์ž์—๊ฒŒ ์ ํ•ฉํ•จ
  • ํ•™์Šต ๋‚œ์ด๋„ : ์ค‘๊ฐ„
  • ๊ณต์‹ ์‚ฌ์ดํŠธ : https://www.adobe.com/kr/products/experience-design.html
  • ๊ด€๋ จ ๋™์˜์ƒ : http://adobe.ly/1VLFAb5



- ๋””์ž์ธ ์‚ฐ์ถœ๋ฌผ๋กœ ์ž‘์—…ํ•˜๋Š” ํ”„๋กœํ† ํƒ€์ดํ•‘ ํˆด -

์ธ๋น„์ „ (Invision)

์ธ๋น„์ „(InVision)์€ ์šฐ๋ฒ„, ํŠธ์œ„ํ„ฐ, ์—์–ด๋น„์•ค๋น„ ๋“ฑ์„ ๊ณ ๊ฐ์‚ฌ๋กœ ๋‘๊ณ  ์žˆ๋Š” ํ”„๋กœํ† ํƒ€์ดํ•‘ ํˆด๋กœ, 2015๋…„ 4,500๋งŒ ๋‹ฌ๋Ÿฌ(ํ•œํ™” ์•ฝ 514์–ต ์›)์˜ ํˆฌ์ž๋ฅผ ์œ ์น˜ํ–ˆ์„ ์ •๋„๋กœ ํ•ซํ•œ ์„œ๋น„์Šค์ž…๋‹ˆ๋‹ค. 


ํˆด ์‚ฌ์šฉ๋ฐฉ๋ฒ•์€ ๊ฐ„๋‹จํ•ฉ๋‹ˆ๋‹ค. ํฌํ† ์ƒต, ์Šค์ผ€์น˜ ๋“ฑ์œผ๋กœ ๋””์ž์ด๋„ˆ๊ฐ€ ์ž‘์—…ํ•œ ์ž‘์—…๋ฌผ์„ ์‚ฌ์ดํŠธ์— ์—…๋กœ๋“œํ•œ ๋‹ค์Œ. UI๋ฅผ ์—ฐ๊ฒฐํ•ด ๊ฐ„๋‹จํ•œ ์ธํ„ฐ๋ž™์…˜์„ ์ ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ธ๋น„์ „์˜ ์ตœ๊ณ  ๊ฐ•์ ์€ ํ˜‘์—… ๊ธฐ๋Šฅ์œผ๋กœ, ํ”„๋กœ์ ํŠธ ์ฐธ์—ฌ์ž ๊ฐ„์— ๋‹ค์–‘ํ•œ ํ˜•ํƒœ๋กœ ํ”ผ๋“œ๋ฐฑ์„ ์ฃผ๊ณ ๋ฐ›์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. 


  • ์‹คํ–‰ํ™˜๊ฒฝ : ์›น ๋ธŒ๋ผ์šฐ์ €
  • ๊ฐ€๊ฒฉ : ์›”์ •์•ก, ํ”„๋กœํŽ˜์…”๋„ ๋ฒ„์ „ $22 (ํ•œํ™” ์•ฝ 2๋งŒ 5์ฒœ ์›)
  • ์ถ”์ฒœ : ์Šฌ๋ž™, ํŠธ๋ ๋กœ์™€ ๊ฐ™์€ ํ˜‘์—… ๋ชจ๋ธ์„ ์ž˜ ์‚ฌ์šฉํ•˜๋Š” ์‚ฌ์šฉ์ž์—๊ฒŒ ์ถ”์ฒœ
  • ํ•™์Šต ๋‚œ์ด๋„ : ์‰ฌ์›€
  • ๊ณต์‹ ์‚ฌ์ดํŠธ : http://www.invisionapp.com
  • ๊ด€๋ จ ๋™์˜์ƒ : http://bit.ly/22K9It8
  • ์œ ์‚ฌ ํˆด : ๋งˆ๋ฒจ(Marvel), ํ”Œ๋ฆฐํ† (Flinto). ํ”Œ๋ฆฐํ† ์˜ ๊ฒฝ์šฐ ์นด์นด์˜ค์—์„œ ์‚ฌ์šฉํ•œ๋‹ค๊ณ  ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค.

ํ”ฝ์‚ฌ์—์ดํŠธ (Pixate)

ํ”ฝ์‚ฌ์—์ดํŠธ๋Š” 2015๋…„ ๊ตฌ๊ธ€์ด ์ธ์ˆ˜ํ•œ ํ”„๋กœํ† ํƒ€์ดํ•‘ ํˆด๋กœ ํ˜„์žฌ ์•„๋งˆ์กด, ์• ํ”Œ, ํŽ˜์ด์Šค๋ถ, ๊ตฌ๊ธ€ ๋“ฑ์„ ํฌํ•จํ•ด ๋‹ค์–‘ํ•œ ํšŒ์‚ฌ์—์„œ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.


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


  • ์‹คํ–‰ํ™˜๊ฒฝ : ์œˆ๋„์šฐ, ๋งฅ
  • ๊ฐ€๊ฒฉ : ๋ฌด๋ฃŒ
  • ์ถ”์ฒœ : ์ข‹์€ ํˆด์ด๋ฉด์„œ ๊ฐ€๊ฒฉ๋„ ๋ฌด๋ฃŒ. ํ”„๋กœํ† ํƒ€์ดํ•‘์— ๊ด€์‹ฌ ์žˆ๋Š” ๋””์ž์ด๋„ˆ์—๊ฒŒ ์ถ”์ฒœ.
  • ํ•™์Šต ๋‚œ์ด๋„ : ์ค‘๊ฐ„
  • ๊ณต์‹ ์‚ฌ์ดํŠธ : http://www.pixate.com
  • ๊ด€๋ จ ๋™์˜์ƒ : http://www.pixate.com/education/video-tutorials

ํ”„๋ ˆ์ด๋จธ (Framer)

Coffee Script๋ผ๊ณ  ํ•˜๋Š” ๊ฐœ๋ฐœ ์–ธ์–ด๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์ฝ”๋“œ ๊ธฐ๋ฐ˜์˜ ํ”„๋กœํ† ํƒ€์ดํ•‘ ํˆด์ž…๋‹ˆ๋‹ค. ๋‹ค๋ฅธ ํ”„๋กœํ† ํƒ€์ดํ•‘ ํˆด์€ html ๊ธฐ๋ฐ˜์œผ๋กœ ์ถœ๋ ฅ๋˜์–ด ์ธํ„ฐ๋ž™์…˜์— ์–ด์ƒ‰ํ•œ ๋ถ€๋ถ„์ด ๋ฐœ์ƒํ•˜๊ธฐ๋„ ํ•˜๋Š”๋ฐ, ํ”„๋ ˆ์ด๋จธ๋Š” ์ฝ”๋“œ ๊ธฐ๋ฐ˜์œผ๋กœ ์ž‘๋™๋˜์–ด ์‹ค์ œ ์ž‘์—…๋ฌผ๊ณผ ํก์‚ฌํ•˜๊ฒŒ ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ์ž‘์—… ๋‚œ์ด๋„๊ฐ€ ์žˆ๊ธฐ์— ๋‹ค๋ฅธ ํˆด๋“ค์— ๋น„ํ•ด ์–ด๋ ค์šด ํŽธ์ž…๋‹ˆ๋‹ค. 


  • ์‹คํ–‰ํ™˜๊ฒฝ : ๋งฅ
  • ๊ฐ€๊ฒฉ : $129 (ํ•œํ™” ์•ฝ 15๋งŒ 2์ฒœ ์›)
  • ์ถ”์ฒœ : ์ฝ”๋“œ ์ž‘์—…์ด ์ต์ˆ™ํ•˜๊ณ , ํ•˜์ด ํ€„๋ฆฌํ‹ฐ ํ”„๋กœํ† ํƒ€์ดํ•‘์— ๊ด€์‹ฌ ์žˆ๋Š” ์‚ฌ์šฉ์ž์—๊ฒŒ ์ถ”์ฒœ
  • ํ•™์Šต ๋‚œ์ด๋„ : ์–ด๋ ค์›€
  • ๊ณต์‹ ์‚ฌ์ดํŠธ : http://framerjs.com
  • ๊ด€๋ จ ์ƒ˜ํ”Œ : http://framerjs.com/examples


๋””์ž์ธ ํ”„๋กœํ† ํƒ€์ดํ•‘ ํˆด์€ ์ข…๋ฅ˜๊ฐ€ ๋„ˆ๋ฌด ๋งŽ์•„์„œ ์„ฑ๊ฒฉ์ด ๋‹ค๋ฅธ ํˆด์„ ๋ฝ‘์•„์„œ ์ •๋ฆฌํ•ด๋ดค์Šต๋‹ˆ๋‹ค. ์œ„์—์„œ ์†Œ๊ฐœํ•œ ํˆด ์™ธ์—๋„ Proto.io, Origami, ProtoPie ๋“ฑ ๋‹ค์–‘ํ•œ ํˆด์ด ์žˆ์œผ๋‹ˆ ์ข€ ๋” ์ž์„ธํžˆ ๋ณด๊ณ  ์‹ถ์œผ์‹  ๋ถ„๋“ค์€ ์•„๋ž˜ ๋งํฌ๋ฅผ ์ฐธ์กฐํ•˜์‹œ๊ธฐ ๋ฐ”๋ž๋‹ˆ๋‹ค. 

http://www.cooper.com/prototyping-tools

http://www.prototypingtools.co



์ •๋ฆฌํ•˜๋ฉด, 

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



๐Ÿ“Œ  ์ด ๊ธ€์€ ๋ฒŒ์จ 4๋…„๋„ ๋„˜์€ ๊ธ€์ธ๋ฐ์š”. 

2020๋…„ 9์›” 1์ผ ๊ธฐ์ค€์œผ๋กœ ์ตœ์‹  ๋‚ด์šฉ์„ ์—…๋ฐ์ดํŠธ ํ–ˆ์Šต๋‹ˆ๋‹ค. ์•„๋ž˜ ๊ธ€๋„ ํ•จ๊ป˜ ์ฝ์–ด์ฃผ์„ธ์š”!


ํ”„๋กœ๋•ํŠธ ๋งค๋‹ˆ์ €์˜ ํˆด, UI ๋””์ž์ด๋„ˆ์˜ ํˆด


๊ธฐํš์ž ์กฐ์˜์ˆ˜
IT ์„œ๋น„์Šค ๊ธฐํš์ž. ์ฒ˜์Œ๋ถ€ํ„ฐ ๋‹ค์‹œ ๋ฐฐ์šฐ๋Š” ์›น ๊ธฐํš ์ €์ž. ์›น๊ธฐํš&AXURE ๊ฐ•์‚ฌ. ์›น/๋ชจ๋ฐ”์ผ ๊ธฐํš์ž ๊ทธ๋ฃน ์šด์˜์ž.

๋Œ“๊ธ€์„ ๋‹ฌ์•„ ์ฃผ์„ธ์š”

  1. ์ด์ „ ๋Œ“๊ธ€ ๋”๋ณด๊ธฐ
  2. ๊ธˆ๋„ˆ๊ตฌ๋ฆฌ 2016.04.01 10:00

    ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค. ์ด๋Ÿฐ๊ฒŒ ์žˆ์—ˆ๋‹ค๋‹ˆ!, ์•Œ๊ฒŒ๋˜์–ด์„œ ๋„ˆ๋ฌด ์ข‹๋„ค์š”

  3. ํฌ์Šค์› 2016.04.01 12:05

    ์•„์ŠคํŽœ์ด๋ผ๋Š” ํˆด๋„ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ตญ๋‚ด ๊ฐœ๋ฐœ์‚ฌ......๊ธฐ๋Šฅ ๋งŽ๊ณ  ์ข‹์€ ๋“ฏ ํ•ฉ๋‹ˆ๋‹ค.^^
    http://www.aspenux.com/docs/help/ux/intro_ux.html

    • ์†Œ๊ฐœ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.

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

  4. 2016.05.13 23:17

    ๋น„๋ฐ€๋Œ“๊ธ€์ž…๋‹ˆ๋‹ค

  5. ์—์ปฌ 2016.07.13 18:18

    ์ •๋ง ๋ชฉ์—…ํ”„๋กœ๊ทธ๋žจ์œผ ์ฐพ๋‹ค์ฐพ๋‹ค๊ฐ€ ํฌ๊ธฐํ•˜๋ ค๋Š” ์ฐจ ๋ฐœ๊ฒฌํ–ˆ์Šต๋‹ˆ๋‹ค~!
    ์ข‹์€ ์ •๋ณด ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!

  6. dj 2016.10.12 15:21

    ์ข‹์€ ์ •๋ณด๋„ค์š” ^^
    ๊ฐœ์ธ์ ์œผ๋กœ ๋ฐœ์‚ฌ๋ฏน๊ณผ ํ”„๋กœํ† ๋‚˜์šฐ ํŒŒ์›Œ๋ชฉ์—… AxureRP-Pro๋ฅผ ์จ๋ดค๋Š”๋ฐ์š”
    ์ •์ ์ธ ํŽ˜์ด์ง€๋Š” ํŒŒ์›Œ๋ชฉ์—…์ด ํ™”๋ฉด์— ์ง์ ‘ ์ธํ„ฐ๋ ‰์…˜์„ ๋„ฃ๊ณ  ๊ทธ๋ฆฌ๊ธฐ์—๋Š” AxureRP์ด ์ตœ๊ณ ์ธ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.

  7. ํ•˜๋ฃจ 2016.11.01 20:13

    ์˜ค ์ •๋ง ์ž˜ ์ •๋ฆฌํ•ด์ฃผ์…จ๋„ค์š”. ๋ช‡๋…„์ „์— ๋ฐœ์‚ฌ๋ฏน ๋ชฉ์—… ํ•œ ๋ฒˆ ์จ๋ณธ๊ฒŒ ๋‹ค์˜€๋Š”๋ฐ, ๊ต‰์žฅํžˆ ๋งŽ๊ตฐ์š”~ ์นด์นด์˜ค๋ž‘ ๋„ค์ด๋ฒ„๊นŒ์ง€.. ์ง„์งœ ํฐ ๋„์›€์ด ๋  ๊ฑฐ ๊ฐ™์•„์š”-

  8. BlogIcon bihole 2017.01.10 01:32

    ์†Œ๊ฐœํ•ด ์ฃผ์‹  ํˆด๊ณผ ์กฐ๊ธˆ ๋‹ค๋ฅธ ์ปจ์…‰์ด์ง€๋งŒ .. ์ €๋Š” ์ตœ๋Œ€ํ•œ ์ž‘๋™ํ•˜๋Š” ํ”„๋กœํ† ํƒ€์ž…์„ ๊ฐ€์žฅ ๋น ๋ฅด๊ฒŒ ๋งŒ๋“ค๊ธฐ ์œ„ํ•œ
    ๋ฐ”์ดํ”Œ๋Ÿฌ๊ทธ๋ผ๋Š” ๋„๊ตฌ๋ฅผ ๋งŒ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค. ํ”„๋กœํ† ํƒ€์ดํ•‘์— ๊ด€์‹ฌ์ด ๋งŽ์œผ์‹œ๋‹ค๋ฉด ์‚ฌ์šฉํ•ด๋ณด์‹œ๊ณ  ์†Œ๊ฐ์„ ๋ถ€ํƒ๋“œ๋ฆฝ๋‹ˆ๋‹ค ^^;
    https://youtu.be/xn1Oc5Z23Ks

  9. ์ง€๋‹ˆ22 2017.03.08 22:39

    protoshare ์ถ”์ฒœํ•ฉ๋‹ˆ๋‹ค. ๊ธฐ๋ณธ์›”์ •์•ก์ด๋‚˜ ๊ตฌ๊ธ€๋“œ๋ผ์ด๋ธŒ์—์„  ๋ฌด๋ฃŒ์ž…๋‹ˆ๋‹ค.

  10. DG 2017.08.25 09:34

    ์™€, ์กฐ์˜์ˆ˜๋‹˜ ์ •๋ง ๊น”๋”ํ•˜๊ณ  ๊ฐ„๊ฒฐํ•œ ์ž๋ฃŒ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!! ์ •๋ง ํฐ ๋„์›€์ด ๋˜์—ˆ์–ด์š”. ์ •๋ง ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!!! ๋ธ”๋กœ๊ทธ ๋ถ๋งˆํฌํ•ด๋†“๊ณ  ๋‘๊ณ ๋‘๊ณ  ์ฐธ๊ณ ํ•˜๋ฉด์„œ ๋ด์•ผ๊ฒ ์Šต๋‹ˆ๋‹ค. ์ •๋ง ์ข‹๋„ค์š”.

  11. ์ˆœ 2018.03.17 09:28

    PM ๋‹˜ ์œ ์ตํ•œ ์ •๋ณด๊ณต์œ  ๊ฐ์‚ฌ ํ•ฉ๋‹ˆ๋‹น ใ…‹ใ…‹ใ…‹

  12. eschae 2018.03.19 09:37

    ์•ˆ๋…•ํ•˜์„ธ์š” ์ข‹์€ ์ •๋ณด ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.

    ์ฒดํ—˜ํŒ์—์„œ ์ „๊ธฐ๋Šฅ์„ ๋‹ค์‚ฌ์šฉํ• ์ˆœ์—†๋‚˜์š”?

  13. Logos 2018.04.04 19:35

    Thanks for sharing!
    I'm working in company that provides mobile software development services
    https://www.cleveroad.com/services
    And this article was really useful for me

  14. J์—์Šคํ‹ฐ๋‚˜ 2018.04.26 13:58

    ๋งค์šฐ ์œ ์šฉํ•œ ์ •๋ณด ์ž…๋‹ˆ๋‹ค! ์ •๋ฆฌ๋„ ๊น”๋”ํ•˜๋„ค์š”! ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!

  15. ๋น„์ƒ๋‹˜ 2018.06.17 23:11

    ์ •๋ง ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค

  16. Pixate๋Š” ์„œ๋น„์Šค ์ข…๋ฃŒ๋˜์—ˆ๋„ค์š”. ์ข‹์€ ๊ธ€์„ ๋„ˆ๋ฌด ๋Šฆ๊ฒŒ ๋ณด๊ฒŒ๋˜์–ด ์•ˆํƒ€๊น์Šต๋‹ˆ๋‹ค.

  17. rr 2018.10.22 22:22

    ์ง„์งœ ์ข‹์€ ๊ธ€์ด๋„ค์š”

  18. dddd 2018.12.11 09:39

    pixate๋Š” ๊ตฟ๋ฐ”์ด๋ฅผ ์™ธ์ณค๋„ค์š”.

  19. ๊ณ ๊ฐ€์š” 2019.03.20 16:08

    ๋„ค์ด๋ฒ„ํ”„๋กœํ† ๋‚˜์šฐ๋Š” ์ข…๋ฃŒ ๋˜์—ˆ๋„ค์š” ๋‹ค์šด๋กœ๋“œ๋Š” ๊ฐ€๋Šฅํ•˜๋„ค์š” ^^

  20. 2019.08.29 14:24

    ๋น„๋ฐ€๋Œ“๊ธ€์ž…๋‹ˆ๋‹ค

  21. BlogIcon Jakalvn@gmail.com 2020.08.24 11:31

    ์ข‹์€ ํฌ์ŠคํŒ… ์ž˜ ๋ณด๊ณ  ๊ฐ‘๋‹ˆ๋‹ค! ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!!