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

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

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




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


๋ชจ๋ฐ”์ผ์—์„œ๋Š” ํ•€์น˜ ์•ก์…˜(์†๊ฐ€๋ฝ ๋ฒŒ๋ฆฌ๊ธฐ)์œผ๋กœ ์ด๋ฏธ์ง€ ํ™•๋Œ€๊ฐ€ ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.


์™€์ด์–ดํ”„๋ ˆ์ž„(Wireframe)

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

  • ์™€์ด์–ดํ”„๋ ˆ์ž„ ํˆด : ์†๊ทธ๋ฆผ, ํŒŒ์›Œํฌ์ธํŠธ, ํ‚ค๋…ธํŠธ, ์Šค์ผ€์น˜, ์ผ๋Ÿฌ์ŠคํŠธ, ํฌํ† ์ƒต ๋“ฑ

UXPin ์ด๋ฏธ์ง€ ์ฐธ์กฐ


์Šคํ† ๋ฆฌ๋ณด๋“œ(Storyboard)

๋””์ž์ด๋„ˆ/๊ฐœ๋ฐœ์ž๊ฐ€ ์ฐธ๊ณ ํ•˜๋Š” ์ตœ์ข…์ ์ธ ์‚ฐ์ถœ๋ฌธ์„œ๋กœ์จ ์ •์ฑ…, ํ”„๋กœ์„ธ์Šค, ์ฝ˜ํ…์ธ  ๊ตฌ์„ฑ, ์™€์ด์–ดํ”„๋ ˆ์ž„(UI, UX), ๊ธฐ๋Šฅ ์ •์˜, ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ์—ฐ๋™ ๋“ฑ ์„œ๋น„์Šค ๊ตฌ์ถ•์„ ์œ„ํ•œ ๋ชจ๋“  ์ •๋ณด๊ฐ€ ๋‹ด๊ฒจ ์žˆ๋Š” ๋ฌธ์„œ์ž…๋‹ˆ๋‹ค. ํ˜„์—…์—์„œ๋Š” ํ•ด๋‹น ๋ฌธ์„œ๋ฅผ ๋ฐ”ํƒ•์œผ๋กœ ์ปค๋ฎค๋‹ˆ์ผ€์ด์…˜์„ ์ง„ํ–‰ํ•ฉ๋‹ˆ๋‹ค. 

  • ์Šคํ† ๋ฆฌ๋ณด๋“œ ํˆด : ํŒŒ์›Œํฌ์ธํŠธ, ํ‚ค๋…ธํŠธ, ์Šค์ผ€์น˜, Axure ๋“ฑ


์•ผ๋ฉ”์˜ ์ด์ƒํ•œ ์ƒ๊ฐ๊ณผ ๊ณต๊ฐ - ์Šคํ† ๋ฆฌ๋ณด๋“œ ์ด๋ฏธ์ง€

[แ„‹แ…ชแ†ซแ„…แ…ญ][1แ„Žแ…กแ„€แ…ขแ„‘แ…งแ†ซ]_060821_แ„’แ…ฌแ„‹แ…ฏแ†ซแ„Œแ…ฆแ„Œแ…ขแ„Žแ…ฅแ„…แ…ต_แ„€แ…ชแ†ซแ„…แ…งแ†ซ_แ„‰แ…ฎแ„Œแ…ฅแ†ผ_แ„€แ…ตแ„’แ…ฌแ†จ.ppt

ํ”„๋กœํ† ํƒ€์ž…(Prototype)

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

  • ํ”„๋กœํ† ํƒ€์ดํ•‘ ํˆด : HTML/CSS, AXURE, INVISON, Flinto, FRAMER, UXPin, ๋„ค์ด๋ฒ„ ํ”„๋กœํ† ๋‚˜์šฐ, ์นด์นด์˜ค ์˜ค๋ธ ๋“ฑ.
  • ์• ํ”Œ์›Œ์น˜ ํ”„๋กœํ† ํƒ€์ž… ๋ฐ๋ชจ : http://8gfcti.axshare.com/#c=2
  • ๊ทธ ์™ธ ํ”„๋กœํ† ํƒ€์ž… ๋ฐ๋ชจ : http://bit.ly/1XyRB33


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




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

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


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

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

  1. goodgle 2016.02.03 10:44

    ๋™๊ฐํ•ฉ๋‹ˆ๋‹ค. ์ €๋„ ์ด๊ฒƒ์ €๊ฒƒ ์จ๋ดค์ง€๋งŒ, ํ”„๋กœํ† ํƒ€์ดํ•‘์—๋Š” axure rp๊ฐ€ ๊ฐ€์žฅ ํ›Œ๋ฅญํ•œ ํˆด์ด๋”๊ตฐ์š”.

  2. Jack 2017.03.16 15:07

    ๊ทธ ์™ธ ํ”„๋กœํ† ํƒ€์ž… ๋ฐ๋ชจ : http://goo.gl/NvKPMA

    ๋งํฌ์— ํŽ˜์ด์ง€๊ฐ€ ๋Š์–ด์กŒ๋Š”์ง€ ์—ฐ๊ฒฐ์ด ์•ˆ๋˜๋„ค์š”~