最近準(zhǔn)備開始學(xué) B 端的零基礎(chǔ)學(xué)員表示，對(duì) B 端的產(chǎn)品、業(yè)務(wù)、設(shè)計(jì)毫無概念，每個(gè)方向找資料看似都能看懂，但沒辦法把它們串起來，缺乏整體的、全面的認(rèn)識(shí)。

所以我今天要用一個(gè)簡(jiǎn)單的案例，來深入淺出的介紹 B 端的業(yè)務(wù)-產(chǎn)品-設(shè)計(jì)鏈條，讓大家快速理解 B 端設(shè)計(jì)項(xiàng)目的全貌。

一、從渡輪預(yù)定，認(rèn)識(shí)業(yè)務(wù)概念

這次案例是一個(gè)我最近在預(yù)定的船票預(yù)定服務(wù)，由一家叫名門大洋的渡輪服務(wù)公司提供。下面是對(duì)它預(yù)定的簡(jiǎn)單介紹：

步驟1：打開官網(wǎng)，到 [船上生活] 模塊查看有哪些船（只有兩艘）和房型，以及船上有哪些服務(wù)設(shè)施等。

步驟2：進(jìn)入 [運(yùn)費(fèi)和費(fèi)用] 模塊，先看他們的預(yù)約規(guī)則，然后打開他們提供的 PDF 查看預(yù)定的日期和價(jià)格，來確定自己想要選的房間。這里房型價(jià)格和熱門時(shí)間有關(guān)，官方分了 A、B、C 三個(gè)價(jià)格檔來對(duì)應(yīng)熱門冷門時(shí)間。

步驟3：進(jìn)入 [預(yù)定] 模塊，填寫個(gè)人信息和想預(yù)約的房型，房型選擇有3個(gè)，如果前面的選擇滿房就向后遞補(bǔ)，填寫完成后，就可以點(diǎn)擊發(fā)送預(yù)定信息。

步驟4：隔日等待反饋郵件，到郵箱中查看。還能預(yù)定的話就會(huì)有一個(gè)鏈接，進(jìn)入鏈接中進(jìn)行支付。之后就可以獲得登船的憑證。

后續(xù)的細(xì)節(jié)就忽略，一個(gè)簡(jiǎn)單的買票環(huán)節(jié)，操作起來這么麻煩，是不是感覺非常陌生，這是因?yàn)閲?guó)外有很多服務(wù)的預(yù)定都需要到官網(wǎng)預(yù)定，和國(guó)內(nèi)出行完全依賴綜合旅游軟件如飛豬、攜程、去哪兒等不同。

而這個(gè)訂票的流程，到審核（人工的）回復(fù)的整個(gè)過程，就叫 —— 業(yè)務(wù)流程，是一個(gè)被設(shè)計(jì)好并標(biāo)準(zhǔn)化的商業(yè)實(shí)踐過程。

每家公司的經(jīng)營(yíng)都會(huì)包含大量的業(yè)務(wù)，房間預(yù)訂只是它的其中一個(gè)業(yè)務(wù)，還包括登船、房間清理、物資采購(gòu)等。而每個(gè)常規(guī)的業(yè)務(wù)的執(zhí)行如果全憑員工自己的想法、感覺，那么企業(yè)的運(yùn)轉(zhuǎn)一定會(huì)一團(tuán)亂麻。所以經(jīng)營(yíng)者就要針對(duì)這些常見的業(yè)務(wù)，設(shè)計(jì)出相應(yīng)的流程出來進(jìn)行標(biāo)準(zhǔn)化，讓員工和顧客遵循這套流程來完成商業(yè)活動(dòng)。

而業(yè)務(wù)只有流程框架還不夠，必須包含大量的細(xì)節(jié)，比如前面提到的不同定價(jià)時(shí)段，滿房的遞補(bǔ)，退票的方式等等，這些都是業(yè)務(wù)流程中的細(xì)節(jié)規(guī)則，我們可以統(tǒng)稱它們?yōu)?“業(yè)務(wù)邏輯”。

簡(jiǎn)單來說，企業(yè)經(jīng)營(yíng)要先確定業(yè)務(wù)，然后設(shè)計(jì)流程，再制定具體的業(yè)務(wù)邏輯，形成完整的商業(yè)閉環(huán)。但這和設(shè)計(jì)師有什么關(guān)系呢？

因?yàn)闃I(yè)務(wù)是產(chǎn)品的出發(fā)點(diǎn)，常規(guī)項(xiàng)目只有業(yè)務(wù)形式確定下來，才會(huì)進(jìn)入產(chǎn)品的設(shè)計(jì)階段，而不是先設(shè)計(jì)產(chǎn)品功能再讓業(yè)務(wù)去適配它的特性。而產(chǎn)品后續(xù)一系列的復(fù)雜、抽象、晦澀的決策也全都和業(yè)務(wù)有非常大的聯(lián)系。

