ProtoPie 使用心得 — 適合手殘 PM 的Wireframe 和 Prototype 軟體 | Jeffrey Talks
網路上已經有一堆推薦 prototype 工具的文章，永遠都比不完，最好的方式一樣會是親自試用，找到最適合自己的。如果你跟我一樣是個只會用正方型、圓型來拼湊 wireframe 的 PM，永遠記不起來 Axuze 的 dynamic panel 要怎麼用，對 Axuze 8 的價格嚇到吃手手，看這篇就對了！
我在考量金錢、學習成本和工作實際運用上，推薦你使用 ProtoPie 和 Adobe XD CC！以下是詳細說明。
Wireframe 和 Prototype 要解決什麼問題？
為了避免在專案過程中浪費設計人力和被設計師白眼，以下幾點是我希望在專案初期透過 wireframe 和 prototype「盡量」去解決的問題。
- 驗證用戶需求有被滿足再進到設計
- 驗證主要的功能都有規劃到
- 確認操作流程順暢
- 確認畫面上的元件順序
PM 和設計師選擇原型工具的角度不一定相同，大多時候提到的 prototype (原型) 需要同時具備視覺設計與實際的產品功能，但我覺得 PM 更需要低保真、不著重視覺設計的 prototype 來跟 stakeholder 做規劃上的確認。
學習成本
做 prototype 不外乎是在設定電腦、手機上的換頁和手勢操作，例如：點了按鈕後跳到哪一頁、在手機上往左往右滑會出現什麼。使用者可以多快學會這些設定，也成為判斷原型工具好用與否的關鍵。
Protopie 主打「一小時上手的原型設計工具」，有完整且精簡的官方教學手冊，手冊除了英文版也有支援中文、日文和韓文。
我自己最常用到按了某個按鈕之後會換頁的效果，在教學手冊裡稱做「轉場」，另一個常用的是「滑手機」加載內容，稱做「滾頁／滑頁」。其他的效果就是遇到再學。
ProtoPie 不像 Sketch 是強大的設計與繪圖軟體，你基本上只能畫 wireframe，ProtoPie 只提供正方形、圓形和文字編輯，連畫個三角形，都是很難的，我自己會搭配 Sketch 來使用。如果你無法忍受， Adobe XD 可能會比較適合你，Adobe XD 有較多繪圖工具，也像 Sketch 一樣支援切圖。
與 Sketch 整合
ProtoPie 可以匯入 Sketch 與 Adobe XD 的檔案，所以 Sketch 和 Adobe XD 的資源都可以讓 ProtoPie 讀取。
Adobe XD 除了支援 Adobe 家族的 Photoshop 和 Illustrator 外，也可以讀取 Sketch 檔案。
從手機 Demo 你的專案
Adobe XD、ProtoPie 和 Axure 都有 app 版本方便你在手機上 demo 專案，Axure 的評分最低，支援的 demo 方式也最少。Axuze 在 demo 前要透過 Axuze Share 將檔案上傳至你的雲端帳號，換頁時每次都要讀取新的頁面，速度較慢。
Protopie 提供較多 demo 的方式，透過電腦 IP 位置、QR Code 掃描或 USB 線都可以連線你的電腦，進行專案 demo。或是將檔案透過 AirDrop 分享到你的 iPhone 上，即使在沒網路的情況下也能 demo 你的專案，很適合用在用戶訪談上。
Adobe XD 可以用 USB 線 demo 專案或將專案分享至 Adobe 的 Creative Cloud 上，但要注意未付費的 Adobe XD 用戶只能分享一個專案。
原型工具價格比較
2015 剛開始進入 PM 這行時，業界首推的 prototype 工具是 Axure RP 7 ， 然而現在的 Axuze RP 8 ，個人版一次買斷要 $495 或是要月付 $29。
Protopie 在 2019年 10 月 18 日以前價格比較親民，一次買斷只要 $99 美金，加上稅金實際要付 $103.95(約 NT$3,217)，購買之後會有一個一年後的產品到期日，到期日之前都可以更新到 Protopie 的最新版本，到期日後就不能更新 Protopie，但一樣可以使用。
現在則是月費 $13 或年費 $129 美金，Protopie 在這 2 年的感恩節都有降價促銷，像 2017 的感恩節 Protopie 降半價，2018 年的 11/11~11/23 也推出半價活動，2019 年則在 11 月的雙 11 檔期(11/11~11/29)推出 6 折。
至於 Adobe XD CC 可以免費使用和切圖，分享超過一個專案就要 NT$320/月，如果你沒有要分享專案和製作設計規格，免費版的 Adobe XD 應該就能滿足 PM 工作上的需求。
