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

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

一、第一步_確認(rèn)需求（想要做什么）

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

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

1._那么就會(huì)出現(xiàn)以下幾個(gè)問(wèn)題？

用戶進(jìn)行消費(fèi)有哪些東西可以讓他們消費(fèi)？

優(yōu)惠券、低價(jià)商品、活動(dòng)商品（拼團(tuán)、刮刮樂(lè)、一元購(gòu)等等）。

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

增加用戶活躍度（優(yōu)惠卷、低價(jià)商品）、增加用戶GMV（優(yōu)惠卷、低價(jià)商品_、拼團(tuán)）、增加新用戶（拼團(tuán)、刮刮樂(lè)）。

2._整理核心功能

低價(jià)商品購(gòu)買與使用；拼團(tuán)商品購(gòu)買與使用；優(yōu)惠券領(lǐng)取與使用；拼團(tuán)、一元購(gòu)活動(dòng)商品的分享、購(gòu)買與使用；刮刮樂(lè)活動(dòng)的展示與用戶使用；用戶購(gòu)買、領(lǐng)取、贈(zèng)送、接受商品或優(yōu)惠券的尋找及使用。

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

對(duì)功能使用流程進(jìn)行整理

如商品的購(gòu)買及商品買后的使用（注意用戶的體驗(yàn)_東西不能藏太深）。

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

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

三、第三步_原型搭建與交互說(shuō)明

1._原型搭建

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

2._交互說(shuō)明

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

1）主要使用3＋1原則

一個(gè)基本點(diǎn)_所有的頁(yè)面都可以分為兩種狀態(tài)_

進(jìn)入時(shí)就能看見的狀態(tài)（以原型的方式進(jìn)行表述_不用附帶文字說(shuō)明）；操作后狀態(tài)（此部分需要進(jìn)行描述）。

2）描述分為三個(gè)維度

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

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

4）排布內(nèi)容

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

頁(yè)面異常說(shuō)明_

頁(yè)面加載異常、網(wǎng)絡(luò)異常、請(qǐng)求服務(wù)器失敗（頁(yè)面之間跳轉(zhuǎn)）；缺省頁(yè)、訂單、購(gòu)物車、優(yōu)惠券……

交互異常_

全局交互異常_如加載、刷新異常（在同一個(gè)頁(yè)面內(nèi)_點(diǎn)擊某個(gè)按鈕后加載失敗）；全局異常結(jié)束語(yǔ)提示；權(quán)限提示。

全局公共說(shuō)明_

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

全局邏輯說(shuō)明_

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

②_操作說(shuō)明

（3+1原則）。

錯(cuò)誤提醒_對(duì)用戶進(jìn)行的錯(cuò)誤操作進(jìn)行預(yù)設(shè)_并在用戶使用前提供解決方式_多用彈窗進(jìn)行解決。

3._總結(jié)

用戶到這個(gè)頁(yè)面來(lái)要干嘛、更想要干的事情、想要進(jìn)行哪些操作_操作之后會(huì)得到什么結(jié)果。

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

用戶對(duì)商品感興趣就會(huì)購(gòu)買_所以我們?cè)谠擁?yè)面要給出購(gòu)買功能。

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

因?yàn)橛脩粢承〇|西_因?yàn)槲覀冊(cè)O(shè)置商品想要讓用戶進(jìn)行哪些行為_所以我們的頁(yè)面會(huì)對(duì)這些因素或者功能進(jìn)行設(shè)計(jì)。

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

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

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

題圖來(lái)自_Unsplash_基于_CC0_協(xié)議