如果設(shè)計(jì)師不先理解業(yè)務(wù)，就可能無法理解產(chǎn)品的需求和決策，導(dǎo)致最終的設(shè)計(jì)結(jié)果和目標(biāo)相去甚遠(yuǎn)。

二、從業(yè)務(wù)到需求的制定過程

這個(gè)預(yù)定過程對(duì)于熟悉國(guó)內(nèi)互聯(lián)網(wǎng)的我們來說肯定是太復(fù)雜了，用個(gè)線性流程表示的話，對(duì)比如下：

國(guó)內(nèi)軟件預(yù)定：打開軟件 - 搜索船票 - 選擇日期 - 選擇房型 - 完成支付

官方網(wǎng)站預(yù)定：搜索官網(wǎng) - 打開官網(wǎng) - 查看房型 - 查看價(jià)格 - 填寫信息 - 等待回復(fù) - 查看郵件 - 完成支付

從字面上感覺可能不明顯，但實(shí)際上操作時(shí)長(zhǎng)、點(diǎn)擊次數(shù)以及總消耗時(shí)間，它的做法遠(yuǎn)比國(guó)內(nèi)的服務(wù)慢，加上細(xì)節(jié)里有很多會(huì)延長(zhǎng)完成時(shí)間的邏輯，比如沒有想要的房型就要重新去選一遍，而這在國(guó)內(nèi)軟件里一開始就能知道直接規(guī)避掉。

這個(gè)業(yè)務(wù)過程非常的原始，后臺(tái)可能有一個(gè)簡(jiǎn)單的收件系統(tǒng)，由人工來逐一審核提交的郵件，創(chuàng)建訂單，然后再提交回復(fù)。

如果我們要提高這個(gè)業(yè)務(wù)的效率，就必須要改進(jìn)這套系統(tǒng)，將人工的機(jī)制進(jìn)行簡(jiǎn)化，即客戶可以直接在前端完成篩選、預(yù)定、支付的操作。相信大家都很熟悉這種操作過程，而這種改進(jìn)就叫 —— 企業(yè)數(shù)字化升級(jí)。就是本來使用人工或者很原始的方式執(zhí)行的業(yè)務(wù)流程，引入數(shù)字化的系統(tǒng)、產(chǎn)品，來提升它的運(yùn)行效率。

而產(chǎn)品經(jīng)理要在這個(gè)過程做業(yè)務(wù)的分析，具體分析什么呢，可以簡(jiǎn)單總結(jié)成：

1. 當(dāng)前的業(yè)務(wù)是什么樣的
2. 當(dāng)前業(yè)務(wù)存在的具體缺陷
3. 構(gòu)思產(chǎn)品的整體框架形態(tài)
4. 確定產(chǎn)品的具體功能需求

前兩點(diǎn)前面已經(jīng)解釋過了，當(dāng)前業(yè)務(wù)是存在缺陷的，而產(chǎn)品經(jīng)理必須先理解完業(yè)務(wù)和找出問題，才能進(jìn)行后續(xù)工作，而不是直接忽視背景打開 Axure 開始畫圖。

有了問題，下一步就是建立產(chǎn)品的框架，比如這個(gè)業(yè)務(wù)會(huì)涉及到多個(gè)端，產(chǎn)品就要先創(chuàng)建多個(gè)端的功能框架出來，包含的端可以簡(jiǎn)化成下面三個(gè)：

用戶端就是普通的網(wǎng)頁(yè)預(yù)定模式（這里不討論APP和小程序等），讓用戶直接選擇日期、船型、房型后支付獲取憑證，非常容易理解，不用多做介紹，我們重點(diǎn)放在管理端和后臺(tái)服務(wù)的解釋上。

TIPS：這里有個(gè)可以思考的小點(diǎn)，沒做用戶系統(tǒng)你們可以分析下為什么。

在管理端上，管理員已經(jīng)不需要手動(dòng)審核預(yù)約了，所以只需要對(duì)訂單和賬單（這是兩件事）有查看和管理的操作即可，來完成一些特殊業(yè)務(wù)事件的處理。

而在后臺(tái)服務(wù)上，就要確定有哪些數(shù)據(jù)信息，以及處理它們的方式。比如訂單的支付、退款，會(huì)涉及到非常復(fù)雜的后臺(tái)處理過程，包括不同支付方式接入、對(duì)不同貨幣的支持、資金的轉(zhuǎn)出等等。其它功能還包括房型數(shù)據(jù)更新、價(jià)格數(shù)據(jù)更新。這些都是用戶端和管理端無法直接看見，但又在真實(shí)運(yùn)行的功能。

根據(jù)上面對(duì)不同端的分析和構(gòu)想，就可以創(chuàng)建產(chǎn)品的 —— 功能架構(gòu)圖，比如下面這個(gè)極簡(jiǎn)的版本：

