編輯導(dǎo)語：如何從用戶需求中提煉出產(chǎn)品設(shè)計規(guī)劃方案，并將這一方案完整、清晰地傳遞到設(shè)計、開發(fā)人員手中，實現(xiàn)產(chǎn)品落地？也許，你需要梳理用戶需求，進而做好流程整理，搭建產(chǎn)品原型。本文作者總結(jié)了產(chǎn)品從需求到原型所需經(jīng)歷的三個步驟，一起來看一下。

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

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

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

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

1. 那么就會出現(xiàn)以下幾個問題？

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

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

現(xiàn)階段我們想要干什么？

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

2. 整理核心功能

1. 低價商品購買與使用；
2. 拼團商品購買與使用；
3. 優(yōu)惠券領(lǐng)取與使用；
4. 拼團、一元購活動商品的分享、購買與使用；
5. 刮刮樂活動的展示與用戶使用；
6. 用戶購買、領(lǐng)取、贈送、接受商品或優(yōu)惠券的尋找及使用。

二、第二步：需求實現(xiàn)路徑（怎么實現(xiàn)想法）

對功能使用流程進行整理

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

1. 商品展示頁（用戶對商品產(chǎn)生興趣）——商品詳情頁（用戶了解商品細節(jié)后，對商品有意向）——購買操作——直接使用（訂單內(nèi)容以及訂單核銷碼）或后續(xù)使用；
2. 后續(xù)使用——我的頁面——我的訂單——（為加快用戶找到自己商品可對我的商品進行分類）已支付商品——訂單（訂單內(nèi)容以及訂單核銷碼）。

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

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

1. 原型搭建

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

2. 交互說明

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

1）主要使用3＋1原則

一個基本點，所有的頁面都可以分為兩種狀態(tài)：

1. 進入時就能看見的狀態(tài)（以原型的方式進行表述，不用附帶文字說明）；
2. 操作后狀態(tài)（此部分需要進行描述）。

2）描述分為三個維度

1. 按鈕圖標等操作之后出現(xiàn)的狀態(tài)變化（跳轉(zhuǎn)可用頁面跳轉(zhuǎn)進行說明，其余部分作為交互說明的重點）；
2. 刷新、加載、數(shù)字顯示等頁面規(guī)則（可在全局說明對常出現(xiàn)的進行展示）；
3. 錯誤提醒、彈窗等操作規(guī)則（交互說明的重點區(qū)域）。

3）原型圖排布狀態(tài)

4）排布內(nèi)容

① 全局說明（常在全文全局說明中呈現(xiàn)）

頁面異常說明：

1. 頁面加載異常、網(wǎng)絡(luò)異常、請求服務(wù)器失?。撁嬷g跳轉(zhuǎn)）；
2. 缺省頁、訂單、購物車、優(yōu)惠券……

交互異常：

1. 全局交互異常，如加載、刷新異常（在同一個頁面內(nèi)，點擊某個按鈕后加載失?。?；
2. 全局異常結(jié)束語提示；
3. 權(quán)限提示。

全局公共說明：

1. 距離說明；
2. 時間現(xiàn)實說明；
3. 字段規(guī)則說明；
4. 圖片裁剪規(guī)則說明（以圖片最小邊為寬，居中按1:1 裁剪/ 640*640、320*320、120*120 ）；
5. 全局加載規(guī)則說明、上拉刷新（上拉刷新、松開刷新、正在刷新），下拉加載（下拉加載、正在加載、已經(jīng)到底）。

全局邏輯說明：

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

② 操作說明

（3+1原則）。

錯誤提醒：對用戶進行的錯誤操作進行預(yù)設(shè)，并在用戶使用前提供解決方式，多用彈窗進行解決。

3. 總結(jié)

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

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

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

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

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

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

交互說明是我們產(chǎn)品經(jīng)理向程序員、UI說明想法的橋梁，無論橋梁怎么搭建，核心都是傳達我們設(shè)計頁面的想法。而有序合理的交互搭建是拓寬橋梁的寬度減少傳輸?shù)穆窂降闹饕蛩?，進而能達到快速傳達想法的效果。

本文由@劃船不用槳 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自 Unsplash，基于 CC0 協(xié)議