• 沒有找到結果。

以價值主張方法研究 App 原型設計工具關鍵成功因素-以 InVision 與 Marvel 之個案為例

N/A
N/A
Protected

Academic year: 2022

Share "以價值主張方法研究 App 原型設計工具關鍵成功因素-以 InVision 與 Marvel 之個案為例"

Copied!
93
0
0

加載中.... (立即查看全文)

全文

(1)ȧ¥͕ѕ@ή͌ɘήȒʋ˺ʋ˸͌ɘ͈?¼ЎȮǵ ͈?Οg Entrepreneurship and Innovation MBA Program College of Management. National Taiwan University Master Thesis. vͯNJsȵhŤưě App ǓƉɵƻDIJЭϺÉ~¹ǻ +v InVision ͖ Marvel JǎǩƩį A Study of Value Proposition to Explore Key Successful Factors of App Prototyping Tool +Case study of InVision and Marvel. ˢRÜ Yuan-Heng Huang. ƚίɇɃ!ʅǖё ʍ? AdvisorChialin Chen, Ph.D. I˄šȧ 108 Æ 6 j June, 2019. doi:10.6342/NTU201901114.

(2) ͜ϴ 'EiMBA ̷Ăİ͠Ơ2ū-ǎГɔЀ(ɹͬ͠-Ѐ;H̚ȵ¼ 2017 ÆĂūЎ ɒ˕3ɤ.ÆǦ™¼ʧ-ǖ9ЅƱĄU Dçȳͫ˅-ǎC̱˚ï5ȋдĂ̩‚ūȮ ˺æ¼ɲƔū98ǵIϸƠȲȲ˰Ȍ 2013 ÆÖ 2014 Æ͖Ā´̦¸ū̴Þ¼ŮĢ˸ʋ ̱˚ Woomoo νμΈØūħƤǦ¬¼ιϸJ8ȷŭ‰@ EiMBA ɹǎ˸ū˟£ðȯ Œɤ1ņº˰˅̩‚˸ʋūǦ¬ĕbˀÕE-Îι˹ʒÓ0 EiMBAĨÍŇȷv ϑĹ ɹıÆ8İEiMBA ȳˀĂūͣˑuĂ̅Ŷū̬ʨ•˘0ĂūˆƫHΟƠÒǜnj ūɇήċŏƠήǨʝĮū̞˿ʂ¼¼ђĂ˯ĺĵ‰@όήū͞Ǹ͖ÍĀ-´ū´ήȌέȘλdzūȈΟĨɿ̩ĞŎūеŧÉŻƒ͠ƠĂɹıÆİÊФʊ½ū»hʁ̄ɡ ȒŻȲȲʝū'ɤ1ÌΔ(ɘΟђĂ¼ȥǧǦ\В‚ºуĂɹʘÆūЎɒʴǙђĂɕÍ Ɉʴ;ђĂ80ĕѼɤ1ήʨǦЗ˘̅ǦÍ˅HϏƓ̨ūU ĕbȯûÉ EiMBA çƩĂȾ8İ-Æū£ͿP]Ơ 2019 ÆTjĂFǐûŐÍūΜʸȮМ˟£;ʋ¥0 U ΟgÉ0ĂɹıÆʊ¾ū-ǎϬʽ ˯ϴʅǖёÒǜȳ̩ͫ‚HʦͲ̩ΟgūĂȑ̷ĂÍς΢ūМ£ț|0Íǣɖ̵͖ ͩūƑкÒǜϬƠÑÈIŔ|Ǧ˙ƚίĂūΟgSǘΟgȷ|ūʽΟ;ђĂȸIή ɬƪ½ΟgМ£ώÕĂ̩‚ūU Woomoo ūɚƈ POP#Prototyping on Paper$ÍЭūɚ ˺ưě¹Ïƒ˯ϴvƅū´ĩūϝȇƺʦƠ Woomoo ū-ǔ˟ȆȾĺĂ̷ènj ū˯ϴĖÍènjʖĖÍɹΏΟgūʝ°İ;˯ϴĂǖ2ūǘɹ-ÆĂȎȻ˅Ă Ʉe˅Ăï5˅ènjʄÞĂƐ̩0Ă;ȸIĎƩÉŻĂūɜ˺ƠènjūąƙĂ GȄȮb-ˮʩ˅£Ϳƅ˕ūÉş 'ʾH̷țūĕŃƕǡ(-ŬʂƠĂū2Ǟ„ͦƙпŊƅƯȳ˅̩‚ū-Wq ƫJ@ʾ̷ÍĂū͗‰ʢƈϛή˱ȧ˱2Ă˹ȳɹ4ǎÁʋɾĂ2ūɤ1 ÌΔ. i. doi:10.6342/NTU201901114.

(3) Ig̾ƺ ¼ʥ͸dι͖ App Ȥqƕ˸ʋU vÏƩƊιŹÆİƙпͰŻēʘÆʂ˹Гʡ ƦÙϷ˨ȸŝȟʋ˸ O2O ū Airbnb ͖ UberĵŹÆςȌūȡ˫Ьĵ2Dʥ͸ʂƠ̅8 ūʋĉ͖ʋ˺ǖnjȏʕū£Ϳæ̅ƦÙH°ŏƠ IPO ƕūÉŻϧǷHÀ̬ʨɮ8˄б ŒÚū˸ʋū;H°ĺ2ј£¼ɹ͉LJ΅8ɸѐðŝȟ#SaaS$ū˸ʋ™¼̈́̈́ςȌ ijǴ×Ʃv«˺žcƩsƺŝȟ̷ˋ¼ʋ˺ŶʨðÍÊ3HͪƙпȏĔȗυ̞v[Ȯ ţ¼̖ĕƎcūȤМSaaS ū˸ʋŹÆİ̻̻˘ŴʽşInVision ƒ͠ƠijIūљљűŘ 2011 Æū¼ǾƴÉ¥ʴǙĵ 2018 ƘàNJ̧ 19 ͮƵRƒ͠ƠŹÆ SaaS ˸ʋI-ǎз ɠū¼ –ưěvǓƉɵƻ SaaS U InVision ͖ Marvel Ʃưě£ͿƅűƩ‘ʑūͫ˓űƕ űƆŘ 2014 ÆÊ϶ưěű̩‚¨ЎŘū´ЯƉɚƈ POP JU Woomoo£ƅOä͑ʑ -Ńmį–ưěĭžǎǩưě͖ͯNJsȵ̲­˵˝Îǿ̞Ǥv[ɳΙ Woomoo ʋό 2ûÉǎǩU JͯNJ»̲°v61ÝɵƻǜțƩɳΙ̷ˋ˕ـʽ́ÇɳΙζɘ ij̾ƺûÉуƎǻʛʯƕȯ9ƾͯNJ»̲͖уƎǻʛȯͯNJsȵûÉĭžûÉūͯNJ sȵ̲˕Ù¦=Vš InVision ͖ Marvel уƎǻʛ͖ͯNJ»̲ΥȐȺťɽ˟Všȷ| VšʽşƧ̶ĨˀKʽΟ͖ƑкİȽȈ SaaS ǓƉɵƻDIJ͖ͯNJsȵūЭƄ ¼̩̋¦=̷mƕї̶ʽşȸMǎǃ¶ț|Ƨ̶Vš'DIJ“‰ˀĭžűūɤ-³ ˋ('“‰ūЁǙʺɛ('ɸѐðŝȟ“‰ĭžűūǴŎ('уƎϧǷ̷Ř 1 ĵ 100 ūǀƺŎ(͖'Marvel ‘ʑʴǙʺɛū˷Ѓ(ɹ‹ǎǃ¶͠ś0 InVision ͖ Marvel ¼ 2017 Æ 2018 ÆǛ˒ːőː˘ūsƺǓ¹Ⱦ˅ɿ̩9ƾVšȷĵMǎʽΟ 'InVision ÉƩ‘ʑͫ­űūЭϺ¹ǻ)ȮţŘȮ˺ĭžű*+)η̠ʴǙ½ǎɚƈͫȨ ūʺɛ*+)ʝĮˮŒϧǷ*('Marvel ȮţūʲЀ̖hHΥȐĨͶтɚƈʺɛ˘ Ǚ('ĭžʑʤ̷Ř SaaS ɵƻЯDIJūʴǙÍǀƺūͶт('“‰̺ȦūƑ¥ƩD IJЯ SaaS ʴǙūǀƺƚͿ(͖'ɵƻЯDIJɚƈūŹÆъXĽ—İǙɌ͖ͯNJsȵǠǠƮ Э(İ͠śƩß InVision ȄÉƩ´ЯƉɚƈ˸ʋūͫ˓űv[v SaaS ˸ʋU ʺɛ˘ Ǚ͖ͯNJsȵJЭƄʨɴ—İū´ЯƉ˸ʋU ȷvȢÓ ЭϺÁɸѐðŝȟMk-B˸ʋǓƉɵƻDIJͯNJsȵ̲. ii. doi:10.6342/NTU201901114.

(4) ABSTRACT After the advent of smart phone and mobile apps, startups took this opportunity to rise in recent years. The trend changes fast, from O2O services Airbnb and Uber to blockchains and artificial intelligence. Venture capitalists and entrepreneurs followed the trends to explore their chances to success. However, after the trend changed or the IPO are not as good as expected, they failed down faster. In this trend, software-as-a-service (SaaS) business model is emerging. It has some special features: focus on enterprise, get the income in the early stage, no need to pursue found raising continuously, solving customer problems is the main target. SaaS startups are becoming stronger in recent years. InVision is one of the best. It was established in New York in 2011 and grow to US$1.9 billion valuation by the end of 2018. This research is based on the prototyping tool companies InVision and Marvel. InVision the current market leader. Marvel acquired Woomoo, the company that researcher had worked for and owned prototyping tool POP in 2014. It holds a certain proportion of the market. This study uses case study and value proposition canvas to research. At first, it collects secondary data and interviews the founder of Woomoo, completes the value map of the case company, and then interviews twelve designers to conduct semi-structured interviews and organize their abstracts. Complete the customer profile and then complete the value proposition canvas. Using the completed value proposition canvas, cross-analyze the InVision and Marvel customer profile and value map fit item by item. Then obtain insights into the analysis results, and give conclusions and recommendations to explore the relationship between SaaS and value proposition canvas. After cross-analyze, the observations were analyzed from five aspects: "The first impression of SaaS platform to the user", "The platform’s expansion strategy", “SaaS platform user's characteristics", "Customer gains for the importance of 1 to 100", and “The sing of Marvel’s market development strategy”, these five aspects illustrate the main reason for the gap between InVision and Marvel in 2017. Then, through the above analysis, we have five conclusions to explain why InVision can become a market leader: “The key factors for InVision becoming the market leader: focus on professional users + strategy across user journey + provide unexpected gains”, “Marvel's pain reliever is not fit and cause too much on future development”, “The user journey of SaaS design tools has an important impact”, “The establishment of the platform ecosystem is an important indicator for SaaS design tools”, and "Building successful design tools are closely related to value propositions canvas”. We expect this research can be referenced by the future startups who would like to build the successful SaaS company. Key Words: SaaSInVisionMarvelWoomooprototyping toolvalue proposition iii. doi:10.6342/NTU201901114.

(5) £. ϑ. ͜ϴ.......................................................................................................................................................i Ig̾ƺ..............................................................................................................................................ii ABSTRACT........................................................................................................................................iii £ϑ.....................................................................................................................................................iv ̲£ϑ.................................................................................................................................................vi ŷ£ϑ................................................................................................................................................vii ɤ-ʇ. ͓Ο......................................................................................................................................1. ɤ-̊. ưěȠι....................................................................................................................1. ɤ1̊. ưě£ū....................................................................................................................2. ɤ7̊. ǀƺ·ˉл̍............................................................................................................3. ɤ1ʇ. gдȽȈ..............................................................................................................................4. ɤ-̊. ͯNJsȵ....................................................................................................................4. ɤ1̊. ǎǩưěŤ................................................................................................................6. ɤ7ʇ. ưěƢ͖́hŤ..................................................................................................................8. ɤ-̊. ưěƢ́....................................................................................................................8. ɤ1̊. ưěhŤ....................................................................................................................9. ɤ‹ʇ. ǎǩU ͯNJ»̲............................................................................................................12. ɤ-̊ ǎǩU ͯNJ»̲"Woomoo...............................................................................12 ɤ1̊ ǎǩU ͯNJ»̲"InVision................................................................................15 ɤ7̊ ǎǩU ͯNJ»̲"Marvel...................................................................................21 ɤMʇ. уƎǻʛ͖ͯNJΥȐ........................................................................................................26. ɤ-̊ уƎɳΙ..................................................................................................................26 ɤ1̊ уƎǻʛ..................................................................................................................27 ɤ7̊ ǎǩU ͯNJΥȐ"InVision................................................................................34 ɤ‹̊ ǎǩU ͯNJΥȐ"Marvel...................................................................................37 ɤTʇ. VšʽşƧ̶....................................................................................................................41. ɤ-̊ ͯNJΥȐ¦=Vš..................................................................................................41 ɤ1̊ VšʽşƧ̶..........................................................................................................47 iv. doi:10.6342/NTU201901114.

(6) ɤ.ʇ. ʽΟ͖Ƒк........................................................................................................................50. ɤ-̊ ưěʽΟ͖Ƒк......................................................................................................50 ɤ1̊ ưěǁĶ................................................................................................................. 53 IgȢÓgд....................................................................................................................................54 ƹgȢÓgд....................................................................................................................................55 ̡͐ȢÓ̞Ǥ....................................................................................................................................56 žϑ-. Woomoo ͯNJ»̲ɳΙ@͑............................................................................................57. žϑ1. Woomoo ʋό2ɳΙ̾ƺ................................................................................................58. žϑ7. уƎǻʛɳΙ@͑............................................................................................................60. žϑ‹. ĺɳűɳΙ̾ƺ................................................................................................................61. v. doi:10.6342/NTU201901114.

(7) ̲£ϑ ̲ 1 2018 ÆǓƉDIJ‘Νƣ.........................................................................................................1 ̲ 2 ͯNJsȵ̲.................................................................................................................................4 ̲ 3 ưěƢ́.....................................................................................................................................8 ̲ 4 ĺɳűū‹ǎˋǁ.....................................................................................................................9 ̲ 5 POP ¼ iOS “‰ūɤ-Ũɚƈʱǃ........................................................................................14 ̲ 6 InVision Cloud Ȯǩdžǃ..........................................................................................................17 ̲ 7 InVision Cloud ǓƉ˙ūɻʽ¤ˮ̲......................................................................................17 ̲ 8 InVision Cloud ū Freehand LȠ¤ˮ̲...............................................................................18 ̲ 9 InVision Cloud ū Inspect ¤ˮ̲...........................................................................................18 ̲ 10 InVision ūͯNJ»̲...............................................................................................................20 ̲ 11 Marvel ǓƉ͛çdžǃ¤ˮ̲..................................................................................................22 ̲ 12 Marvel Handoff ~Ȅ¤ˮ̲...................................................................................................22 ̲ 13 Marvel ͖ Jira ζ¸¤ˮ̲......................................................................................................23 ̲ 14 Marvel ūͯNJ»̲..................................................................................................................25 ̲ 15 ǓƉɵƻDIJJуƎǻʛ.....................................................................................................33 ̲ 16 InVision Inspect 9ΔǦ˙.......................................................................................................44 ̲ 17 Marvel Handoff 9ΔǦ˙.......................................................................................................44 ̲ 18 Adobe ϦÊ͖İ˿..................................................................................................................52. vi. doi:10.6342/NTU201901114.

