從接收需求到產(chǎn)出？這過程中到底經(jīng)歷了什么？不妨來閱讀本文作者的文字，一起來了解了解吧～

項(xiàng)目背景

公司在二月初新上線了一個(gè)微商訂貨系統(tǒng)，由于是V1.0版本，而且還是試運(yùn)營階段，所以當(dāng)時(shí)產(chǎn)品經(jīng)理的精力都放在了搭建V1.0版上面，直到運(yùn)營總監(jiān)驗(yàn)收的時(shí)候，又提出了一個(gè)新的需求，經(jīng)過產(chǎn)品經(jīng)理與運(yùn)營總監(jiān)的溝通之后，我接到了一個(gè)V1.01的需求文檔，內(nèi)容如下：

【需求概述】

商品，增加商品類型，分為普通、贈(zèng)品兩種。贈(zèng)品可下單購買，也可根據(jù)訂單金額及對(duì)應(yīng)代理級(jí)別配贈(zèng)率贈(zèng)送?？砂凑沾砑?jí)別，設(shè)置對(duì)應(yīng)級(jí)別的配贈(zèng)率。當(dāng)代理下單購買普通類型或贈(zèng)品類型商品，配贈(zèng)條件滿足時(shí)，在支付訂單前提供選擇贈(zèng)品操作，代理可選擇配贈(zèng)金額范圍內(nèi)的任意贈(zèng)品，也可不選擇；選擇贈(zèng)品，并支付成功后，對(duì)應(yīng)訂單增加配贈(zèng)商品信息。

注：配贈(zèng)金額=訂單面價(jià)金額×對(duì)應(yīng)等級(jí)配贈(zèng)率。

交互設(shè)計(jì)師收到需求后，進(jìn)行了深入解讀，并通過跟產(chǎn)品經(jīng)理經(jīng)過口頭的溝通后，做了一個(gè)業(yè)務(wù)需求的分析，如下：

• 業(yè)務(wù)需求：增加商品滿額配贈(zèng)功能，根據(jù)代理等自行選擇滿足條件的配贈(zèng)商品
• 業(yè)務(wù)目標(biāo)：代理能直接線上快捷直觀的選擇滿足條件的配贈(zèng)商品，節(jié)省倉管人員二次下單核對(duì)時(shí)間
• 業(yè)務(wù)目的：提升業(yè)績(jī)，利用贈(zèng)品，刺激代理提升單筆訂單金額
• 衡量指標(biāo)：?jiǎn)喂P訂單金額提升率
• 用戶行為：選擇滿足條件的配贈(zèng)商品

拿到業(yè)務(wù)需求，我們需要做一個(gè)使用場(chǎng)景的分析，為什么呢？是為了梳理流程、判斷邏輯啊，看一下自己的預(yù)想有沒有漏洞或不合理的地方。

目標(biāo)用戶：某護(hù)膚品牌微商代理

年齡：18-40占絕大多數(shù)

性別：女性占98%

職業(yè)：微商

設(shè)備：iphone及以上

場(chǎng)景描述：某天，代理a在清點(diǎn)倉庫庫存的時(shí)候，發(fā)現(xiàn)最近熱銷的某品牌商品庫存都不多了，想著，到時(shí)候缺貨會(huì)影響自己的銷售及客戶的滿意度，暗想著，要再進(jìn)些貨才行，于是她對(duì)庫存不足的商品進(jìn)行了一下盤點(diǎn)，盤點(diǎn)完畢后，她拿出手機(jī)，將需要訂貨的商品一一加入購物車，加入完畢后，她核對(duì)了一下商品的金額，正準(zhǔn)備點(diǎn)“支付“按鈕進(jìn)行付款，忽然看到付款按鈕上方有一條提示，說”還差500元就可獲得免費(fèi)贈(zèng)品“，她心一動(dòng)，反正要買，只要加500塊錢，就能免費(fèi)獲得贈(zèng)品，有何不可？于是她當(dāng)即便在某一商品下面增加了數(shù)量，滿額后，提示文字就變成了”可獲得免費(fèi)贈(zèng)品“，確認(rèn)金額后，她立即點(diǎn)了支付按鈕，來到確認(rèn)訂單的頁面，快速瀏覽了一下自己的收獲地址及信息，便趕緊看獲得什么樣的贈(zèng)品，果然，在支付的上方又看到了配贈(zèng)說明的提示，提示我”選擇贈(zèng)品“（這里說明一下，之所以將提示語都放在同一位置，是為了讓前面界面的視覺路徑在同一水平點(diǎn)上，使頁面結(jié)構(gòu)更整潔），點(diǎn)擊進(jìn)入”選擇贈(zèng)品“界面，參照頁面給出的贈(zèng)品金額提示，選擇了想要的贈(zèng)品，由于選擇的贈(zèng)品太多，從上下拉到下瀏覽起來效率太低，于是她又點(diǎn)擊了按鈕”已選贈(zèng)品“進(jìn)行復(fù)核了一遍，確定完畢后，回到確認(rèn)下單的頁面，便滿意的點(diǎn)擊了”支付“按鈕，發(fā)現(xiàn)金額與未選贈(zèng)品前的金額一致，便放心的提交了訂單，訂單支付完畢后，引導(dǎo)代理來到了訂單列表頁面，上面還特意標(biāo)明了”含贈(zèng)品“字樣提示，a點(diǎn)擊進(jìn)去再次看了一下所購的商品及贈(zèng)品，準(zhǔn)確無誤會(huì)，抱著愉悅的心情關(guān)閉了應(yīng)用與手機(jī)。

”

