產品技能-業務流程與原型設計
新入行的產品經理都對原型抱有嚮往的心境，但是有經驗的產品經理不會一上來就畫原型，而是先畫頁面流程再來畫原型。通過本單元的學習，你將學會如何用頁面流程圖規劃使用者行為路徑、如何藉助原型識別問題、減少風險、有效溝通。
1. 業務流程設計
1.1流程設計產出物
業務流程圖
1.2作用
將服務的場景轉化為可見的流程
1.3工具：
visio
process on
1.4流程設計步驟
- 明確使用者與任務
- 確定開始和結束時的狀態
- 調整中間過程順序
- 解決異常情況
- 優化調整細節
1.5流程設計常見問題
- 產品相容問題
- 許可權管理問題
- 技術性問題率
2.原型設計
2.1產出物
頁面原型圖
2.2作用
將產品頁面具體化
2.3工具
- Axure
- mockup
- sketch
- mocking bot
2.4原型設計步驟
（1）明確頁面流程
- 功能是什麼？
- 有哪些互動？
（2）繪製原型圖
- 有輸入必有輸出
- 有輸入必有限制
- 有輸入必有校驗
（3）要求
①手繪稿
②低保真原型（確定元素：圖片、文字、按鈕、商品）
大公司互動設計師：
高保真原型（確定樣式：圖片大小、Px間距、字型&字號、icon 樣式）
小公司產品經理：（可能沒有UI設計師）
①手繪稿②低保真原型（確定元素：圖片、文字、按鈕、商品）
③高保真原型（確定樣式：圖片大小、Px間距、字型&字號、icon 樣式）
3.實戰體驗
3.1任務：
產品「AppSo」，體驗整個功能邏輯：點擊發布——搜尋app——編寫內容——等待稽核——釋出成功。梳理整個體驗的頁面流程並還原2 - 3個主要介面的低保真原型圖。
3.2APPso 產品介紹
AppSo的宗旨是：讓智慧手機更好用的祕密。它是國內第一的數字應用社群，有了AppSo你的iphone 才是iphone 。
它為你發掘最優秀（顏值高、功能好）的移動網際網路產品，教你如何用好自己的智慧手機，過上有品質的數字生活。它是一款搞機玩家、產品經理、創業者等智慧手機重度使用者一定喜歡的APP，會讓你成為一個優雅的數字生活家。
3.3使用工具
Process on
MockingBot
3.4 APPso頁面流程圖：
APPso頁面流程圖
3.5 APPso部分原型圖還原
APPso原型圖
【參考解析】
頁面流程圖
頁面原型圖