ã‚‚ã†ä¿å®ˆã•ã‚Œãªã„ç”»é¢é·ç§»å›³ã¯å«Œãªã®ã§ã€UI Flow図を簡å˜ã«ãƒžãƒ¼ã‚¯ãƒ€ã‚¦ãƒ³ã½ã書ãエディタ作ã£ãŸ - Qiitaã¯ã˜ã‚ã« Webサービスやアプリをä¼ç”»ã—ãŸã‚Šã€ç«‹ã¡ä¸Šã’ãŸã‚Šã™ã‚‹éš›ã«ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ングツールやã€Excelã‚„Powerpointã€Illustraterãªã©ã‚’駆使ã—ãŸè¬Žã®ãƒ•ã‚¡ã‚¤ãƒ«ã§ç”»é¢é·ç§»å›³ã‚’æãã“ã¨ãŒã‚る。 ã“ã†ã„ã†å›³ã‚’å…ƒã«ä»•æ§˜ã‚’決ã‚ã¦è¡Œã£ã¦ã€ã‚µãƒ¼ãƒ“スを作ã£ã¦ã„ãã®ã¯ä»¥ä¸‹ã®ç‚¹ã§å›°ã‚‹ã€‚ ç”»é¢é·ç§»å›³ãŒä¿å®ˆã•ã‚Œãªã„。 書ãã®ãŒéžå¸¸ã«é¢å€’ãã•ã„ ユーザーã®ãƒ¢ãƒãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ã®æµã‚ŒãŒè¿½ã„ã¥ã‚‰ãã€è¦‹ãŸç›®ã°ã‹ã‚Šã«æ³¨ç›®ã—ã¦ã—ã¾ã†ã‚‚ã®ã«ãªã‚ŠãŒã¡ マシンリーダブル(ソフトウェアã§æ§‹é€ ã‚’å–り出ã›ãªã„)ã§ãªã„。 ã“ã®ã‚ˆã†ãªæ¬ 点ãŒã‚ã£ã¦ã©ã†ã«ã‚‚扱ã„ã¥ã‚‰ã„。 ãã‚“ãªã‚ã‘ã§ã€markdown風ã®ãƒ†ã‚ストã‹ã‚‰ç°¡å˜ã«ç”»é¢é·ç§»å›³ã‚’æã‘ãªã„ã‹ãªã¨ã‚³ãƒ³ãƒ‘イラを作æˆã—ã€æ¬¡ã«ãれをインタラクティブã«ç·¨é›†ã§ãるエディタを作æˆã—ãŸã€‚ UI Flows図ã«ã¤ã„㦠画é¢é·ç§»å›³çš„ãªã‚‚ã®ã‚’書ãéš›ã«ã€åƒ•ãŒå€‹äººçš„ã«ã¤ã‹ã£ã¦ã„ãŸè¡¨ç¾æ–¹æ³•ã¨ã—ã¦ã€UI Flo
Axure RP - UX Prototypes, Specifications, and Diagrams in One Tool
MockFlow - Wireframe Tools, Prototyping Tools, UI Mockups, UX Suite, Remote designing
GitHub - enricoberti/napkee: Napkee exports Balsamiq Mockups to Twitter Bootstrap at a click of a button.
Axure - Wireframes, Prototypes, Specifications
http://www.designwalker.com/2009/04/wireframe-2.html
http://www.optimalworkshop.com/chalkmark_alt.htm
{{#tags}}- {{label}}
{{/tags}}