UX 設計最後一項產出物是原型 prototype。它和 mockup 都是交付給客戶的東西，目的在測試及驗證，二者一定會經過反覆修正，不可能一次到位。

Prototype 用處在模擬產品真實的互動效果，看看使用者有沒有照你設計的方式操作，看看產品開發的方向是不是符合客戶期待，還是老話一句，「客戶永遠不知道他們想要的是什麼，但是他們知道不想要的是什麼」。設計方向錯了，修改 prototype 總是比修改程式來得簡單。

Prototype 最好用真實的資料，不要用假資料讓客戶想像，最怕他們說懂了，其實跟你想的完全不一樣。

現在可以製作 prototype 的工具非常多，每隔一陣子就有新的出來，簡直跟 JavaScript 一直有新程式庫一樣。我們是工程師，做 prototype 又不能當飯吃，公司也不會買給我們。我們只是不想要在開發後期更改需求，進入輪迴的重構加班地獄而已。所以在挑選原型工具上我的要求是「免費、容易上手」。在試過幾種工具後，我推薦的是 Marvel。

先自我揭露一下，我跟 Marvel 沒有任何關係，上面的連結也不是推薦連結，可以讓我獲得免費的專業版（可惡），純粹就是「免費、容易上手」，以及下面幾個優點。

• 免費帳戶可以開二個專案，像 InVision 就只能有一個。但是專案無法有合作人，也就是說你只能自己編輯專案。
• 它是 web app，只要有瀏覽器就能使用，不需安裝。
• 很容易使用，在圖片上圈出點擊區域，再選擇要轉移過去的畫面，挑選過場動畫，基本上和簡報軟體差不多。
• 支援一層 layer，所以可以製作像對話框的效果。
• 有 Sketch plugin，能自動更新 mockup 到專案。
• 有app，能測試 prototype 在行動裝置的效果。
• 有分享功能，可以不用 Marvel 帳號就在 prototype 上加註解。我覺得這是很貼心的功能，其他類似服務一定要註冊帳號才能留言，但是為了這一個案子要客戶註冊帳號，我覺得是給客戶增加困擾。