(8) ŷ£ϑ ŷ 1 T͉Ъβİ˿̦͌ūϙЀ͖ȂЀ.............................................................................................7 ŷ 2 ǎǩưěŤȩ–ЯƉ...............................................................................................................11 ŷ 3 POP ɚƈ¼H´“‰ŐʝĮū~Ȅ͖ŝȟ............................................................................14 ŷ 4 InVision ʝĮūɚƈ͖ŝȟ.....................................................................................................16 ŷ 5 InVision ūÊˍ΀Ç.................................................................................................................19 ŷ 6 Marvel ŐʝĮūɚƈ͖ŝȟ....................................................................................................21 ŷ 7 Marvel ūÊˍ΀Ç....................................................................................................................24 ŷ 8 ĺɳű̞ȉ...............................................................................................................................26 ŷ 9 InVision уƎ¨ȟΥȐʽş.....................................................................................................34 ŷ 10 InVision уƎʲЀΥȐʽş...................................................................................................36 ŷ 11 InVision уƎϧǷΥȐʽş...................................................................................................37 ŷ 12 12 Marvel уƎ¨ȟΥȐʽş.................................................................................................38 ŷ 13 Marvel уƎʲЀΥȐʽş......................................................................................................39 ŷ 14 Marvel уƎϧǷΥȐʽş......................................................................................................40 ŷ 15 ͯNJΥȐ+InVision ΥȐæ Marvel HΥȐJζɘ.............................................................41 ŷ 16 ͯNJΥȐ+InVision ͖ Marvel ƬHΥȐJζɘ.................................................................46. vii. doi:10.6342/NTU201901114.

(9) ɤ-ʇ ͓Ο ɤ-̊ ưěȠι ưěűʦ¨ЎŘ˸ʋU Woomoo̗U É¥Ř 2012 ÆsƺɚƈƩ͐Ǻ͖ App ū ǓƉɵƻDIJ POP#Prototyping on Paper$¼ 2016 Æɱ´ЯƉūU Marvel ŐÊ϶ ¼ɹʘÆ˙ǓƉDIJÉƩɸѐɚƈ˘ʴūьήƱĄU ɚƈ˘ʴūƦʸFſȲɬ ̼ŘĭžǓƉɵƻDIJ£ƅ¼‘ʑ9vǓƉɵƻDIJƩs•ū˸ʋU IʊƩзɠūƠ ¼ 2018 ÆÆ˜Ɋϧ F Τ 1 ͮ 1500 ̉Ƶźū InVisionijU àNJ;̧ĵȾŹıǎξĠСū 19 ͮƵźÔÊ϶ Woomoo ū Marvel¼ 2018 Ƙū UXTools ‘ʑΝƣI¼ǓƉɵƻ DIJ‘ʑϽʯϸÍƅ6·ū‘äæȸ 2016 ÆňǢĵ 400 ̉ƹЕū A Τĉ̞ƕ¼ijƕʘ ÆĖÍϧȷĉ̞2ūĉ̞. ̲ 1 2018 ÆǓƉDIJ‘Νƣ ̞Ǥİ˿UXTools.co ¼ÀÏΗƇū˸‘ʑIȸËʨūÑŴͭŗĵə¼˘ł|əśьū‘ʑͫ­ű InVsion v[ Marvel ƬƠƠнŘ SaaS#Software-as-a-Serviceɸѐðŝȟ$ūɚƈЯƉɹ ЯɚƈūʴǙĵə¼ϸƠɴ½ưě¼ȽȈƺɿ̩Ɨ;ūhÇGȄ˶葁 Ŵˍb5ưʴǓʋ. ƺ¼ˮɅ϶ű½-ЀϸƠ̵ͩĭžūȮ˺2ǔ. ƺăшϸƠ. £ƅʂĖÍś΋ūŃ. Ο. 1. doi:10.6342/NTU201901114.

