編輯導語_如何從用戶需求中提煉出產品設計規劃方案_并將這一方案完整、清晰地傳遞到設計、開發人員手中_實現產品落地？也許_你需要梳理用戶需求_進而做好流程整理_搭建產品原型。本文作者總結了產品從需求到原型所需經歷的三個步驟_一起來看一下。

對于原型的想法_應該分為三步。分別是我們軟件要做什么（需求）、以怎么樣的流程實現幾種路徑實現（流程圖）（需要畫幾張畫那些能比較好地滿足用戶）、在流程中需要展現什么（原型）。

一、第一步_確認需求（想要做什么）

結合公司產品定位對核心用戶人群、需求喜好等進行了解_分析出他們到底想要什么_整理成真需求列表。

比如最近做的生活交易類平臺_我方產品定位“一款針對于公司自媒體私欲流量_針對淘優惠類用戶做精準化運營的生活交易類平臺”。我們想要的就是讓引流進入的這部分進行消費。

1._那么就會出現以下幾個問題？

用戶進行消費有哪些東西可以讓他們消費？

優惠券、低價商品、活動商品（拼團、刮刮樂、一元購等等）。

現階段我們想要干什么？

增加用戶活躍度（優惠卷、低價商品）、增加用戶GMV（優惠卷、低價商品_、拼團）、增加新用戶（拼團、刮刮樂）。

2._整理核心功能

低價商品購買與使用；拼團商品購買與使用；優惠券領取與使用；拼團、一元購活動商品的分享、購買與使用；刮刮樂活動的展示與用戶使用；用戶購買、領取、贈送、接受商品或優惠券的尋找及使用。

二、第二步_需求實現路徑（怎么實現想法）

對功能使用流程進行整理

如商品的購買及商品買后的使用（注意用戶的體驗_東西不能藏太深）。

商品展示頁（用戶對商品產生興趣）_商品詳情頁（用戶了解商品細節后_對商品有意向）_購買操作_直接使用（訂單內容以及訂單核銷碼）或后續使用；后續使用_我的頁面_我的訂單_（為加快用戶找到自己商品可對我的商品進行分類）已支付商品_訂單（訂單內容以及訂單核銷碼）。

通過流程整理_梳理共同需求頁面_在合適區域進行展示以及排布（過程中對用戶交互體驗進行優化_常用功能或頁面不宜藏得過深）。

三、第三步_原型搭建與交互說明

1._原型搭建

根據第二步流程圖進大致排布_確認每個單獨頁面需要那些元素_對元素進行組合（符合用戶交互體驗）_對部分功能重合度較高的頁面進行整合_對部分用戶操作難度較大的頁面進行拆解。對用戶點擊后出現的彈窗以及極端情況下的錯誤提醒進行預設甚至畫出。

2._交互說明

在原型大致梳理好的前提下結合功能作用（我們需求與用戶需求）對原型圖進行說明。

1）主要使用3＋1原則

一個基本點_所有的頁面都可以分為兩種狀態_

進入時就能看見的狀態（以原型的方式進行表述_不用附帶文字說明）；操作后狀態（此部分需要進行描述）。

2）描述分為三個維度

按鈕圖標等操作之后出現的狀態變化（跳轉可用頁面跳轉進行說明_其余部分作為交互說明的重點）；刷新、加載、數字顯示等頁面規則（可在全局說明對常出現的進行展示）；錯誤提醒、彈窗等操作規則（交互說明的重點區域）。

3）原型圖排布狀態

4）排布內容

①_全局說明（常在全文全局說明中呈現）

頁面異常說明_

頁面加載異常、網絡異常、請求服務器失?。撁嬷g跳轉）；缺省頁、訂單、購物車、優惠券……

交互異常_

全局交互異常_如加載、刷新異常（在同一個頁面內_點擊某個按鈕后加載失?。?；全局異常結束語提示；權限提示。

全局公共說明_

距離說明；時間現實說明；字段規則說明；圖片裁剪規則說明（以圖片最小邊為寬_居中按1:1_裁剪/_640*640、320*320、120*120_）；全局加載規則說明、上拉刷新（上拉刷新、松開刷新、正在刷新）_下拉加載（下拉加載、正在加載、已經到底）。

全局邏輯說明_

版本更新方式說明（選擇型、強制型、自動）_一般在用戶重新啟動產品客服端；熱度值算法_訂單釋放時間；會員體系、勛章體系、紅包體系；全局加載規則說明、上拉刷新（上拉刷新、松開刷新、正在刷新）_下拉加載（下拉加載、正在加載、已經到底）。

②_操作說明

（3+1原則）。

錯誤提醒_對用戶進行的錯誤操作進行預設_并在用戶使用前提供解決方式_多用彈窗進行解決。

3._總結

用戶到這個頁面來要干嘛、更想要干的事情、想要進行哪些操作_操作之后會得到什么結果。

比如用戶到商品詳情頁時想要了解商品詳情_所以就需要對商品的詳情進行展示。如果詳情過多_半天翻不完就需要對商品描述進行收縮（作為商家要讓用戶一眼看到付款鍵_加快用戶付款的速度_減少其中的邊際效用）。

用戶對商品感興趣就會購買_所以我們在該頁面要給出購買功能。

有部分用戶怕商品不好_要了解一下商家、了解一下商品的好壞_所以要有到商家詳情的路徑。

因為用戶要某些東西_因為我們設置商品想要讓用戶進行哪些行為_所以我們的頁面會對這些因素或者功能進行設計。

交互設計就是根據用戶在使用過程中、用戶可能存在的操作進行描述_對特殊情況會出現的狀態進行預設_對我方想要用戶進行的某些進行或者操作進行放大_然后在交互部分將這些想法告訴程序員、UI。

交互說明是我們產品經理向程序員、UI說明想法的橋梁_無論橋梁怎么搭建_核心都是傳達我們設計頁面的想法。而有序合理的交互搭建是拓寬橋梁的寬度減少傳輸的路徑的主要因素_進而能達到快速傳達想法的效果。

本文由@劃船不用槳_原創發布于人人都是產品經理_未經許可_禁止轉載

題圖來自_Unsplash_基于_CC0_協議