對(duì)于一個(gè)成熟的產(chǎn)品經(jīng)理來說，進(jìn)一步制定產(chǎn)品的需求肯定不是直接打開 Axure 畫原型，而是先圍繞業(yè)務(wù)的需求制定 ——  數(shù)據(jù)字段。

數(shù)據(jù)字段即前、后端服務(wù)中要存儲(chǔ)、計(jì)算、展示的具體對(duì)象。比如一個(gè)房間，前端頁(yè)面會(huì)展示房間名、價(jià)格、人數(shù)、面積、類型、評(píng)價(jià)等各種數(shù)據(jù)。但這些數(shù)據(jù)不是憑空出現(xiàn)的，而是要先計(jì)劃和開發(fā)才能實(shí)現(xiàn)的內(nèi)容，且不同字段背后可能還包含復(fù)雜的設(shè)置或計(jì)算規(guī)則。

所以產(chǎn)品要花很多時(shí)間分析應(yīng)該記錄哪些數(shù)據(jù)字段，這些數(shù)據(jù)怎么產(chǎn)生，背后有什么邏輯，在前端顯示的標(biāo)準(zhǔn)是什么。

用個(gè)更具體的案例來解釋，比如要?jiǎng)?chuàng)建房間價(jià)格這個(gè)字段，這個(gè)字段的值就具體價(jià)格值。但是房間的具體價(jià)格不是固定的，包含三個(gè)檔位，根據(jù)日期決定的檔位進(jìn)行靈活的變動(dòng)。所以要實(shí)現(xiàn)正確的價(jià)格顯示，光有一個(gè)房間價(jià)格字段是不夠的，我們需要建立更多字段來滿足它的使用，包含：

1. 房間基礎(chǔ)定價(jià)：房間的基底價(jià)格，用于做計(jì)算的基數(shù)
2. 房?jī)r(jià)當(dāng)前系數(shù)：根據(jù)忙時(shí)和閑時(shí)變更定價(jià)的系數(shù)，比如忙時(shí)是原來的1.5倍，閑時(shí)是原來的0.8倍
3. 房間當(dāng)前價(jià)格：根據(jù)定價(jià)基數(shù)x 系數(shù)得到的當(dāng)前價(jià)格，是前端展示和付款的具體金額

這是個(gè)非常簡(jiǎn)化的版本，除了使用基數(shù) x 系數(shù)的邏輯外，也可能直接給房間制定 A、B、C 三個(gè)價(jià)格的字段直接填價(jià)格不做系數(shù)計(jì)算。在真實(shí)項(xiàng)目中，該功能會(huì)創(chuàng)建得字段數(shù)遠(yuǎn)不止這些，產(chǎn)品還需要去明白數(shù)據(jù)的來源、計(jì)算邏輯、應(yīng)用規(guī)則。

對(duì)于成熟的項(xiàng)目來說，項(xiàng)目的數(shù)據(jù)字段就是業(yè)務(wù)需求的延展，是整個(gè)業(yè)務(wù)正常運(yùn)行的基石和原材料，產(chǎn)品制定的需求就包括它們的內(nèi)容和規(guī)則，再讓后端工程師去實(shí)現(xiàn)出來（而不是后端自己憑感覺想）。

有了上面這些準(zhǔn)備，那么產(chǎn)品應(yīng)該做成什么樣就清晰很多了。下一步，產(chǎn)品經(jīng)理就可以先用思維導(dǎo)圖去規(guī)劃管理端的頁(yè)面結(jié)構(gòu)與內(nèi)容，而這種思維導(dǎo)圖通常被稱為 —— 產(chǎn)品地圖。

規(guī)劃完產(chǎn)品地圖后，下一步才進(jìn)入正式的產(chǎn)品原型設(shè)計(jì)過程，將我們對(duì)產(chǎn)品應(yīng)該做成什么樣通過原型線框圖表現(xiàn)出來，只要能讓其他人理解我們的意圖即可。

當(dāng)然只看圖是不夠的，很多細(xì)節(jié)的決策和邏輯就需要添加文字的說明，這種結(jié)合原型+文字的需求就交 PRD 需求文檔。它的作用是讓設(shè)計(jì)師、程序員、測(cè)試工程師可以看懂并把它們做出來的 “施工方案”。

而作為 B 端 UI 設(shè)計(jì)師就要在了解業(yè)務(wù)和獲得這些需求后，才能明白我們后面應(yīng)該完成哪些工作，輸出什么樣的界面內(nèi)容。

結(jié)尾

下一篇，我們就會(huì)接著需求輸出后，設(shè)計(jì)師如何完成工作來開展，講解 B 端設(shè)計(jì)師具體工作和設(shè)計(jì)的相關(guān)流程。如果有疑問或想知道的要點(diǎn)也可以再評(píng)論區(qū)中發(fā)出來，我會(huì)盡量在后續(xù)更新。

作者：酸梅干超人