通過場(chǎng)景的描述及結(jié)合V1.0版本的購物流程，對(duì)我輸出了一個(gè)詳情的需求說明，文檔包含具體哪些界面會(huì)有所改變，涉及到哪個(gè)界面，及新增哪此頁面，如下：

1、商品列表及商品詳情，贈(zèng)品類型的商品須顯示對(duì)應(yīng)圖標(biāo)；

2、贈(zèng)品類型商品同普通商品一樣可正常下單購買；

3、購物車，根據(jù)代理當(dāng)前所選商品的總面價(jià)金額及當(dāng)前代理對(duì)應(yīng)配贈(zèng)率，如果配贈(zèng)金額不為0，則顯示相應(yīng)配贈(zèng)金額及提示信息（若當(dāng)前配贈(zèng)金額暫不足以購買系統(tǒng)當(dāng)前上架的任意贈(zèng)品，則顯示提示信息：“還差××就可獲得免費(fèi)贈(zèng)品”；若當(dāng)前配贈(zèng)金額可購買系統(tǒng)當(dāng)前所有上架贈(zèng)品中的任一贈(zèng)品時(shí)，則顯示提示信息“可獲得免費(fèi)贈(zèng)品”）；如果配贈(zèng)金額為0，則不顯示相應(yīng)配贈(zèng)金額及提示信息。

4、確認(rèn)訂單界面，若當(dāng)前配贈(zèng)金額可購買系統(tǒng)當(dāng)前所有上架贈(zèng)品中的任一贈(zèng)品時(shí)，則提供選擇贈(zèng)品操作項(xiàng)。未選擇贈(zèng)品時(shí)，操作項(xiàng)顯示配贈(zèng)金額、及“選擇贈(zèng)品”文案。已選擇贈(zèng)品時(shí)，若配贈(zèng)金額-已選擇贈(zèng)品的總面價(jià)>0，操作項(xiàng)顯示“已選擇××元贈(zèng)品，還可選擇××元”；若配贈(zèng)金額-已選擇贈(zèng)品的總面價(jià)=0，操作項(xiàng)顯示“已選擇贈(zèng)品”。點(diǎn)擊操作項(xiàng)進(jìn)入選擇贈(zèng)品列表。

若當(dāng)前配贈(zèng)金額暫不足以購買系統(tǒng)當(dāng)前上架的任意贈(zèng)品，則不提供選擇贈(zèng)品操作項(xiàng)；

5、選擇贈(zèng)品列表，列表顯示當(dāng)前配贈(zèng)金額可購買的所有已上架的且?guī)齑娌粸?的贈(zèng)品類型商品，用戶可點(diǎn)擊選擇，也可取消選擇，當(dāng)前選擇的贈(zèng)品總面價(jià)金額=配贈(zèng)金額時(shí)，不可再繼續(xù)選擇更多（若再點(diǎn)擊選擇贈(zèng)品，則提示“不能再選擇更多了”）；提供顯示選擇提示信息“還可選擇××元贈(zèng)品”（××為配贈(zèng)金額-已選配贈(zèng)商品總面價(jià)）、“查看已選贈(zèng)品”操作、“確認(rèn)”操作。

點(diǎn)擊“查看已選贈(zèng)品操作”，可彈出浮框列表顯示當(dāng)前已選擇的贈(zèng)品信息。浮框提供關(guān)閉按鈕，可點(diǎn)擊關(guān)閉浮框；

點(diǎn)擊“確認(rèn)”操作，確認(rèn)當(dāng)前已選擇的贈(zèng)品信息，返回確認(rèn)訂單界面。

6、個(gè)人中心，增加顯示當(dāng)前代理的配贈(zèng)率信息。

7、訂單列表，若對(duì)應(yīng)訂單含有配贈(zèng)商品信息（注：如果只是正常下單購買的贈(zèng)品類型的商品，則同普通商品訂單。此處指的是確認(rèn)訂單時(shí)根據(jù)配贈(zèng)金額范圍免費(fèi)選擇的配贈(zèng)商品），則顯示“含免費(fèi)贈(zèng)品”標(biāo)簽；

8、訂單詳情，若對(duì)應(yīng)訂單還有配贈(zèng)商品信息（同7），則列表顯示用戶選擇的免費(fèi)獲贈(zèng)的商品信息（注：正常下單購買的贈(zèng)品類型商品，顯示在同普通商品位置。這里只顯示確認(rèn)訂單時(shí)選擇的免費(fèi)配贈(zèng)商品），并顯示總的免費(fèi)配贈(zèng)金額信息。

其實(shí)，通過上面這個(gè)需求說明，相信已經(jīng)闡述的非常清楚了，但是能這樣發(fā)給UI設(shè)計(jì)師嗎？不能，為什么呢？因?yàn)?，在做的過程中，UI設(shè)計(jì)師大多數(shù)不會(huì)考慮個(gè)中的邏輯，而且給一長(zhǎng)串又長(zhǎng)又臭的文字給他們，相必都會(huì)厭煩，從而導(dǎo)致一些邏輯上對(duì)不上或造成用戶體驗(yàn)方面的其它漏洞，下面給大家看一下，交互設(shè)計(jì)師輸出的原型及交互說明吧！

流程設(shè)計(jì)

交互說明

小結(jié)

一個(gè)完整的需求從接收到輸出就完成了，在這里，任何一個(gè)需求（不管大小），都需要通過精密的分析及推導(dǎo)而來，切不可直接拿到需求就出原型，我們的文檔不僅要滿足用戶需求，滿足用戶體驗(yàn)，還要能夠有理有據(jù)的說服專業(yè)人士，說服需求的提出者。

本文由 @虞小姐?原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。