(10) ͏¸v9ŸŘưěű¼Ïɚ˺ͽÆ̋ю;Ȣ͖̩̗ͫȨūɚƈ˘ʴŐv˰ɿ ̩ͯNJsȵưěİɿš InVision v[ MarvelʨɌȄʴɀ| SaaS ЯƉU ͪƺţǀūʴǙ ʺɛ. ɤ1̊ ưě£ū @ʀVưěЭŘU ̷Ř SaaS ūί3ˮа̣_v̵ͩĭžűÔƠv£ͿU ūĠ ƐW3¼ưěȠιIƒv0̖SaaS ζѐƠƙпÉŻū‘ʑrːİː½˸ʋ¹Ʃ SaaS ūv8‘ʑǴŎÔĉ3 -ƒv͖ƞÍ SaaS ŝȟçL̓̓Ĥ‘ʑͪĔ 1ƎcͪĔƮ̅½ъ˸ʋū͵Ŏƒ̓ĤƎcͪĔ 7ëˍͰNJ#freemium$ūȣ˺΀ÇFɱǯˍ‘ʑŐȾĺ˸ʋU ƒȸÏ΀Ç´Ǧ ϧȷžcͰŻv[Ĺȷwˍžcı͉ϙЀ ‹MVP#Minimum Viable Product$ɚƈ˘ʴǦHͪĉ3@˖̞–Ȅāɼțɚƈƿ yț|Ȅ̓Ĥ‘ʑūɚƈ ¹Ï–ưěȯv InVision v[ Marvel çƩưě̷ˋɿ̩€ʽ́ÇɳΙūưěhŤ 0̖ɹıǖU ɚƈūsƺĭžűȽȈɹıǖ˸ʋU ūͯNJsȵv[ΥȐƐʯƕɿ̩ ¦=ṃİVšʊƕȷĵVšʽşƧ̶͖ʽΟ –gūưěƦʸɏ̧ĵưě£ūÀ8 -ɿ̩Îǿ̞Ǥū͚˝[ Woomoo ʋό2ūɳΙûÉ InVision v[ Marvel ūͯNJ» ̲ 1ɿ̩ InVision [ Marvel ĭžűū€ʽ́ÇɳΙШ͛уƎǻʛͿ¤ijĭžű¨ ȟʲЀv[ϧǷ 7ȯv9ʽşțµÕūͯNJΥȐ¦=Všț|VšƧ̶ć| InVision ÉƩ‘ʑ ͫ­űūsƺ¹ǻ ‹ưěʽΟƒvʝĮ—İ SaaS ЯƉU çƩʴǙūȢÓ. 2. doi:10.6342/NTU201901114.

(11) ɤ7̊ ǀƺ·ˉл̍ ȑ̷–g|əūЭϺ·ˉǪβgд͖ƮЭ̞ǤʖijŃ͖̍ΎТçv8͠ś 1. ɸѐðŝȟ#SaaS$ ɸѐðŝȟ#SaaS$Ơ-͉˞̥͍͋ɚƈxƒvƩĭžűʝĮĮϞȣū˞͋ɸѐ ĹĭžűH”¼–͋̔̌9Ä̔ϞžʸÇŬȾɿ̩͐džЈрάʹhǃ˕ÙÂĹĭž űƒɿ̩ÏŝȟϚÂ͖Vš̞ǤĨķ´˕ÙȮǩsƺǴŎÀ8  SaaS ĮϞȣɿ̩ƼΧ΀ÇƩĭžűʝĮɸѐĽϞžʸÇ  ĭžűHͪƺ͌ɘÄ̔ŏYǿɸѐŸ SaaS ʝĮűƽɶ͌ɘ  ̞ǤƒÄ®Âŗ¼˞͋–»͋ɵʉƝͨH˹ίƷ̞ǤƦ  ̞˿ĭžƒǪβŝȟ˕ÙΝζ  ‡ƺ̔̌Ȅȫɻ9̡͐ʘuȄȸqƫµ»ÂĹϞžʸÇ 2. ˸ʋU ˸ʋU Ơƚʋ˺űížȣ˺ι˹ɺ̩ζ¸̞˿țƩŐʋƑū-ǎ˸ūIJÍŤ2̞Ǭū ̵ѐŽȄȫʝĮɚƈŏŝȟvϧíĽÉŻƩ£ͿĨʋɾͯNJ®ɗʋ˺ї̶ #GEM$ʒôIū˸ʋU ƚÉ¥Ǧ˙¼ 42 ǎjvSūU ɺȲɹЯU É¥Ǧ˙H ŻɯŘʋ¥ʨŏƠÉŻʨ 3. ǓƉDIJ#Prototyping Tool$ Ơƚ¼ɚƈ˕3˘ʴƅ̙țūǓƉŐĭžūDIJǓƉū£ūƩюЪɚƈūɵ˰Ơñɥ ¸̬ʨ¼ͪĔVš˛ƤȷĵȄûƵɥ¸ĭžűŐÍͪĔūɚƈ͠śƠƒøЮū¹Ï¼ȷ ĵȩ–ͪĔ͠śƕ˹ɿ̩ǓƉū͛çİțĭžű\ћɿ̩ɚƈūƿyİûˁĭžűѐ юΥϞъXʊɫʝȗɚƈΡ˖ 4. ξĠС ƚàNJ̧ĵ 10 ͮƵRv9ū˸ʋU ijž͝|ÕŮĢʋĉ Cowboy Ventrue ʋό2 Aileen Lee#2013$ūgʇ%хŸİĵξĠСǍ΁ʀ+ȸ 10 ͮ˸ʋU ̅Iήɬ&2000 Æƕʋ¥ū˸ʋU ‡Í 0.07%Ȅȫɯ֑NJ 10 ͮƵźƺćĵɹĪĉ̞Ϳūʖ̟ ćĵξĠС-;øЮ#Lee, 2013$. 3. doi:10.6342/NTU201901114.

(12) ɤ1ʇ gдȽȈ –ʇƩ–ưěŐĭžūưěhŤJл̍VƩͯNJsȵ͖ǎǩưěŤı̊. ɤ-̊ ͯNJsȵ –ưěŐĭžūͯNJsȵ̲|Õ Alex OsterwalderYves PigneurGreg Nernarda ͖ Alan Smith#2015$%ͯNJsȵÆy&-ǧ̥žͯNJsȵ̲‚ɵƻ͖ʬ̙ǎǩ£ͿūͯNJ »̲͖уƎǻʛƠñΥȐ˕Ôṃ|ıǎǩūȡìƠĭžÏưěhŤūsƺ£ū ͯNJsȵ̲Ʃȣ˺΀Ç̲#Business Model$/ǗǬIūͯNJsȵ#Value Provided$͖ £ͿƎͳ#Customers$͔ʭƕÿÉū˸̲VƩ„ı€ʀÀ̲ 2 Ő¤€ʀƩͯNJ »̲#Value Map$ʅƾU ÀßƩуƎʋɾͯNJ„€ʀƩуƎǻʛ#Customer Profile$ДɑU ̷уƎū0̖̅ͯNJ»̲͖уƎǻʛƮõ¸ð̧ĵͯNJΥȐ The Value Proposition Canvas Value Proposition. Customer Segment. Gain Creators. Gains. Products & Services. Customer Job(s). Pain Relievers. Pains. copyright: Strategyzer AG. strategyzer.com. The makers of Business Model Generation and Strategyzer. ̲ 2 ͯNJsȵ̲ ̞Ǥİ˿ %ͯNJsȵÆy&#2015$. 4. doi:10.6342/NTU201901114.

(13) ͯNJ»̲ƠÍƢ́Ď̘ɨūʛƾȣ˺΀ÇIūơ˟ͯNJsȵǴ×ȯij˕-ĒŖ̖Ʃ ɚƈ͖ŝȟ#Products & Services$ʲЀ̖h#Pain Relievers$͖ϧǷaϠ#Gain Creators$  ɚƈ͖ŝȟƠƚʐЍ˅ͯNJsȵŐɵƻ|ūŐÍɚƈ͖ŝȟƒȄŸv8H´Я Ɖū˟£ŐɩÉÍÿūʮÿūͽÝūźυūɹĪђуƎûÉij~ȄŎ¨ ȟů¦Ŏ¨ȟŏƠȺ͓Ŏ¨ȟŏƠ̓ĤуƎūȩ–ͪĔɚƈ͖ŝȟ–ĥHȄ ʋɾͯNJ”ˡɥ¸уƎͳū¨ȟʲЀ͖ϧǷG˹ɚͯNJƺŭ̦ĨſŐÍ ɚƈ͖ŝȟ̷уƎʂ´;ǀƺÍ΃ȄHƒŏȂÍ΃ȄƒÍƒʮ  ʲЀ̖hʛƾɚƈĽŝȟÀßʪ̖͢ĕуƎūøЂʲƸɑ˻͠śÀßǯȕ уƎûɨȟJƅʨ˙JƕÍūøЂŏƠǂé͖ǯȕђуƎǪ–ʮŤ˕Ù¨ ȟū¹ǻĸːūͯNJsȵȮţ¼уƎǀƺūʲЀ9H”ƩуƎǻʛIćūūē ˟ʲЀʂʝ|̖hĸːūͯNJsȵɺȲ‡Ȯţ¼ƒvǴìÍǣʪ_ūʲЀ9H ƒŏȂū̖hɺȲȑ̷ſȲвǀūʲЀț˼@ūČъʋɾƒȗūͯNJƺCb ʝ|ūʲЀ̖hƠñʋɾуƎĎ½ūʲЀ  ϧǷaϠʛƾɚƈ͖ŝȟÀßƩуƎʋɾíǷʛƾÀßʋɾуƎʨƓʫɌ ˮ˰Hĵūʽş͖íǷƛ̵ž~Ȅů¦ϧǷ™ǃȺ͓͖̊ƭɖĽʲЀ ̖h-;ϧǷaϠH”ɯɘуƎǻʛIćĵūŐÍϧǷȮţ¼уƎǀˆrɚƈ ͖ŝȟȄǴì¾ʴʟūʀVʖ¾ уƎǻʛƠÍƢ́Ď̘ɨūʛƾȣ˺΀ÇIūơǎƎͳȯуƎūͪĔĎŹ-ĒŖ̖ ƩуƎ¨ȟ#Customer Jobs$уƎʲЀ#Customer Pains$͖уƎϧǷ#Customer Gains$  уƎ¨ȟƠƚуƎ¼DçŏƨI˰ƺûÉūĩȺƃƛ˰ƺûÉūDçï5 ƺ̖ĕūȤМͪƺɱ̓ĤūͪĔ¼ưěуƎ¨ȟǦȟ”ȸуƎūїЀ|ʴ уƎ¨ȟVÉ7͉ЯƉ͖͡îŎ¨ȟVìƠ~ȄŎ¨ȟ#Functional jobs$ƚ ūƠуƎ˰ƺûÉūơ˟DçŏƠ˰ƺ̖ĕūȤМů¦Ŏ¨ȟ#Social jobs$ ƠƚуƎ˰ƺ¼x2ɠIóəūÿˋǎ2,Ⱥ͓Ŏ¨ȟ#Personal,emotional Ś İÕ8İ jobs$ƠƚуƎ˰ƺūȺ͓Ū̺įÀиȷ˃ŝÍÄ®˯͡îŎ ¨ȟ#Supporting jobs$ƠƚуƎ¼϶ˏ͖ǯˍͯNJū̩ʸI;ͪƺûÉū͡î Ŏ¨ȟ 5. doi:10.6342/NTU201901114.

(14)  уƎʲЀђуƎʮŤûɨȟūŐÍȤМʲЀ;ƠƚLJϔƒȄ|əūОʽ şć|уƎ7@ʲЀ0̖уƎūʲЀʸƐVìƠH˰ƺūʽşȤМĽǴ ŎͨУ͖LJϔʛƾjIJѐː¾GȄȡV¨ȟʲЀ͖ϧǷ  уƎϧǷуƎ˰ƺūʽşĽíǷуƎϧǷū‹@ЯƉƩ”ƺϧǷ#Required gains$Ʃ̖ĕhǩʾHƒĖÍū~Ȅ̬ʨϧǷ#Expected gains$ϽʯHƠ HƒŏȂæƠуƎOʯʨƓ̖ĕhǩƒÍɹĪǣǷʫĔϧǷ#Desired gains$ȩ–ʨƓJŒуƎ˹˱9ū~ȄŏϧǷˮǤŒϧǷ#Unexpercted gains$ɹĪƠˑːуƎ̬ʨĽʫĔūϧǷʖ͍Ơ̝ȤуƎуƎ;˰Hĵ ̅ͯNJ»̲ºϞ0уƎ͞Ʃǀƺū¨ȟǯȕϒbJʲЀʋɾуƎǀˆū”ƺϧǷ ð̧ĵͯNJΥŖ̏ĵΥȐ;ƒЮ͒ƙHЄï5ȏĔͯNJΥȐƠͯNJsȵɵƻū͎я –ưěȯύʙ%ͯNJsȵÆy&-ǧūhŤžͯNJsȵ̲ƩDIJɿ̩ɳΙİƑ́| ǓƉDIJĭžűūуƎǻʛ͖ InVision ̟ Marvel ūͯNJ»̲ț¦=ΥȐİVšɹıǎ ǎǩ¼ͯNJsȵ9ÍßǛɝ. ɤ1̊ ǎǩưěŤ –ưěūǎǩưěɅž Robert K. Yin#1994$%ǎǩưě&-ǧIJhŤǎǩưěƩ -̵͉ЪJȽěŐưěūəˋ͖ə̵ƨƶʤ˙ĖÍś΋ūƫΔͪƺĭž½ǀİ˿ūЪ βçƩ-͉ưěhŤǎǩưěƒvɱ̥žŘɴ½ͫȨǎǩVšƒvĭĂnjͰ˕̷ǎ 2ɩЌίů˹ƜŦ[ijxƮЭͫȨū0̖ǎǩưěƒvĭưěűǓœǓĻ»ƃ Ƕə̵ƨIÍˮ̍ūǴͷ#Yin, 1994$ ǎǩưěūЪβÍT͉sƺİ˿̦͌Àŷ 1 Ъβİ˿. ϙЀ. ȂЀ. gд. ХŃƒv\ВΧщ. ϤǼŎé. ÕʯǸ̵Ĩſ¹ǎǩưěū. Àş͚˝ūϣǩHûζ̞Ǥ͟Ǜ˹ṃ. ʽşÔƑ¥ū. @. ΋W÷ĩ§I|əū΋W·. ʒί͟Ǜ\ƟçűūȞğ#—ŭ$. ͊ȢÓ̞ǤĽɨ̊. ϧĹ-Ī2Ʃ¹ǻ˹Ͷтϣǩ̞ǤūĹ. В͙ǃʹǦ˙Żɓ͙½ǎĩ. ȷ. §½ǎʑʤ. 6. doi:10.6342/NTU201901114.

(15) ϣǩƳϑ. Ʌɳ. ´9#´gд$. ´9#´gд$ϣǩϼĚŎĽƃȭŎͶт. ͎΋˖X. ơĪ̞Ǥūĭž. ȑ̷ŎŬȾȑ̷ǎǩưěūΜ. ɵƻH̅ūʝȤ˹ɾÉ͟Ǜ. М. ºʼ͟Ǜ. ğ̖ɕĴóəї̶Iū¹şɂ. ƳϑH̅Ͷт͎΋Ɛ. Є̩ʸ. SƭĺɳűÍˮЩ»Ƙ̃Ʌɳ2ūˮ̲ ºʼ. ŬȾї̶. Ǹ̵Ŏɓ̵͙ͩƨIʴū. ˍǦȃ5. ĩȺ. ώγǦř|əȞǛȕſɓ͙ǃʹ. ϰЧŎɓ͙ĩ§ʴū98g. Sƭĺї̶ű̶иÍ2¼ї̶Ǧ˹Ν. ƶʤ. ζɁ̭ÕEūÙƩ ˍž25ї̶ȃǦ½. Ȣ͖Ŏї. ´ŬȾї̶. ´ŬȾї̶. ̶. Ȅɕ3ɘ̖ǎ2ÙƩ͖Ƞι. ŸŘΝƣűūȼĶɾÉ͟Ǜ. ̵ũЪβ. ̷gXǴͷūğЪ. ώγ͟Ǜ. ̷ĄɰδçūğЪ. ϧĹūøЮ. ŷ 1 T͉Ъβİ˿̦͌ūϙЀ͖ȂЀ ̞Ǥİ˿%ǎǩưě&#1994$ –ưěsƺɅžgдϣǩƳϑ͖ɅɳçƩЪβİ˿ɿ̩ɹĪ̞Ǥūζɘ͖Všİ 0̖ InVision ͖ Marvel ɹıǖU ūūɚƈ͖ŝȟv[ijуƎū˰Ť. 7. doi:10.6342/NTU201901114.

(16) ɤ7ʇ ưěƢ͖́hŤ –ưěĭž€ʽ́ɳΙŤ˕ÙǎǩưěvͯNJsȵçƩưěƢ́v[ƦʸLj­Ê˝ Îǿ̞Ǥv[ɳΙİ͛ç InVision ͖ Marvel ūͯNJ»̲Ⱦ˅v[ɳΙɚ|уƎǻʛȾ ˅˕ÙͯNJΥȐɕ3Všʯƕ̷ŘVšʽşț|ɂΟƧ̶v8VƩưěƢ́ưěh Ťv[̞ǤÊ˝hÇʹ7̊͠ś. ɤ-̊ ưěƢ́ –ưěvɚ| InVision v[ Marvel JͯNJsȵƩ£Ϳ¹Ï˹Ȣ̃%ͯNJsȵÆy& -ǧŐʝĮūhŤİ˕Ùưě Lj­˹­͛çɳΙ͑ƺАŸɳΙ Woomoo ūʋό2͛ç|ijͯNJ»̲ʯƕɿ̩ Ê˝ InVision v[ Marvel ūÎǿ̞Ǥ͏¸v9̞ȉİ͛ç InVision ͖ Marvel ūͯNJ» ̲ °İ˹ϢŃɳΙ͑ƺİ̷61Ýɵƻǜ˕ـʽ́ÇɳΙÏ61ÝɳΙ̷ˋƩ InVision ĭžűTÝMarvel ĭžűTÝv[VìƠ7ÝƠÉ·U 7ÝƠ˸ʋU J ȸ˺2ǔАŸv9ūɳΙSǘİʛШ| InVision ͖ Marvel ūуƎǻʛ ɿ̩v9ıǎU ūͯNJ̲̟уƎǻʛİțͯNJΥȐʯƕ̋Ÿ¦=ṃİțͯNJΥȐ ūVš–ưěȯ¦=Všūʽşț|ɂΟƧ̶ȷ|ǎǩ«˺ūЭϺÉ~Jɯʯƕʝ| SaaS ЯƉɚƈū—݃ȢÓJʴǙʺɛʊƕç|ưěʽΟv[—İϷ˨JƑк.      

(17)       

(18)        

(19)  . .   ̲ 3 ưěƢ́ 8. doi:10.6342/NTU201901114.

(20) ɤ1̊ ưěhŤ -€ʽ́ÇɳΙŤ ɳΙƚūƠı·ŏv92ǔū̷̜ŸɳΙ2ʴȤĨŸĺɳűºʼɳΙƒVʽ́Ç ɳΙ€ʽ́ÇɳΙĽſʽ́ÇɳΙijI€ʽ́ÇɳΙƚūƠ¼Í-ŃūɳΙ@͑8 ĭžaίdŤˀĺɳụ̋@ūŷ̧ÕEїЀv[ˮğūŰ˙¼ɳΙʨ˙ɳΙ2ƒvϓǦ ΝζȤМH˹ђĺɳűūºʼĺώ˟ūȼͼɳΙ̩ʸǦ€ʽ́ɳɟŘȤМŰ˙̣ @ƒvɕ3ȤМǀЀђĺɳűȄȫŷ̧|̣Ǹ̵ū͞ŭ˯ĺʨɌȄђưěϧȷ˰ȷĵ ū̞ȉ –ưě¯Í'ǎǩU ͯNJ»̲"Woomoo(͖'уƎǻʛ(ʇ̊ͪƺĭžĵ€ʽ́Ç ɳΙƩ0ɚ| InVision v[ Marvel JͯNJ»̲ȕ0Îǿ̞Ǥū͚˝ŸŘ Woomoo ĥ Ʃɱ Marvel Ê϶ū´ЯƉɚƈ POP JU Woomoo ūU ͯNJsȵūʋό2ɳΙƠƒг ˎū̞Ǥİ˿†ŒƩ0ûÉ InVision v[ Marvel U JуƎǻʛ–ưěvɺ̜ŏǃ ̷ǃūhÇv€ʽ́ÇɳΙŤ¯ɳΙ61ÝɚƈĭžűĺɳűūǴŎÀ8Őƾ  ĺɳűDçSǘƬƩȮ˺ɵƻǜ˹v͛çűūĠ×İĭž InVision,Marvel  ȕ0 InVision ŏ Marvel ūĭžűɹıǎǃ¶;}3ĺɳűDçŐɯūU Ɖ ̺VìƠÉ·͖˸ʋU çƩĺɳűūǴŎȡ̪À8̲ū‹ǎˋǁ  À9ŐƾēǎˋǁƬÍ7Ýĺɳű.   .   .

(21) . . 

(22) 

(23) . 

(24)  . ̲ 4 ĺɳűū‹ǎˋǁ 9. doi:10.6342/NTU201901114.

(25) ώŃɳΙ̷ˋƕ˹v%ͯNJsȵÆy&-ǧŐƾūhŤİϢŃɳΙ@͑Woomoo U ʋό2JɳΙ@͑˹v Woomoo ͯNJ»̲ūɚƈ͖ŝȟʲЀ̖hv[ϧǷaϠƩß İçƩɳΙȤМūsƺ˟£ƒvȢÓžϑ-ū Woomoo ͯNJ»̲ɳΙ@͑InVision ͖ Marvel ĺɳűJɳΙ@͑˹vуƎǻʛūSǘƩsVìƩуƎū¨ȟʲЀ[ϧǷ ̘ɨūɳΙ@͑ƒvȢÓžϑ7ūуƎǻʛɳΙ@͑ɳΙ˕ÙƩɿ̩ɺ̜v[ǃ̷ǃı͉ hÇǃ̷ǃv[ɺ̜ɳΙūϙЀ¼ŘȄȫɿ̩ї̶̷hūºϞv[͝ǮƒvðǦΝζȾ 8İūɳΙƦʸŏhÇȄȫĹȷʊǸ̵ū˰ŤŐÍūɳΙSǘƬ˹ϑDž¼ɳΙʽď ƕ˹vϑDžSǘİ͛çɳΙ̾ƺÀžϑ‹ūĺɳűɳΙ̾ƺ¼ưěSgIͪƺū»h ˕Ùaž 1Îǿ̞Ǥ͚˝ Îǿ̞ǤƚūƠƮ̷Ř-ǿ̞ǤƩ-ǿ̞Ǥ̩̋1Îŏv9ížŐÿÉūSǘ¼ David W. Stedwart ͖ Michael A. Kamins#1993$¼%Îǿ̞ǤưěŤ&-ǧIʝĵÎǿ̞ ǤƛH´ū̞Ǥİ˿v[Ÿijxưě2ǔŐ˵˝ū̞ǤŏH´ÿÇūϣǩÎǿ̞ǤȄ ʝĮ-ǎƮ̅Ƃȿ[̋ϥū̡ǟvºʼH´ūȤМ#Stedwart & Kamins, 1993$̥žÎǿ ̞Ǥ͚˝Ív8ʘǎϙЀ 1. ȄȫāɼĹȷ 2. mȌ͚˝Ǔł̞Ǥɖéˬ 3. ɺȲȺť8̣ǘřϧȷ 4. Ʃ0ϤюH´ǦyūŶưěűƒṃ˸̞Ǥ͖əÂ̞ǤJǛɝćʕ™΋ūʽ ş ¼–ưěIƩ0͛ç InVision v[ Marvel U ūͯNJ»̲˹ɿ̩Îǿ̞Ǥ͚˝Ť İ͚˝̗U ¼̡͖̫͐Bʓѐū̞ǤĨ˕ÙVš 7ǎǩưěŤ Ǫβ Robert K. Yin#1994$%ǎǩưě&ūŃ̍ǎǩưěŤƠ-̵͉Ъưě޼ HɮЗə̵ƨϨ̳ūȺť8˕ưě̅ƅ™¼˕ÙūəˋƓưěūəˋ͖ijŐɯϨ̳ƶʤ J˙ūƫΔĨH6Vśь#Yin, 1994$–ưěsМƩ'vͯNJsȵhŤưě App ǓƉɵ ƻDIJЭϺÉ~¹ǻ +v InVision ͖ Marvel JǎǩƩį(¼ǓƉDIJȸ 2010 Æİʆ п|əūɹʘÆInVision ¼àNJžcͽ˖˦̞źКɹ7˟ЭϺͽÁ9ͣͣͫ­‘ʑ. 10. doi:10.6342/NTU201901114.

(26) ijx´ЯƉеŧƈƩ0ŭ̦'ƩNͬ(͖'Àß(Ɲ՞ŘǎǩưěŤİ˕ÙưěV š –ưěv InVision ͖ Marvel çƩưě̷ˋvͯNJsȵİ˕Ùṃ͖VšȢ̃8ŷ ūǎǩưěȩ–ЯƉIƠнŘ'½ǀǎǩɵƻζѐŎ(ūЯƉ. ζѐŎ. ʏ-ǎǩɵƻ. ½ǀǎǩɵƻ. Ɖ̺-. Ɖ̺1. Ɖ̺7. Ɖ̺‹. #ʏ-VšʏÝ$ ʗ3Ŏ #½ǀVšʏÝ$ ŷ 2 ǎǩưěŤȩ–ЯƉ ̞Ǥİ˿%ǎǩưě&#1994$. 11. doi:10.6342/NTU201901114.

(27) ɤ‹ʇ ǎǩU ͯNJ»̲ –ưěƺȽȈ App ǓƉDIJ˸ʋU ūͯNJsȵv[ijΥȐŸŘưěű̩‚ʦŝȟ ŘÏɚ˺J˸ʋU WoomooWoomoo Ř 2016 ÆɱǎǩJ-ū Marvel ŐÊ϶ijɚƈ͖ ŝȟʲЀ̖h͖ϧǷaϠƬÍƮåJɯƝ¼Ïʇ˹­vɳΙ Woomoo ʋό2İûÉij ͯNJ»̲°ávÎǿ̞Ǥ͚˝ūʽşİûÉ InVision v[ Marvel U ūͯNJ»̲. ɤ-̊ ǎǩU ͯNJ»̲—Woomoo –ưěɿ̩͖ Woomoo ʋό2ǒȪÙŻ Ben#v8Ћ͊ B$˕ÙɕƐɳΙζɘ|ijɚ ƈ Prototyping on Paper#v8Ћ͊ POP$ūͯNJ»̲ȯͯNJ»̲ū'ɚƈ͖ŝȟ('ʲ Ѐ̖h('ϧǷaϠ(ζɘÉŷ'ɚƈ͖ŝȟ(˹Ĭ̃ɚƈŐη̠ū“‰v[ŐÍū~ Ȅț|ζɘ“‰VÉiOSAndroidWebWindows RT'ʲЀ̖h(v['ϧǷa Ϡ(˹vɎ±ūhDZ| -ɚƈ͖ŝȟ Ǫβ͖ B ūɳΙǓƉ͛ç¼ 2011 ÆǦƠǎώ˟Ϯ½æĖÍ-ǎȄȫ̖ĕxūʲ Ѐ‡ȄАŸijͯNJ»̲HƠȑ̷ǓƉ͛çūɚƈİûÉɹǎ¨ȟįÀ Adobe ū Flash v [ Apple ūЋʒɸѐ Keynote̅ǦƠ App ˘łςɞūÆy¼̅ǦÍɴ½˸ʋU ƠNjψ ǓƉŏƠЋʒİț˦̞B ĥƩɻпʋ˺ǖʦ̋Í̩ɴ½ɚƈū˰Ť¼ȪÙǦʴə͛ç ƒLȠūǓƉͪƺȮ˺ūDʸǜv[ɵƻǜÔrͪƺH_Ǧ˙GȷvюЪÕEū˰ŤƠñ ɥ¸уƎͪƺŐv˰¼‘ʑ9ćʕƠñÍȄȫ̓Ĥ B ͪĔūɚƈŏŝȟʊƕƠ-ʮŐ ϧ¹Ïɚ0ßHÕEİ˘ʴǓƉɵƻDIJū˰ŤPOP ɹǎЀBʖȸɹϩ˙ÉƩ B ū ʋ˺£Ϳ POP ƠǓƉ͛çDIJʊsƺū~ȄƩǓƉ͛çv[Ǚ¤ǓƉLȠū~ȄæĬβH´ “‰ÍH´ū~ȄPOP v iOS Ʃɤ-ǎ9Δūɚƈ“‰¼ɂ|ϧȷſȲ¾ūºћƕ˘ łŊijx“‰țЁǙv8Ơ POP ¼H´“‰ʝĮū~Ȅ ɚƈ“‰. ʝĮūŝȟ͖~Ȅ. iOS.  ɿ̩ƮЦŏŕ̃9ˣǓƉū̲o  Ƒ¥ƒvLȠūЀϡȡȨȯH´ūdžǃÛÉǓƉ  džǃГʡūȠʱ  ͼŗǓƉ 12. doi:10.6342/NTU201901114.

(28)  VīǓƉūɻʽ  ̟ Dropbox ɻʽϣǩƒʉªŏƠĎ˸  ̟ Adobe Cloud ɻʽϣǩƒʉªŏƠĎ˸  ǞͿЀǶġȈΟ  ƒv̟ AndroidWeb “‰LƮ´ĒǓƉ;Ȅ͛ç iOS AndroidWeb “‰ūǓƉ  fʠ iPhone ̟ iPad´Ǧ¼ɹıǎ̤IJ9ʝĮµÕɵƻūQǃ̟ δçƦʸ Android.  ɿ̩ƮЦŏŕ̃9ˣǓƉū̲o  Ƒ¥ƒvLȠūЀϡȡȨȯH´ūdžǃÛÉǓƉ  džǃГʡūȠʱ  ͼŗǓƉ  VīǓƉūɻʽ  ǞͿЀǶġȈΟ  ƒv̟ iOSWeb “‰LƮ´ĒǓƉ;Ȅ͛ç iOSAndroid Web “‰ūǓƉ. Web.  ɿ̩ƮЦŏŕ̃9ˣǓƉū̲o  Ƒ¥ƒvLȠūЀϡȡȨȯH´ūdžǃÛÉǓƉ  džǃГʡūȠʱ  ͼŗǓƉ  VīǓƉūɻʽ  ǞͿЀǶġȈΟ  ƒv̟ iOSAndroid “‰LƮ´ĒǓƉ;Ȅ͛ç iOS AndroidWeb “‰ūǓƉ  ƒvʗ3. Windows RT.  Ƒ¥ƒvLȠūЀϡȡȨȯH´ūdžǃÛÉǓƉ  džǃГʡūȠʱ  ͼŗǓƉ. 13. doi:10.6342/NTU201901114.

(29)  HȄ̟ƒv̟ iOSAndroidWeb “‰LƮ´ĒǓƉˤǁŘ͛ ç Windows RT ūǓƉ ŷ 3 POP ɚƈ¼H´“‰ŐʝĮū~Ȅ͖ŝȟ. ̲ 5 POP ¼ iOS “‰ūɤ-Ũɚƈʱǃ İ˿Woomoo Inc. ¼wˍhǃVÉ7ǎH-;ūwˍͿ̂  FreeʝĮıǎȮǩūƑ¥  BasicʝĮ6ǎȮǩv[7ǎ̱˚Éǔū¯´Βωv[Vī~Ȅ  ProʝĮʮǁĶūȮǩv[̱˚Éǔū¯´Βωv[Vī~Ȅ 1ʲЀ̖h B ̩‚¼͛çǓƉǦÍ̩̇ʘǎʲЀv8Ɏ±|İ 1. ͪƺʚʞ-ŃūɵƻĄȄ 2. ͪƺʚʞ-ŃūDʸĄȄ 3. ͛ç|İūǓƉLȠѐюHˌŹ̵ͩɚƈ 4. ˰ˣ̧ūɚƈ˽ōЮvžgÁŷ̧ 5. ǓƉ¼͛çƕÀͪƺĎ˸ƞÍhÇȃǦ. ϬĽ9ƾB ͞Ʃ POP Ív8ǎʲЀ̖h 1. ĭžƦʸŬиȄȫāɼ9d͛çǓƉ 2. ̠“‰fʠȄȫђĭžH´“‰ūĭžűȄȫLƮVīv[ķç 14. doi:10.6342/NTU201901114.

(30) 3. ƒvɿ̩Ƕġ̀ȄȈΟdžǃʝĮǃ̷ǃvŒūȈΟώ˟. 7ϧǷaϠ  POP ɵƻūЋʏřžƒvЁ@ĭžɋ̮̎ƠʦÍĭžűž POP ʴ˰͛çĔ ȬūȚ App  B ͞Ʃ—݇ƺĭžűÍ˰Ťɿ̩͛ç POP ǓƉİюЪʯƕ POP ƒvʓ¸ĭ žűv[Ȯ˺ App ŒU ϝîĭžűĆЀBÉǸ  POP Ǔ–Íƻ̯͛ç Explore ΀Çђēǎ2ȄĆÕEū˰ŤVī|İȷĵì2 ūˮğºћȯ POP ÉƩЀBūů̎ʓѐ  ȄȯǓƉʗ3ɤ7hŝȟɹǎ~Ȅƒ˘ɈĎ½ƒȄŎįÀɿ̩̟ȮǩķçDIJū ʽ¸ί3U DçƦʸ. ɤ1̊ ǎǩU ͯNJ»̲"InVision InVision Ř 2011 Ɵʋό2 Clark Valberg ͖ Ben Nadel ¼ǾƴÉ¥¼ńh͐Ǻ9Δ Ǧɚƈ>̒Ʃ'Build high-fidelity fully interactive web application prototypes in minutes with no code and complete artistic freedom.(Ћʏ»ŷ̧0 InVision ūʘǎǴЀ1. āɼț|H ͪͺͲʸÇΌūLȠ͐džǓƉ 2. HɵǁūǙəèū˰Ť ¼ɹʘÆūʴǙIInVision ¼ʘǎǃ¶ЪśÕEÉƩǓƉDIJ“‰ūͫ­»ÝLj ­Õ 2011 ÆÖ 2018 ÆňInVision Ϭ¯ϧȷ 3 ͮ 5000 ̉Ƶźūĉ̞£ƅÍMÑÖ<·ǔD̬àÆϦÊƩ 2300 ̉ƵźU àNJƩ 19 ͮƵźȸ 2016 Æ-jÖ 2019 Æ1 jÊ϶06ǖU v9ē-˟ͽβƬƩ´ЯƉU JʊϬĽ9ƾƩ–ưěώγijƩ ǎǩưěū£ͿJ-v8Ʃ͚˝ĵūÎǿ̞ǤŐûÉ InVision ūͯNJ»̲ -ɚƈ͖ŝȟ InVision ¼ɹʘÆʴǙI˸ū~Ȅ̟ɚƈƙпɂ|Ĩ¼ϧȷ‘ʑºћƕțƕпČ ˕ĨĕŃƠñǶÂɹĪ˸ū~Ȅv8ɚƈ͖ŝȟƩ̽Ö 2018 Æň¼ InVision ń͐ū 'Platform Tour(v['Learn(ώ˟8ūɚƈζɘ. 15. doi:10.6342/NTU201901114.

(31) ɚƈ͖ŝȟ·͊. ɚƈ͖ŝȟūSǘ. InVision Cloud.  InVision Cloud sƺ~ȄƬv͐džƩsƺ“‰iOS ̟ Android 9ǃˤĮǙ¤ǶġʹȞ¶ȈΟū~Ȅ  ͛çʔ÷LȠv[̩ʑǣşūǓƉ  ȑ̷ǓƉdžǃūǞͿǶġȈΟ~Ȅ  Freehand ʝĮ̫B¡ŠțɵƻūΔ9ðǦȈΟ  Inspect ђǓƉ˕3ɚƈ˘ʴǦŬȾȄȫϊ|ʸǃžūdžǃ ̞ȉv[̲o  ͖½ǎɤ7hūŝȟÍțŝȟζ¸v Slack ɺȉDIJƩ į̱̅˚ÉǔÍĎ˸ǓƉdžǃǦ˹ʴɺŭÖƚŃū̷̜ ̎ɩ. InVision Studio.  £ƅˤfʠ MacƩǫǃƉɸѐ—İÍƻ̯ɂ| Windows ǫǃŨ–  ʝĮȸʮĵÍūȮ˺ɵƻ~Ȅ£Ϳеŧ̷ˋƠ Sketch v[ Adobe Photoshop  ƒvȸ Sketch ˩3ƒΒωūɵƻ΍  ƒvț|ĎƩΘИūdžǃГʡȠʱ  ͖ InVision ´ĒŐÍĎ˸  ʝĮdžǃÛȾ~Ȅ. InVision DSM.  DSM Ʃ Design System Manager ūЋͲʝĮɵƻǜ՞ū ɵƻ˞̞͋Ǥǝ. Design Education.  ʝĮɵƻƮЭūɇήgʇɵƻǻđ̞˿Ͷo. Design Community.  Ƒ¥ɵƻů̎ϱόΔ8ƨȠʝĮɵƻDIJ˘ʴеϵūΉ ϛź Λ ŷ 4 InVision ʝĮūɚƈ͖ŝȟ ̞Ǥİ˿InVision ń͐. 16. doi:10.6342/NTU201901114.

(32) ̲ 6 InVision Cloud Ȯǩdžǃ ̞Ǥİ˿InVision ń͐. ̲ 7 InVision Cloud ǓƉ˙ūɻʽ¤ˮ̲ ̞Ǥİ˿InVision ń͐. 17. doi:10.6342/NTU201901114.

(33) ̲ 8 InVision Cloud ū Freehand LȠ¤ˮ̲ ̞Ǥİ˿InVision ń͐. ̲ 9 InVision Cloud ū Inspect ¤ˮ̲ ̞Ǥİ˿InVision ń͐ 18. doi:10.6342/NTU201901114.

(34) ¼wˍ9InVision CloudInVision Studio v[ InVision DSM ÍH-;ūÊˍ΀Ç ɚƈ͖ŝȟ·͊. Êˍhǩ. ÊˍSǘ. ʝĮ~Ȅ. InVision Cloud. FREE. 0 ƵR/j. 1 ǎȮǩ. STARTER. 15 ƵR/j. 3 ǎȮǩ. InVision Studio. PROFESSIONAL 25 ƵR/j. ʮǁǎȮǩ. TEAM. 99 ƵR/j. ʮǁǎȮǩ+Mǎ̱˚Éǔ. ENTERPRISE. Ĭ̃ɲ΀. ʮǁǎȮǩ+КŒ˕˛ū~Ȅ. ЗΔĭžHžϐÀşɵƻ|İūSǘͪƺ9ˣ˞͋ƆĬ̃ InVision Cloud ūȮǩͽ˖İÊˍ. InVision DSM. FREE. 0 ƵR/j. ʮǁūΔ9ɵƻϚÂŰ˙ ɵƻR§ūŨ–ȼĶ. ENTERPRISE. Ĭ̃ɲ΀. v9~ȄƒvȯâŝάƑ̌¼U SʀˤĮÉǔÂĹ. Design Education. NA. NA. ëˍʝĮŐÍSǘ. Design Community. NA. NA. ëˍʝĮŐÍSǘ. ŷ 5 InVision ūÊˍ΀Ç ̞Ǥİ˿InVision ń͐ ȸv9ūζɘƒvʴəInVision əÍūɚƈʘuƒvη̠ŐÍɚƈ˘ʴŐͪƺūD IJȸɵƻǓƉ͛çR§¦wŨ–ȼĶʹ¼ń͐9;ćĵ InVision ;ÕɴƩ 'All in one place for designers(ȸǓ–ūǓƉDIJ“‰ə¼FʴǙÉƩη̠½ǎDçƦ ʸūɵƻDIJ˞͋“‰ 1ʲЀ̖h InVision ʝĮ0½;ū~Ȅvɚƈ˘ʴƦʸİ͠ĭž InVision ūĠ×sƺƒvVƩ 7͉Ȯǩɚƈ͌ɘɵƻǜDʸǜ¼ɹ7ǎĠ×I–ưěώγvɵƻǜçƩуƎǻ ʛū£ͿƎc¹ÏʲЀ̖h;vÏƩ£Ϳ̷ˋvɎ±ūhDZ|ʲЀ̖h 1. ʝĮЋʏř9dūǓƉ͛瓉 2. ƒȯǓƉɿ̩ɻʽVīˀ£Ϳ̷ˋ 3. ƒvŬȾ¼Δ9ūǓƉdžǃɿ̩Ƕġ~ȄȈΟŏƠǶˇȇ 4. ͛çûÉūǓƉƒɿ̩ Inspect Įƕп˘ʴƦʸĭž 19. doi:10.6342/NTU201901114.

(35) 7ϧǷaϠ ¼ InVision ʝĮūɚƈ͖ŝȟIƒvї̶ĵȕ0ǓƉ͛ç͖Ǚ¤ƮЭū~Ȅ InVision ʝĮƮ̅½КŒūʼnãɚƈƒˆƩ InVision ÏǓƉɚƈūϧǷaϠ¹Ïȸɚƈ ͖ŝȟƒї̶ĵūϧǷaϠÀ8 1. Àşɵƻǜĭžëˍū InVision Studio ˕ÙɵƻȄȫ͖ InVision Cloud ț˞͋´ Ēʪ_ͪƺГʡ“‰İțĵɵƻ͖͛çǓƉūǦ˙ 2. ͛ç|İūǓƉƒɿ̩ Inspect İĮɚƈ˘ʴĭžʪ_ͪƺГʡ“‰ûÉɹ˟D çūǦ˙ 3. ͖ɤ7h“‰ūQȾƒvʽ¸ĭžűəÍūDçƦʸ 4. Design Education ϓǦʝĮʊ˸ūɵƻƮЭɇή̞˿v[ɵƻϷ˨öaɵƻǜș Ƕ¼“‰ūǦ˙ɿ̩VīɹĪ̞˿ʝȗɵƻǜūů¦ƨсƐv[Ȯ˺Ȅ5 5. Design Community ʝĮΔ8ūɵƻǜ͔˹ƨȠΔ9ūLȠ͂ϳƑ¥Ȍɵƻǜ ¼ InVision “‰ū¶b5†Œ;ͻ|ΉźİΉϛɵƻǜưěĨʋɾ¾žūɵƻ DIJv9ƬȄђɵƻǜ̷“‰Í͞´˯ ʝĮЋʏř9dūǓƉ͛瓉 ƒȯǓƉɿ̩ɻʽVīˀ£Ϳ̷ˋ Ƕġ~ȄhƂȈΟ InVision Cloud. ͛çûÉūǓƉƒɿ̩. InVision Studio.   Įƕп˘ʴƦʸĭž. InVision DMG Design Education. ʪ_ͪƺГʡ“‰İțĵɵƻ. Design Community. ͛çǓƉ¦w˘ʴūǦ˙ ͖ɤ7h“‰ūQȾƒvʽ¸ĭžűəÍūDçƦʸ.   ϓǦʝĮʊ˸ūɵƻƮЭɇή̞˿v[ɵƻϷ˨  ʝĮΔ8ūɵƻǜ͔˹ƨȠΔ9ūLȠ͂ϳ ̲ 10 InVision ūͯNJ»̲ 20. doi:10.6342/NTU201901114.

(36) ɤ7̊ǎǩU ͯNJ»̲"Marvel Marvel Ř 2013 ÆÉ¥ŘƹȧǑʢÍ7ݯ´ʋό2 Brendan MooreJonathan Siao Murat Mutluȸ 2013 Æĵ 2016 ƯĹȷ0ƴ 800 ̉Ƶźūĉ̞Vì¼ 2015 ÆÊ϶0 Plexi v[ 2016 ÆÊ϶0v POP Ʃsƺɚƈū WoomooǔDͽ˖ƴÍ 18 2̬àūÆϦ ÊÍ 250 ̉ƵźǪβ Woomoo ʋό2ʊŹϰʿ̷hū̞ȉIȷŭMarvel F̧̋ĵÊf “φ Marvel ¼ 2014 Æɚƈ˘łāɼÉŻǦŐĭžū>̒Ơ'Free Prototyping for Everyone. No coding required.(ȶΝHͪƺ¨ßͲʸÇūĄðƒ͛çǓƉ¼ɹʘÆūʴǙI¼ ɵƻȦÍƙпūП¬æĭžűūͰŻv[̞źūĹȷƬĖÍРʴŎūƲǹ¼ UXTools ū 2018 ΝƣIMarvel ¼ǓƉDIJūɆ·ȸ 2017 ÆūɤM·́̑ĵɤ/·ь¤ Marvel ūÉŻF|əŽУ–ưě˹АŸ̟ InVision ͯNJsȵūVšṃİȽěijǓ¹–ʇ̊ȯ АŸ͚˝ĵūÎǿ̞Ǥv[ Woomoo ʋό2ūɳΙSǘİШ͛ Marvel ͯNJ»̲ -ɚƈ͖ŝȟ Marvel Ȯţ¼ʝĮ̟ǓƉÍЭ~ȄĖͽ;Xūɚƈȡ̪vǓƉDIJƩ|ʴЀij Ϋūžн~ȄƬƩȶXĭžű̷ŘǓƉūƒížȺ̳țϭ¶ɕ3v8vŷǬɎ±| Marvel ŐαÍū~Ȅ ɚƈ͖ŝȟ. ɚƈ͖ŝȟūSǘ. ·͊ Marvel.  iOSAndroidWeb ƬαÍûζūǓƉ͛çv[Ǚ¤~Ȅ  ͛çʔ÷LȠv[̩ʑǣşūǓƉ  ȑ̷ǓƉdžǃūǞͿǶġȈΟ~Ȅ  ȄȫШ͛ŏƠĭž“‰ʝĮūR§İțǓƉɵƻ  Handoff ђǓƉȄȫϊ|ʸǃžūdžǃ̞ȉv[̲o  Marvel ʝĮ͖ Sketch ɵƻDIJȄLƮɻʽū plug-inϝîɵƻ˕3Ǔ ƉƦʸʪ_dȠūĒє  ͖½ǎɤ7hūŝȟÍțŝȟζ¸v Jira Ȯǩ͌ɘDIJƩįƒv ʗ3 Marvel ū̬р̲v[ɻʽÖDç˟£I ŷ 6 Marvel ŐʝĮūɚƈ͖ŝȟ ̞Ǥİ˿Marvel ń͐ 21. doi:10.6342/NTU201901114.

(37) ̲ 11 Marvel ǓƉ͛çdžǃ¤ˮ̲ ̞Ǥİ˿Marvel ń͐. ̲ 12 Marvel Handoff ~Ȅ¤ˮ̲ ̞Ǥİ˿Marvel ń͐ 22. doi:10.6342/NTU201901114.

(38) ̲ 13 Marvel ͖ Jira ζ¸¤ˮ̲ ̞Ǥİ˿Marvel ń͐ v8Ơ Marvel Êˍ΀ÇūζɘŷǬ Êˍ·͊. ÊˍSǘ. ʝĮ~Ȅ. Free. 0 ƵR/j. -Ýĭžű-ǎȮǩͽ˖. Pro. 12 ƵR/j. -ÝĭžűʮǁȮǩͽ˖ ƒ8̤ĨЗΔǙ¤ǓƉ ¼Ǚ¤Ǧɣȕ Marvel ūńh logo. Team. 42 ƵR/j. 7ÝĭžűʮǁȮǩͽ˖ ŐÍ Pro ūКŒ~Ȅ Ȯǩƒ}3ȭΌЖ ƒΝζ̱˚Éǔūĭžфǁ ̱˚̞Ǥǝ ĚȭǶġ. Team Plus. 84 ƵR/j. TÝĭžűʮǁȮǩͽ˖ ŐÍ Team ūКŒ~Ȅ 23. doi:10.6342/NTU201901114.

(39) YʹūƎŝŝȟ Enterprise. Ĭ̃ɲ΀. ʮǁĭžűʮǁȮǩͽ˖ ŐÍ Team Plus ūКŒ~Ȅ «˺ʏ-ʳ3 ȶXūƃȭ~Ȅ ϙ­ūƎŝŝȟ ŷ 7 Marvel ūÊˍ΀Ç ̞Ǥİ˿Marvel ń͐. Marvel ūÊˍ΀ÇWVÉMǎƒvʴəðĭƠʝĮˀ̱˚;VÉ0ı͉H´Ĭ̱̃ ˚ĭžűͽ˖ūÊˍ΀ÇÔζѐİ͠Marvel ūwˍSǘsƺƠv̱˚2ͽİçƩȢÓĬ βvɚƈūŝȟ͖SǘİƯ½2ŐКŒ˸Ͱū~ȄƬv̱˚ƩsðĭỢ_Êˍū Pro ΀Ç;H˹Ͷт͛çv[Ǚ¤ǓƉūsƺ~Ȅ 1ʲЀ̖h Marvel ¼ Why Marvel Iū>̒Ơ'Everything you need to bring ideas to life(ɹŠ̜ ɷÛ0 Marvel ˰̖ĕūȤМƠ̅ĭžűÍЀBǦƒvĬΨ Marvel İȯ˰Ťóə|İ ̷ Marvel İ͠ĭžűH”ʯƠɵƻǜ‡ƺèɥ¸9ǃħŠ>̒ʖƠ Marvel ū£Ϳ̷ ˋv8Ʃ Marvel ūʲЀ̖h -ʝĮЋʏř9dūǓƉ͛瓉 1ƒȯǓƉɿ̩ɻʽVīˀ£Ϳ̷ˋ 7ƒvŬȾ¼Δ9ūǓƉdžǃɿ̩Ƕġ~ȄȈΟŏƠǶˇȇ ‹͛çûÉūǓƉƒɿ̩ Handoff Įƕп˘ʴƦʸĭž Mƒ¼dι App ͖ǫǃ Web ˕ÙǓƉ͛ç 7ϧǷaϠ ȸ Marvel sdžūsƺώ˟ƒŭMarvel ĆǀЀWƩ'Why Marvel(Ľ 'Integrations(ƅűsƺƠ͠śζǎ Marvel DIJū~ȄАŸζǎƦʸİôˊĭžű Marvel ƒvϝèțĵNͬƕűƆƠ͠ś Marvel Í̟ǕĪɤ7hŝȟțQȾђĭžű0 ̖ƒvÀ߼ƞÍūijxŝȟțʽ¸ђζǎDçƦʸĎˠ̿¹ÏϧǷaϠƩɹıǎǀЀ SŐ÷ūʀVSǘɎ±À8. 24. doi:10.6342/NTU201901114.

(40) 1. ʝĮȄȫɵƻʏǽQǃūɵƻDIJʪ_ͪƺГʡ“‰İțĵɵƻ͖͛çǓƉūǦ ˙ 2. ͛ç|İūǓƉƒɿ̩ Handoff İĮɚƈ˘ʴĭžʪ_ͪƺГʡ“‰ûÉɹ˟Dç ūǦ˙ 3. ͖ɤ7h“‰ūQȾƒvʽ¸ĭžűəÍūDçƦʸ. ʝĮЋʏř9dūǓƉ͛瓉 ƒȯǓƉɿ̩ɻʽVīˀ£Ϳ̷ˋ Ƕġ~ȄhƂȈΟ ͛çûÉūǓƉƒɿ̩   Įƕп˘ʴƦʸĭž Marvel. ʪ_ͪƺГʡ“‰İțĵɵƻ ͛çǓƉ¦w˘ʴūǦ˙ ͖ɤ7h“‰ūQȾƒvʽ¸ĭžűəÍ ūDçƦʸ ƒž  ͖ 

(41) ˕ÙǓƉ͛ç ̲ 14 Marvel ūͯNJ»̲. 25. doi:10.6342/NTU201901114.

(42) ɤMʇ уƎǻʛ͖ͯNJΥȐ ɤ-̊ уƎɳΙ ¼ǓƉDIJūĭžűIƒȄ˹Í7ǎĠ×Ȯǩɚƈ͌ɘɵƻǜDʸǜijIȮ ǩɚƈ͌ɘsƺĭžū~Ȅ˹ƠȢ͖ȈΟ͖͛ç¾ūǓƉLȠǙ¤ǓƉDʸǜƩȢ͖ ȈΟ͖͛ç¾ūǓƉLȠ˘ʴɚƈǦȯǓƉçƩĬβɵƻǜƆƠ¼ǓƉDIJ9ǃșǶ ʊ:ūĠ×ȸǓƉ͛çȢ͖ȈΟǙ¤ǓƉȢÓ̩‚ŏƠx2ǓƉSǘʹ¹Ï– ưěƩûÉ InVision ͖ Marvel ͯNJsȵJуƎǻʛȯvɵƻǜƩɳΙ̷ˋ Ʃζɘ InVision ͖ Marvel JуƎǻʛǪβ%ǎǩưě&-ŃƺϓǦ̷͚˝ĵūЪ βÙVšÓ͹ƩNͬĩ̵͖̬˰H-;ɹ;ɴ˹ƚaè‚˵ʕĎijxĎ½Ъβ#Yin, 1994$¹Ïv€ʽ́ÇɳΙūÿǯɳΙ061ÝɵƻǜVÉưěhŤIʝĵū‹ǎ ˋǁVìƠ˸ʋU +ĭž InVisionÉ·U +ĭž InVision˸ʋU +ĭž MarvelÉ·U +ĭž MarvelēǎˋǁɳΙǎ7Ý. ĺɳ Æ. Ŏ. ¨ЎU. Ў͊. Dç. ĭžūǓƉ ĺɳǦ˙. Æ̞. DIJ. ű. м. ì. нŎ. A. 28. ę. É·. UX ɵƻǜ. 10 Æ. InVision. 2019/3/13 20:00-20:40. B. 33. ę. ˸ʋ. UI,UX ɵƻǜ. 6Æ. InVision. 2019/3/15 19:00-19:40. C. 32. A. ˸ʋ. UI,UX ɵƻǜ. 5Æ. InVision. 2019/3/16 18:00-18:40. D. 38. ę. ˸ʋ. UX ɵƻǜ. 10 Æ. InVision. 2019/3/16 20:00-20:40. E. 33. A. É·. ɚƈɵƻǜ. 8Æ. InVision. 2019/3/18 11:00-11:40. F. 42. ę. É·. ̞ɕɵƻǜ. 15 Æ. InVision. 2019/3/21 18:30-19:10. G. 37. ę. ˸ʋ. UI,UX ɵƻǜ. 5Æ. Marvel App. 2019/3/21 17:00-17:40. H. 27. A. É·. UI ɵƻǜ. 5Æ. Marvel App. 2019/3/24 14:00-14:40. I. 35. A. ˸ʋ. ʋˮϬ͇. 10 Æ. Marvel App. 2019/3/25 12:00-12:40. J. 28. A. É·. UI,UX ɵƻǜ. 6Æ. Marvel App. 2019/3/30 13:00-13:40. 26. doi:10.6342/NTU201901114.

(43) K. 36. ę. ˸ʋ. ʋˮϬ͇. 15 Æ. Marvel App. 2019/3/28 15:00-15:40. L. 26. A. É·. UI ɵƻǜ. 3Æ. Marvel App. 2019/3/30 21:00-21:40. ŷ 8 ĺɳű̞ȉ –ʇ̬ɚ|ǓƉDIJJуƎǻʛƝɳΙ@͑vуƎ¨ȟуƎʲЀ͖уƎϧǷƩȤМ ūʴ˰İ˿ɿ̩ɵƻH´ūȤМʨɌȄȫȷĵĺɳű̵ͩūɚƈĭžbȷɳΙ@͑S ǘŘžϑ7ĮȢÓɳΙǦȢÓǎǩưěJ˥чhŤȸĺɳűūͤˉžŠIʚʞijb̺ ĽȺ˯0̖ĩ§ūƅƕЭϰĨɘ̖ĺɳű˯ĺqƫūhÇ#Yin, 1994$¼ɳΙǦϽ –ưěFŭ InVision F̋ÉƩ‘ʑͫ­űƩƏȕσȄūȞğ¼ɳΙ Marvel ūĭžű ǦȕſĺɳűsȠʝ[HʯHsȠ‚ṃıűūɚƈϙ²ɳΙƠvϑDžūhÇƃ ĨζɘÉɳΙ̾ƺƒȢÓžϑ‹ūĺɳűɳΙ̾ƺ¯61ÝūĺɳSǘ. ɤ1̊ уƎǻʛ -уƎ¨ȟ ˠþƩĬ̃ǀƺʸƐɆþːǀƺūЃːƅǃ 1. ͛çɚƈǓƉ ɳΙIʴə¼ɚƈ˘ʴƦʸI͛çǓƉƠĺɳűūDçƦʸJ-Ʃ~ȄƉ¨ȟ ĺɳű A'¼ĕŃ~Ȅƕ˘łɲ̯ɵƻ̲ʯƕȯɵƻ̲9ˣ InVision( ĺɳű C'ɚƈ̋ɘȯƺ˘ʴū~Ȅϳ̖ˀɵƻǜчɵƻǜɿ̩dШēǎʱǃŕ ̃9ˣ InVisionDʸʀż;˹-Ȍ˘˹ˈàƒÙŎ( ĺɳű D'¼ÍŶʨ˰ŤǦ˹ȸ Sketch țЋʏɵƻ̲ʯƕɿ̩ InVision İƯ¼d ι9ǃLȠƠñ¸u̬ʨ( ĺɳű E'¼țĭžűʬ̙Ǧ˹žİ͛çǓƉ( ĺɳű G'¼͛ç Wireframe Ǧɿ̩ Sketch ͛çΔ΍͛çû9ˣ Marvel( ĺɳű H'sƺƠĆ Sketch ϊ|ūʱǃˣĵ Marvel App 9ǃ( ĺɳű I'ɵƻ¾ʱǃƕ9ˣ Marvel AppĆʱǃɻ¼-Ȍ( ĺɳű J'ɿ̩ Sketch ç̲ĭžʜ§9ˣÖ Marvel Appʯƕ¼ēǎʱǃ‚ɵŃʱǃ Гʡūɻʽ( ĺɳű K'̅Ǝcʝ|ƺĔƺ0̖ɚƈƦʸǦʖ˹ĭž Marvel ͛çǓƉ( 27. doi:10.6342/NTU201901114.

(44) ĺɳű L'ț App ū̜ɿ̩ Sketchț͐džū̜ɿ̩ PhotoshopȯʱǃûÉƕ9ˣ Marvel ͛çǓƉ( 2. Ǚ¤ǓƉ ¼ǓƉ͛çûÉƕĺɳű˹ɿ̩˘˹ŏƠVīɻʽūhÇǙ¤ƒLȠūǓƉǙ¤Ǔ Ɖ˹Íı͉ÿÇ-͉Ơɿ̩˘˹ĉͶĵ@τ̸ʯƕǙ¤ǓƉūLȠ†-͉ƆƠȯ͛ ç¾ūǓƉVīˀЭƄ2ђЭƄ2Ȅȫ¼ÕEūDçϨ̳IƒvδçƒLȠūǓƉǙ¤ ǓƉƩƩ~ȄƉ¨ȟ ĺɳű A'¼˘˹ǦȯǓƉǙ¤ˀÉǔƯƕп°țǐ™( ĺɳű B'˹Vī͛ç¾ūɻʽĮëˍȴ̒ū-ȅÉǔȄȫїƯv[¼ǓƉ9țL Ƞ( ĺɳű C'ɺȲɿ̩˘˹ǦǙ¤ǓƉLȠİȈΟ( ĺɳű E'ȯțÉūǓƉɿ̩ɻʽVī( ĺɳű G'¼˘˹Ǧȯ͛ç¾ūǓƉǙ¤ˀЭƄ2ƯĨђxnjʝ|ȤМŏƠ̵ͩδ ç( ĺɳű H'ȯ#ǓƉ$ɻʽˣˀDʸǜђDʸǜȄȫ0̖Ʀʸ( ĺɳű J'ɿ̩ Sketch ç̲ĭžʜ§9ˣÖ Marvel Appʯƕ¼ēǎʱǃ‚ɵŃʱǃ Гʡūɻʽ( ĺɳű K'#ǓƉ$ɿ̩ɻʽVīˀƎcĭž( ĺɳű L'#ǓƉ$ûÉƕVīȮǩɻʽˀƎc( 3. ь¤Ȯ˺Ɛ ĺɳű ABDFGJK Ƭŷ¤ʨɌȳˀijxDç̴ÞȮ˺˯Ʃů¦Ɖ¨ȟ 4. ˀ¸ç̷ˋ¾̀ɺūÿˋ ĺɳű BDIJ Ƭŷ¤ʨɌĭžūɵƻDIJȄȯɵƻǜ¾̀ɺūÿˋȳˀijxDç̴ ÞƩů¦Ɖ¨ȟ 5. ϝî̱˚ÉŻ ϝî̱˚ÉŻƩ͡îƉ¨ȟ ĺɳű B'˹ȯ InVision çƩSʀɵƻǜȊΐūƦʸɿ̩vƅūȮǩİђ˸2āɼ 9d( 1уƎʲЀ 28. doi:10.6342/NTU201901114.

(45) ˠþƩĬ̃ʲЀʸƐɆþːʲūЃːƅǃ 1. ϕ̺ūɵƻ̲žİ̀ɺɚƈ˽ōÍøЮǘřɾÉ̖͟ ɵƻDIJÀ Photoshop ŏƠ Sketch ͛ç|İūƩϕ̺̲vϕ̺̲çƩϳ̖ūĬβ˹̨ ĵʘЀȤМa. ϕ̺̲ʮŤLȠЮvϰ˰̵ͩƦʸ b. їƯϕ̺̲ṳ̄IJH-ŃƠ΋Wū ̵ͩ̔̌˹Í̀ɺ9ū͟˹įÀƠțdι App ūdžǃæƎcžǫ9Ɖ̫̐•˘Ǧь ¤9ǃĨHƠ̵ͩū̔̌@C˹̷SǘÍŐ̖͟ ĺɳű B'Ȅȫ̵ͩ΀Ϣɚƈ¼Ǹ̵̔̌9ūь¤v[LȠ( ĺɳű D'InVision ūˆиXƦʸ̷ĂƒǀƺȄȫђĂv[ĭžű˯ĺĵ̵ͩɚƈ ƒȄū̥țŪť( ĺɳű E'̀ɺ¼ɹǎ“‰ƒvÍṃ̵ͩūĬβʪ_̞ȉ̑Ǜ( ĺɳű F'ȄȫāɼȯǓƉȄȫ¼™΋ū̔̌9ǃțϤˆ( ĺɳű G'Ȅȫʪ_Ǝc0̖ɚƈƦʸūǦ˙¼ĖÍĭžJƅ˹ͪƺıǎĒєİ ђƎc0̖Ʀʸɤ-Ơ­ɿ̩ʏȵˆи΍İǙ¤sƺʱǃϸ˹Í-ǎǙ˘̲žİ͠śƦ ʸ( ĺɳű H'¼ϝî̟Dʸǜ̀ɺv[ĭžűʬ̙hǃʂÍHϏūǣş( ĺɳű I'ĭžƕ̀ɺɖǂ都( ĺɳű J'ĖÍĭžƅ‡˹țϕ̺̲̣Юˠ̩ζǎƦʸƢ́˘ʴű;ʮŤ˰̮Ʀ ʸͪƺ½Î̀ɺİђͪƺŭ̦ƦʸūЭƄ2Ȅȫ0̖rɿ̩>ϗ͠śϸƠ˹Í͞ŭ̑Ǜ ūȺÿ( ĺɳű K'¼ĭžƅƎcṃЮ0̵̖ͩɚƈƦʸ( ĺɳű L'ђƎcȄȫϰ˰̵ͩǸ̵ɚƈūLȠʪ_̟Ǝcū͞ŭ̑Ǜ( 2. ǓƉDIJΘИЮž ĺɳű A'ĭž̩ijŽȄțṃΘИȠʱLȠūǓƉDIJįÀ PrincipleæƠήɬ ÌΔ̣ȔŐvʊɫϸƠºĵЋʏřžū InVision( ĺɳű C'̟ijxǓƉDIJmȌİž InVision ͛çǓƉūſȲЋʏ¼ͪƺǙ¤Í ɻʽŎūǓƉǦſȲāɼ( ĺɳű D'Principle ƠǫǃŨūǓƉDIJ͛çȌİāɼæƠ UX ÍǦǏђ2˳H ^ϟƩßɹ;ɵƻ(. 29. doi:10.6342/NTU201901114.

(46) ĺɳű E'InVision ϙ˨¼ŘЋʏřžήɬÌΔ“ΕŐvƒǘřɂБˀijxɵƻ ǜ( ĺɳű F'ĭžȌİЋʏāɼĖÍ^ȗūήɬżІ( ĺɳű G'ȯʱǃɻʽĵ8-ǎʱǃūĒє̟ijxǓƉDIJṃȌ݃_( ĺɳű H'̩͞ƒvț|ṃΘИȠʱūDIJæƠHǘřήɬ( ĺɳű I'Marvel App țȷƒЋʏδç( ĺɳű J'Íĭž Proto.ioAxureήɬɖ̣ȗr͛çǦ˙ṃŻ( ĺɳű L'#͛çǓƉ$ŐͪƺūĒєſȲ_ÔrЋʏřž( 3. ɚƈ˘ʴɼƐ¹}3ǓƉ͛çÔъ̻ ǓƉɵƻ¼ŹÆİFъÉɚƈ˘ʴū-ʀVæ̩‚ūDIJʮŤÍǣū̖ĕÏͪĔĭ ɚƈ˘ʴɼƐHɥ¸̬ʨ ĺɳű A'ђζǎɚƈ˘ʴƦʸȄȫ}ɼɥ¸ɉȿ˘ʴūDçƦʸ( ĺɳű F'¼ĭžJƅ˹ɿ̩ Keynote İțǓƉæ˹Ŵͣ½Ř InVision ͛çǓƉū Ǧ˙̷Ăİ͠Ȅȫʪ_͛çūǦ˙Ơƒ@ūϝî( ĺɳű G'ʪ_͛çǓƉŐͪƺūǦ˙( 4. ɚ|ūǓƉ‡¼ɚƈ˘ʴūŶʨ͞ɯ ĺɳű B'¼ķîDʸǜ̵çǦ˹ĭž Inspect ū~Ȅİϊ|ƮЭR§ĮDʸǜ˘ ʴ( ĺɳű E'Íĭž Inspect İȯɵƻR§̟̞ȉˀDʸǜ̵ç( ĺɳű K'¼ɚƈ˕3̵ç˛ƤMarvel țūǓƉ˹žİțƦʸȢÓūĬβ( 5. ͖Dç»ЀH¼´ǎόUƍū´ĩ̀ɺǓƉøЮ ĺɳű B'̱˚̀ɺhƂƒ½`ij̱˚¼ɹʘÆÍŐЁΒ°İƠÍDZŒū̱˚É ǔĭž InVision ʪ_ɴ½̖лǓƉǦ˙( ĺɳű H'ĽβЀH´̱˚˹ɿ̩ Marvel App ūVīɻʽİȈΟ( 6. ĖÍʸÇȄ5İțƒLȠǓƉ ¼˕Ùɚƈ˘ʴƅɵƻǜͪƺ͛ç̬ʨūdžǃ͖ɚƈ̋ɘ̀ɺæƠ-ȅɵƻDIJ‡ Ȅ͛ç|ϕ̺ūdžǃ̲ʮŤђdžǃ̲̮Ǹ̵ūɚƈħ;LȠæɵƻǜH-ŃIJÍͲʸÇ ūȄ5ŐvͪƺÍΥ¸ɵƻǜūDIJİ͛çǓƉ ĺɳű D'Framer ƒvțĎɨ̊ūLȠæƠͪƺͲʸÇİûÉ( 30. doi:10.6342/NTU201901114.

(47) ĺɳű H'Ǔ–˹ΛDʸǜͲЋʏūǓƉȲȲƒЮɆ˕DʸǜūDçS( 7. ɚ|ūǓƉĎ˸ƦʸϮͅ ĺɳű E'ijxɵƻDIJ̟ InVision ū´Ē~Ȅ¼Yǿ˸ʱǃǦȄȫƒāĎ˸Ô Hžɿ̩½ǎĒєİûÉ( 7уƎϧǷ ˠþƩĬ̃ϧǷʸƐɆþːȗūЃːƅǃ 1. ɚǓƉūɼƐ}āϝîDçǣɖ#”ƺϧǷ$ Eric Ries#2011$¼%̵͎ʋ˺&-ǧIʝĵɚƈūËʨǓƉ—ʦɂ|ɹ˹ђ΄¼ Ǝcû®ĖÍƯ̩ɹǎɚƈ̷ɚƈH0̖#Ries, 2011$¹Ï̷Řɂ|˸ɚƈƅƠñ ÍǓƉƒĮ΄¼ƎcLȠƠƮ̅ǀƺū-§ĩ¹ÏђǓƉɚūɼƐ}āƩĭžűū”ƺ ϧǷ ĺɳű A'ǴìʎхζǎǓƉ͛çƦʸЋʏřϟƒvƒ͢НūûɃĮǙ¤ūǓ Ɖ( ĺɳű C'ž InVision ͛çǓƉūſȲЋʏ¼ͪƺǙ¤ÍɻʽŎūǓƉǦſȲā ɼ( ĺɳű D'InVision ŸŘЋʏ¾žŐvǣɖ}āhǃ̓@ūϝîђζǎɚƈ} ɼ( ĺɳű E'InVision ϙ˨¼ŘЋʏřžήɬÌΔ“ΕŐvƒǘřɂБˀijxɵƻ ǜ( ĺɳű H'Ơǘř9dūǓƉDIJ( ĺɳű J'¼ţǀǣɖūȾǩƉU Marvel App ¼Ǧ˙ūŴˍʪ_ƒ½( ĺɳű L'ɻʽdžǃǦŐͪƺūĒєſȲ_ÔrЋʏřž( 2. ɚƈĭžЋʏřϟɻſɵƻȮ˺ū̱˚Éǔ;Ȅ9d#ˮǤŒϧǷ$ ĺɳű A'ǴìʎхζǎǓƉ͛çƦʸЋʏřϟƒvƒ͢НūûɃĮǙ¤ūǓ Ɖ( ĺɳű E'ʴəɚƈ̋ɘ;ʎхɹǎDIJƒǘřϟ̗Àßĭž( ĺɳű F'ȸ̱˚İÓ˖ InVision sƺϙ˨ϸƠ¼ŘЋʏřήŐv¼@ʀVȺ̳8 ƒvāɼū̧ĵͪĔ( 3. “‰ijxŝȟȄȫη̠½ǎɚƈ˘ʴƦʸ#ˮǤŒϧǷ$ 31. doi:10.6342/NTU201901114.

(48) ĺɳű A'Íĭž InVision İț HandoffȯǓƉ͛çūƦʸʼnп8‚( ĺɳű B'InVision “‰˰ʝYζѐɵƻǜȄ5ŐvȲȲɂ|ū˸~Ȅ͕ĵɵƻ ǜūͪĔįÀ Freehand ђ Wireframe ūɵƻĎŬиƒɿ̩9ˣ̲v[dШūhÇİ̖л ɚƈƦʸ( ĺɳű E'¼ͪƺˣͥˀDʸǜ˘ł̵çɚƈǦ˹ĭž Inspect ~Ȅİˀƒ̵çū̞ ˿Design System Manager ƒvƑ¥ɵƻͿ̟̂ijxɵƻǜ̀ɺȩ–R§̟Л×( ĺɳű K'̖ĕ̀ɺūȤМ÷˘ʴƅʨɵƻ͖Ǝcū̀ɺƕʨ™Ç˕3˘ʴƕ ђЭƄ2Ȅɘ̖ɚƈƺƘ̃Nͬ;ūƦʸİ̵ç͔ʭɚƈ¯Щ( 4. ͛çǓƉūDIJαÍ̵žū~Ȅ#̬ʨϧǷ$ ĺɳű D'Fixed Header ̟ Footer ĭžȌ݃Ŭиȩ–9ēǎǓƉɵƻʂ˹̇ĵɹ ǎ~Ȅ( ĺɳű G'ȯʱǃɻʽĵ8-ǎʱǃūĒє̟ijxǓƉDIJṃȌ݃_( ĺɳű I'ĆϣǩГ9ˣūƦʸƒhƂÍţˮĵ̟ Slack ū~Ȅζ¸ƠіhƂū~ Ȅ( ĺɳű J'Í̟U Sɺȉɸѐ Slack țζ¸̮ƠûÉǓƉƕ˹ÕȠʴɺŭĵɭ] ƍɹ͉C»hиȷƒhƂ( ĺɳű K'ʎх Marvel App ūdιŨƒvížŕ̃9ˣʱǃHž-Ńƺžʻ̫GȄ ˘ł͛çƦʸ( ĺɳű L'̈lΝζǓƉɹǎ~ȄϝîſȲ@¼ĭžJƅƎcȲȲ˹ʖʱǃİΝζ ÁѐŏƠQǃ@Cæij̵¼̵ͩ@Cū̔̌9ǃƒȄĖÍΝζū”ƺMarvel ūǓƉƒv ̈lΝζ@CђƎcȄ¼̵ͩ̔̌Ϥˆ( 5. ʝĮūɵƻɇήv[ƮЭ̞˿#ˮǤŒϧǷ$ ĺɳű A'InVision ÍʝĮƒ½ɵƻūɇήv[gʇVīɹђɵƻǜ˹иȷ̗“‰ ǀˆɹǎɋ̎ʝŜ̗ɋ̎ūȮ˺Ɛ( ĺɳű B'ʝĮƒ½ëˍɵƻ̞˿ђɵƻǜиȷ InVision ÍŴǦ˙̃уɵƻǜɹǎ ɋ̎ūͪĔаˮŴ̞˿ĉţ¼ɹЯĖÍ^½̋ϥºʒūSǘʋɾ( ĺɳű E'Íţˮĵ Design Education¹Ʃ˹ÊĵƮЭ e-mailU Sūɵƻǜ̎ɩ ˹VīƮЭSǘϽʯ|İūSǘH-ŃΡ˖¾æƠȄ¼̅8ūɵƻƦÙͲ|¡¢ǧ̟. 32. doi:10.6342/NTU201901114.

(49) 9ə¼ūɵƻϷ˨иȷ̷ζѐɵƻǜƠ;ɯū¹ƩHƠŐÍU ʂȄĹȷɹĪɵƻ̞ ˿( ĺɳű F'ͼƯ InVision ʝĮɵƻǜƮЭū̞˿ȝÔ˹̟´ĩVīиȷHϏūg ʇɹ˹̷ InVision ūƈʰÿˋ}VH_( 6. ʝYȮ˺Ȅ5#ʫĔϧǷ$ ĺɳű A'InVision ÍʝĮƒ½ɵƻūɇήv[gʇVīɹђɵƻǜ˹иȷ̗“‰ ǀˆɹǎɋ̎ʝŜ̗ɋ̎ūȮ˺Ɛ( ĺɳű B'˹ȯ InVision çƩSʀɵƻǜȊΐūƦʸɿ̩vƅūȮǩİђ˸2āɼ 9d( 7. ȄȫûÉ{̓ɨ̊ūГʑȠʱ#ʫĔϧǷ$ ¼ɳΙIē-ÝĺɳűƬĭž̩еƈ@ʀVūɘŸƠ˰ƺûÉǴǭūГʑǴȠʱ 8. ʪ_˘˹Ǧ˙#ʫĔϧǷ$. ɚǓƉūɼƐ}āϝîDçǣɖ ɚƈĭžЋʏřϟ. “‰ijxŝȟȄȫη̠ ½ǎɚƈ˘ʴƦʸ˿. ʝĮūɵƻɇήv[ƮЭ̞˿ ʝYȮ˺Ȅ5. ͛çɚƈǓƉ. ʪ_˘˹Ǧ˙. Ǚ¤ǓƉ. ȄȫûÉ{̓ɨ̊ūГʑȠʱ. ь¤Ȯ˺Ɛ. ¾̀ɺūÿˋ. ϕ̺ūɵƻ̲žİ̀ɺɚƈ˽ ōÍøЮǘřɾÉ̖͟. ϝî̱˚ÉŻ. ɚƈ˘ʴɼƐ¹}3ǓƉ͛çÔъ̻ ɚ|ūǓƉĎ˸ƦʸϮͅ ǓƉDIJΘИЮž. ĖÍʸÇȄ5İțƒLȠǓƉ. ɚ|ūǓƉ‡¼ɚƈ˘ʴūŶʨ͞ɯ ͖Dç»ЀH¼´ǎόUƍū´ĩ̀ɺǓƉøЮ ̲ 15 ǓƉɵƻDIJJуƎǻʛ 33. doi:10.6342/NTU201901114.

(50) ɤ7̊ ǎǩU ͯNJΥȐ"InVision Ǫβɤ-̊ūуƎǻʛʽ¸ɤ‹ʇɤ1̊JͯNJsȵ˹ȯ7ǎǃ¶уƎ¨ȟу ƎɺЀуƎϧǷv7ȵŷǬİ̖šΥȐʽş 1. уƎ¨ȟΥȐʽş уƎ¨ȟ. ͖ InVision ΥȐʽş. ͛çɚƈǓƉ. Ï~ȄƉ¨ȟƩǓƉDIJʊȩЊūͪĔJ-InVision ʊ-. ƠñΥȐ O. ˘łʝĮūŝȟ[ƩʝĮ͐džūǓƉ͛çv[Ǚ¤LȠ~ Ȅ Ǚ¤ǓƉ. O. Ï~ȄƉ¨ȟƩǓƉDIJʊȩЊūͪĔJ-InVision ʊ˘łʝĮūŝȟ[ƩʝĮ͐džūǓƉ͛çv[Ǚ¤LȠ~ Ȅ. ь¤Ȯ˺Ɛ. O. ɵƻǜ¼Dç9ͪƺǙ¤ÕEūȮ˺ÿˋİђʝǩȄȫˠ íȪÙĭžȮ˺ūɵƻDIJƒvь¤ɵƻǜūȮ˺ÿˋ InVision ŸŘƠvʝĮȮ˺ɵƻ“‰ƩU £ͿƝĭž InVision ūɵƻǜȄȫђÕEƊ¸Ȯ˺ūÿˋ. ¾̀ɺūÿˋ. O. ¼ɳΙI_ʀVɵƻǜýɌˀ´ĩ;̀ɺūÿˋ InVision ŸŘЋʏřžijx̱˚̴Þ;Ȅ9d¹Ï¼“ ‰9̀ɺǘř´Ǧȯɵƻǜ¾̀ɺūÿˋȳˀ̱˚̴Þ. ϝî̱˚ÉŻ. InVision DSM ʝĮĖÍǁĶǘ˖ɵƻ̞˿˞͋ŝȟĺɳű. O. IÍ7ÝŐɯū̱˚Íĭžij̞˿Ĩ͊ɹ;ƒvђ˸˕É ǔĎǘř9dv[̱˚Éǔ˙ȄȫLƮȢÓɵƻĨʝYȄ 5 ŷ 9 InVision уƎ¨ȟΥȐʽş 2. уƎʲЀΥȐʽş уƎʲЀ. ͖ InVision ΥȐʽş. ϕ̺ūɵƻ̲žİ. ¼ȑ̷ǓƉ͛çūDIJ|əƅɵƻǜͪžijxDIJİ. ̀ɺɚƈ˽ōÍø. ț˽ōˣ̧æϕ̺ūɵƻ̲ͪƺžɴ½͝ġİ̖лɹ. ЮǘřɾÉ̖͟. ǎdžǃūˮ̲rÍȲȲ̖лHɑ˻ūŪťInVision. ƠñΥȐ. 34. O. doi:10.6342/NTU201901114.

(51) ĭ͛ç|İūǓƉƒvcȠђdžǃ˙ūƦʸɑ˻ūó ə¼£Ϳ̷ˋJƅ̖ĕуƎ̀ɺ̖͟ūʲЀ ǓƉDIJΘИЮž. ´ƩǓƉDIJ‘ʑ9Íɴ½еŧ̷dijIÍʀVƩ. O. 0ʝĮ½;XūdžǃГʑȠʱŏƠȄÍĎɨVū~Ȅ ζѐɵƻūƮ̅ΘИήɬÌΔȔǚ¼ɳΙIɵƻ ǜ͞ƩɹЯƉDIJϽʯÍ̓ĤĵʀVͪĔæŸŘήɬ 9ͪƺŴɴ½Ǧ˙H‡ƠÕEȄȫ9dðƒOͪƺ ̱˚Éǔū͞ƒInVision ijI-ǎǴЀʖƠЋʏř žðĭHƠȮ˺ɵƻǜ;Ȅȫɘ̖Ĩĭž@ʀVū~ Ȅț|̬ʨūǐČ ɚƈ˘ʴɼƐ¹}. ŸŘ̵͎ʋ˺ɉȿ˘ʴ¼ 2010 ÆƕːİːɱǀˆǓ. 3ǓƉ͛çÔъ̻. Ɖ͛çūͪĔ̈́̈́ί3˸ʋv[É·«˺æ̅ǦDIJ. O. ĖȄƒ¾»̓ĤɵƻǜūͪĔ¹Ï͛çǓƉ̷Ṟ̌˚ İ͠Ơ˸}3ūƦʸίƷɚƈ˘ʴɼƐ¹Ʃ}3ǓƉ ͛çÔъ̻InVision ¼ɹЀūʲЀ̖hƩʝĮЋʏř žūDIJ´Ǧǘř̟̱˚ÉǔVīȈΟђ¨ßǐČ ƒɿ̩˞͋´ĒĎ˸ɴ½ĺɳűʝĵ¹Ʃĭž0 InVision Ôʪ_0͛çǓƉūǦ˙ O. ɚ|ūǓƉ‡¼ɚ. ǓƉūĭžÍʘǎȺ̳. ƈ˘ʴūŶʨ͞. 1. Íɚƈ́˰ǦͪƺÍǓƉĮЭƄ2#ɵƻǜ–ĥ. ɯ. ɚƈƽɶ2ȚŃūƎ̎Ǝcʹ$LȠѐю 2. ɚƈ˕3˘ʴǦĮDʸǜ΋͞Ʀʸ 3. Į—İɚƈȢӞ. ¼ 2. ūȺ̳IInVision ÍʝĮ Inspect ђDʸǜȕ0 ̟ǓƉLȠrȄ΋͞ɵƻɨ̊v[8̤W̲. 35. doi:10.6342/NTU201901114.

(52) ¼ 3. ūȺ̳IInVision DSM ĮɵƻǜƒvȯͿ̂Ϛ ÂhƂ—İĭžʹ´Řɵƻǜĭžū Google Drive. Ővȕ0Ŷʨĭžū 1. vŒInVision ̓Ĥ0ǓƉ¼µ ˛ƤϸƠ͞ɯūʲЀ O. ͖Dç»ЀH¼´. ɳΙū̷ˋIÍʘÝÉ·U Řqƫµ»ɵÍόU. ǎόUƍū´ĩ̀. ƍŘƠ̱˚ū̀ɺ˹ÍǦ˙v[hÇı͉ȤМ. ɺǓƉøЮ. InVision ūǶġ̟ǓƉVīɻʽ̖ĕ0ɹǎʲЀ. ĖÍʸÇȄ5İț. ĖÍǓƉDIJƅͪƺûÉȄȫLȠūǓƉͪƺÍʸÇ. ƒLȠǓƉ. Ȅ5InVison ‡ͪƺɿ̩ЀϡðȄûɃLȠūǓƉ. ɚ|ūǓƉĎ˸Ʀ. ЗΔŨ–ūǓƉDIJ¼ēÎͪǐČǓƉǦǀ˸͛çĨ. ʸϮͅ. ɩ¸Ⱦ˅ɿ̩ email ȯĎ˸ˣȍˀŐÍūЭƄ2. O. O. InVision ŸŘƠ˞͋ŝȟ‡ͪɿ̩ĹyͪƺǐČūdž ǃŐÍǓƉūVī̷ˋƬȄĹȷĎ˸ƕūSǘ ŷ 10 InVision уƎʲЀΥȐʽş 3. уƎϧǷΥȐʽş уƎϧǷ. ͖ InVision ΥȐʽş. ɚǓƉūɼƐ}. ĭžǓƉū”ƺϧǷJ-ƩϝîDçǣɖ¼ĺɳ̷. āϝîDçǣɖ. ˋIƬ͞Ʃ InVision ǘřĭžÍϝîĵDçǣ. ƠñΥȐ O. ɖ͖ϧǷaϠIū'ʝĮЋʏř9dūǓƉ͛ç“ ‰(ΥȐ ɚƈĭžЋʏřϟ. ŸŘ InVision Ћʏřž¼ɳΙIĺɳűÍʝĵɻ. ɻſɵƻȮ˺ū̱˚. ſɵƻȮ˺ūɚƈ̋ɘ;Ȅ˕ÙЋʏūǐČ. O. Éǔ;Ȅ9d “‰ijxŝȟȄȫη. InVision ʝĮ0ɵƻĭžū InVision StudioʝĮǓƉ. ̠½ǎɚƈ˘ʴƦʸ. ƮЭ͛çVīū InVision CloudʝĮȄȫ˕Ù˘ʴǻ. O. đū Inspect v[ɵƻ̞˿͌ɘū InVision DSMȄȫ η̠µǎɚƈ˛Ƥ 36. doi:10.6342/NTU201901114.

(53) O. ͛çǓƉūDIJαÍ. ɳΙ̷ˋÍʝĵv8ʘǎ̵žū~ȄFixed. ̵žū~Ȅ. Header/FooterɻʽʱǃūĒє̣_ʹ͖ϧǷΥȐ. ʝĮūɵƻɇήv[. InVision Design Education ͖ Community ϓǦʝĮʊ. ƮЭ̞˿. ˸ūɵƻ̞˿ĺɳű¹Ʃɹǎ~Ȅ̷“‰ÍĎȗū. O. ¶b5нŘˮǤŒϧǷJΥȐ ʝYȮ˺Ȅ5. O. ĥƩɵƻǜĺɳűʝĵýɌȳˀ´ĩūÿˋIȮ ˺Ȅ5ƠʫĔϧǷInVision ϓǦĮˀūɵƻ̞˿v[ ˞͋ϚÂĮSʀƑ¥Ϳ̂XƬȄÍǣʝYijȮ˺Ȅ 5¹Ï͖ʫĔϧǷΥȐ. ȄȫûÉ{̓ɨ̊ū. ¼ɳΙ̩ʸIĺɳűÍʝĵ InVision ȄûÉ@ʀV. ГʑȠʱ. ūГʑæÍǦÍǴǭͪĔįÀ͛çȄȫђƎcэ. X. ʎūǓƉǦ˹ͪƺĭžijxеƈİûÉɹǎͪĔ ƝɹǎͪĔĖÍɱ̓Ĥ ʪ_˘˹Ǧ˙. X. vDʸǜv[ɵƻǜɹЯȮ˺ȸ˺2ǔū¥ʑİƯ ƬýɌDçǦ˙Ȅŗ¼ÍǣɖūûÉȮ˺͛ç˟£ Őv͞Ʃ˘˹ūǦ˙ː_ː¾ĭžǓƉDIJǓ–Í ̬ʨƒvʪ_˘˹Ǧ˙æ̵ͩ9ϸƠͪƺ˘˹ȈΟ Sǘʊɫʽş9ŏɴÍђɚƈĎɥ¸ɟ2ūˮğ H̩¼ʪ_˘˹Ǧ˙9ĨĖ̓Ĥ ŷ 11 InVision уƎϧǷΥȐʽş. ɤ‹̊ ǎǩU ͯNJΥȐ"Marvel Ǫβɤ-̊ūуƎǻʛʽ¸ɤ‹ʇɤ7̊JͯNJsȵ˹ȯ7ǎǃ¶уƎ¨ȟу ƎɺЀуƎϧǷv7ȵŷǬİ̖šΥȐʽş 1. уƎ¨ȟΥȐʽş уƎ¨ȟ. ͖ Marvel ΥȐʽş. ͛çɚƈǓƉ. Ï~ȄƉ¨ȟƩǓƉDIJʊȩЊūͪĔJ-Marvel ʊ-˘. ƠñΥȐ O. łʝĮūŝȟ[Ʃ App ūǓƉ͛çv[Ǚ¤LȠ~Ȅ. 37. doi:10.6342/NTU201901114.

(54) Ǚ¤ǓƉ. Ï~ȄƉ¨ȟƩǓƉDIJʊȩЊūͪĔJ-Marvel ʊ-˘. O. łʝĮūŝȟ[ƩʝĮ App ūǓƉ͛çv[Ǚ¤LȠ~Ȅ ь¤Ȯ˺Ɛ. X. Marvel ¼ɚƈāɼɂʹǦū>̒Ơ'Free Prototyping for Everyone. No coding required.(†ŒÊ϶ūɚƈ POP ;ƠͿ ̀Įˀ¨ß2ʂȄûÉǓƉɵƻūDIJ¹Ï¼ÏуƎ¨ȟ IĨHΥȐ. ¾̀ɺūÿˋ. ¼ĭžűɳΙIͽÝ Marvel ĺɳűÍʝĵ˰ˀ¾̀ɺūÿ. O. ˋr Marvel ūĭžQǃ̷ſɵƻȮ˺;Ʈ̷ZˁƝÏу Ǝ¨ȟΥȐ ϝî̱˚ÉŻ. ͖ĺɳűΙĵ̱˚ÉŻMarvel ĨʮśьʝĮȄђ̱˚ÉŻ. X. ūŝȟƝϨȟHΥȐ ŷ 12 Marvel уƎ¨ȟΥȐʽş 2. уƎʲЀΥȐʽş уƎʲЀ. ͖ Marvel ΥȐʽş. ϕ̺ūɵƻ̲žİ. ͖ InVision Ʈ´Marvel ŐʝĮūLȠǓƉȄђdžǃ˙. ̀ɺɚƈ˽ōÍø. ūƦʸɑ˻ūóə¼£Ϳ̷ˋJƅ̖ĕуƎ̀ɺ̖͟. ЮǘřɾÉ̖͟. ūʲЀ. ǓƉDIJΘИЮž. Marvel ¼ʴǙǦū£ͿƎcƼƩͪƺ͛çǓƉūŐ͞. ƠñΥȐ O. O. c÷Ȯ˺ɵƻǜæHǁ¼ʴǙɚƈǦMarvel ɵ ƻūĭžƦʸƒЋřHͪŴ^½Ǧ˙ʖȄή˹̖ĕ ijxǓƉDIJΘИЮžūʲЀ O. ɚƈ˘ʴɼƐ¹}. Marvel ūЋʏřήǴŎђǓƉɵƻ‡ͪƺЋʏūʱ. 3ǓƉ͛çÔъ̻. ̲Ⱦ˅ŕ̃9ˣɿ̩ЋřūδϭƦʸɻʽʱǃðƒ ûɹÏ;̖ĕɚƈ˘ʴɼƐ¹}3ǓƉțÔъ̻ū ʲЀ X. ɚ|ūǓƉ‡¼ɚ. ǓƉūĭžÍʘǎȺ̳. ƈ˘ʴūŶʨ͞. 1. Íɚƈ́˰ǦͪƺÍǓƉĮЭƄ2#ɵƻǜ–ĥ. ɯ. ɚƈƽɶ2ȚŃūƎ̎Ǝcʹ$LȠѐю. 38. doi:10.6342/NTU201901114.

(55) 2. ɚƈ˕3˘ʴǦĮDʸǜ΋͞Ʀʸ 3. Į—İɚƈȢӞ. ¼ 1. ūȺ̳IMarvel ÍʝĮǓƉ͛çv[Ǚ¤ū~ Ȅ. ¼ 2. v[ 3. ūȺ̳IMarvel ĖÍśьȄȫ̓Ĥĭ žűͪĔū~ȄƝĖÍ̧ĵΥȐ ͖Dç»ЀH¼´. ŸŘ Marvel нŘ˞͋ŝȟrÍʝĮǶġ~ȄŐvĺ. ǎόUƍū´ĩ̀. ɳű͞Ʃ Marvel Í̖ĕ͖Dç»ЀH¼´-ǎόUƍū. ɺǓƉøЮ. ̀ɺȤМ. ĖÍʸÇȄ5İț. ĖÍǓƉDIJƅͪƺûÉȄȫLȠūǓƉͪƺÍʸÇ. ƒLȠǓƉ. Ȅ5Marvel ‡ͪƺ-ȵȁ-fʻɿ̩ Marvel App. O. O. ðȄûÉLȠǓƉ ɚ|ūǓƉĎ˸Ʀ. Marvel нŘ˞͋ŝȟ‡ͪɿ̩ĹyͪƺǐČūdžǃ. ʸϮͅ. ŐÍǓƉūVī̷ˋƬȄĹȷĎ˸ƕūSǘ. O. ŷ 13 Marvel уƎʲЀΥȐʽş 3. уƎϧǷΥȐʽş уƎϧǷ. ͖ Marvel ΥȐʽş. ɚǓƉūɼƐ}. ¼ Marvel ĺɳ̷ˋIƬ͞ƩijǘřĭžђDçǣ. āϝîDçǣɖ. ɖÍŐČˁ͖ϧǷaϠIū'ʝĮЋʏř9dūǓ. ƠñΥȐ O. Ɖ͛瓉(ΥȐ ɚƈĭžЋʏřϟ. Marvel ȑ̷ŐÍĭžűȄЋʏț|ǓƉƩ£ͿƝ. ɻſɵƻȮ˺ū̱˚. Ȅ̓ĤſɵƻȮ˺ūÉǔ;Ȅ9dūϧǷ. O. Éǔ;Ȅ9d “‰ijxŝȟȄȫη. Marvel ¼ń͐ūQɧIƒvї̶ĵÍʝĮȕ0ǓƉ. ̠½ǎɚƈ˘ʴƦʸ. ͛çv[Vīūijxū~ȄįÀɿ̩ Sketch Plug-in. X. Ȅ˩|W̲v[ǞͿЀɿ̩ Handoff ¼ijxDçƦʸ. 39. doi:10.6342/NTU201901114.

(56) ƒvížæƠ@ʀV Marvel ĭžűƬH͞ƩÍ̓ ĤxnjūͪĔʊsƺǓ¹Ív8ʘЀ 1. Ǔ–ijxͪĔÍɱĎ¾žūDIJŐ̓ĤįÀαÍ Ď˕˛ Handoff ~Ȅūɚƈ Zeplinɬ̼ɱΪÉƕ ̣H˹Ó͹Гʡŝȟ“‰ 2. ÍʀV~ȄƩʝĮɤ7DIJūʗ3Ç App¹Ïĭ žűƺWʡĭžūDIJGȄȫûÉĨĖÍ̓Ĥĭ žűƒvșǶ¼“‰9ûÉŐÍĩȺūϧǷ O. ͛çǓƉūDIJαÍ. ɳΙ̷ˋÍʝĵv8ʘǎ̵žū~ȄFixed. ̵žū~Ȅ. Header/FooterǁĶǓƉ¼LȠǦHȄΰÕČъь¤@ Cŕ̃9ˣʹ͖ϧǷΥȐ. ʝĮūɵƻɇήv[. ĭžűĖÍćĵÍϝîū̞˿ƝÏЀʮŤ̓ĤΥ. ƮЭ̞˿. Ȑ. ʝYȮ˺Ȅ5. Marvel ˀɵƻǜū˯иI͞Ʃ UX HƠƒɥ¸ɵƻ. X. X. ǜĭžūыωrζǎɚƈūLJǬЯåЋřƉūɵƻ ɸѐŐv¼ĭž9ϽʯЋʏæĖÍ^½ђĺɳű ÍʝYȮ˺Ȅ5ūÊФ ȄȫûÉ{̓ɨ̊ū. ĺɳűÍʝĵ Marvel ȄûÉ@ʀVūГʑæÍǦ˹. ГʑȠʱ. ͪƺĭžijxеƈİûÉɹǎͪĔƝɹǎͪĔĖÍ. X. ɱ̓Ĥ ʪ_˘˹Ǧ˙. ȕ0͖ InVision Ʈ´ūʀVŒÍĺɳűʝ|ŸŘ. X. Marvel Ȅȫƒāūɚ|ǓƉƎcĨH˹¹Ʃɹ;ʪ _˘˹Ǧ˙\ÔýɌĎϖϮū˘˹İʬ̙H´ūɵ ƻƠñȄ̓ĤʨɌ ŷ 14 Marvel уƎϧǷΥȐʽş. 40. doi:10.6342/NTU201901114.

(57) ɤTʇ VšʽşƧ̶ –ưěɤMʇvʖ InVision ͖ Marvel уƎǻʛ͖ijͯNJsȵūΥȐț|ζɘ–ʇ̊ ˹vÏıǖU ūǛɝț|Všv[ʽşƧ̶. ɤ-̊ ͯNJΥȐ¦=Vš –̊˹v¦=VšūhÇɽ˟̖š InVision ͖ Marvel ΥȐ͖ñūǓ¹İ0̖Ʃß InVision ūʴǙ˹ʌŘ Marvel -InVision ΥȐæ Marvel HΥȐJζɘ уƎǻʛ. InVision ΥȐr Marvel HΥȐJ˟£. уƎ¨ȟ. ь¤Ȯ˺Ɛ ϝî̱˚ÉŻ. уƎʲЀ. ɚ|ūǓƉ‡¼ɚƈ˘ʴūŶʨ͞ɯ. уƎϧǷ. “‰ijxŝȟȄȫη̠½ǎɚƈ˘ʴƦʸ ʝĮūɵƻɇήv[ƮЭ̞˿ ʝYȮ˺Ȅ5 ŷ 15 ͯNJΥȐ+InVision ΥȐæ Marvel HΥȐJζɘ. 1. ь¤Ȯ˺Ɛ ¼уƎ¨ȟIь¤ĭžűJÕĥȮ˺ƐƩů¦Ɖ¨ȟ¼əPūɚƈ˘ʴƦʸɵƻ ǜFʯƠ-ǎȮЎūȮ˺Ġ×¼̱˚IäÍǀƺūĠ×vĺɳű E Ő͠śūDçSǘƩ į¿FÍ4ÆūɵƻDç̋ю£ƅ¨ЎŘÉ·ūƱĄU ƽɶūDçSǘÍa. Ǫ β‘ʑ͖ĭžűΝƣ́Ɩɚƈū˸~Ȅ b. ȯ́ƖūɚƈțÉǓƉ͖̱˚ȈΟ c. ʝĮ̵ç ŐͪūɵƻR§ d. Všĭžűʒôɚ|̋юήɬʒô#lesson learned$ƒvї̶ĵ ijI̟̱˚Éǔū̀ɺäÍ-€v9ūDçmį¹ÏАŸь¤ɵƻǜÕĥūȮ˺Ɛ¼͠ ŝ̱˚Éǔ9˹Íϝî InVision АŸʘǎhÇİђɵƻǜȄȫ̷̱˚Éǔь¤|ijȮ˺ʸƐ a. ʝĮɵƻ̞˿ђɵƻǜșǶ¼“‰ǦÍι˹Ȅƙпήɬь¤̷ŘDç9ū Ȯ˺. 41. doi:10.6342/NTU201901114.

參考文獻

相關文件

本研究除請教於學者專家外,在 1998 年版天下雜誌調查發布 在台灣地區 1000 大企業中,台鹽排名 414,在最賺錢的 50 家公 司中排名 13,但在最會賺錢的 50

股市預測在人工智慧領域是一個重要的議題。我們的研究使用混合式的 AI 以預測 S&amp;P 500 芭拉價值指標和 S&amp;P 500 芭拉成長股之間的價值溢價;S&amp;P 600 小

謝函亘﹝32﹞以衣夾為研究對象,採用 TRIZ 創新之方法,結合綠色設計(Green

這個計算方法稱為計畫評核術 (PERT, Progra m Evaluation and Review Technique) ,是 1958 年美國海軍為了控制北極星導彈專案,所研 發出來的專案管理工具。.

本研究以河川生態工法為案例探討對象,應用自行開發設計之網

本研究以河川生態工法為案例探討對象,應用自行開發設計之網

Bomberman game supports learning concept of C programming language and teachers can build a meaningful game environment to specify the sequence of topics for students

In view of it, this research is based on the foundation with the companies that check and approve to manage property of VoIP business of general bureau of telecommunication in