在實(shí)際工作中，由于前后端由不同的產(chǎn)品同事負(fù)責(zé)，在設(shè)計(jì)方案時(shí)如果對(duì)前后臺(tái)都有了解，能減少雙方的溝通障礙、提升需求方案設(shè)計(jì)的效率。

01 看前臺(tái)

查看前臺(tái)顯示效果，要多看幾個(gè)，盡量把場(chǎng)景覆蓋全（比如經(jīng)停和中轉(zhuǎn)）

02 理字段

我們把字段理一理，理字段是為了確定方案里會(huì)涉及到哪些內(nèi)容，如圖：

03 推方案

根據(jù)前臺(tái)效果，確定后臺(tái)的呈現(xiàn)方式；看機(jī)票的呈現(xiàn)樣式，后臺(tái)可以采用平鋪?lái)?yè)面填寫(xiě)字段的方案；

【前后臺(tái)本身就是一體，當(dāng)然也可以根據(jù)后臺(tái)反推前臺(tái)，角度不同而已】

理完字段和后臺(tái)方案確定之后，最笨拙的辦法就出現(xiàn)了：

針對(duì)我們整理的字段，前臺(tái)每一個(gè)字段都對(duì)應(yīng)后臺(tái)的一個(gè)輸入框，在后臺(tái)填寫(xiě)每一個(gè)字段的值。

04 再優(yōu)化

業(yè)務(wù)同事每天都要上線(xiàn)多條資源，人工手動(dòng)錄入既不方便又容易出錯(cuò)；

如果每一個(gè)字段都需要業(yè)務(wù)同事手動(dòng)填寫(xiě)，那上線(xiàn)一個(gè)機(jī)票資源是多么麻煩的事；

此時(shí)，可以往【是否可以通過(guò)系統(tǒng)簡(jiǎn)化操作】的方向進(jìn)行嘗試。

實(shí)際情況是可以通過(guò)輸入航班號(hào)自動(dòng)帶入信息；

于是，方案就優(yōu)化成了：

1. 先錄入航班信息

2. 通過(guò)選擇的航班號(hào)自動(dòng)帶入航班信息，其他信息再由業(yè)務(wù)手動(dòng)輸入

05 處理業(yè)務(wù)邏輯

方案并沒(méi)有結(jié)束，我們目前只是處理了可見(jiàn)層面的字段，還有一些隱藏的邏輯；

問(wèn)：在前臺(tái)點(diǎn)擊26日這個(gè)機(jī)票資源能出現(xiàn)，點(diǎn)擊27日又不出現(xiàn) ——> 背后的原因是什么？

答：通過(guò)資源的團(tuán)期庫(kù)存判斷，看團(tuán)期是否存在，剩余庫(kù)存是否為0。

問(wèn)：返程日期怎么確定？

答：往返機(jī)票資源在基礎(chǔ)信息模塊中新增“往返天數(shù)”字段，基于出發(fā)日期計(jì)算返程日期。

【往返機(jī)票也有可能由2個(gè)單程機(jī)票進(jìn)行組合而成，此處以真實(shí)的往返機(jī)票為例】

問(wèn)：這個(gè)資源是哪個(gè)供應(yīng)商的，聯(lián)系方式是什么？

答：資源的基礎(chǔ)信息模塊新增供應(yīng)商信息

問(wèn)：每個(gè)資源我們都知道有價(jià)格，而價(jià)格關(guān)聯(lián)庫(kù)存，這個(gè)資源的團(tuán)期/價(jià)格/庫(kù)存怎么設(shè)置？

答：通過(guò)資源的團(tuán)期報(bào)價(jià)模塊“新增/修改團(tuán)期報(bào)價(jià)”功能實(shí)現(xiàn)

機(jī)票資源的系統(tǒng)方案設(shè)計(jì)到此結(jié)束。

在第3點(diǎn)“推方案”上再插入一個(gè)酒店資源的方案：

1. 看前臺(tái)

2. 理字段

略

3. 推方案

基礎(chǔ)知識(shí)：酒店的三層結(jié)構(gòu)

酒店 —> 房型 —> 政策

酒店：酒店名稱(chēng)

房型：同一酒店下有多個(gè)房型

政策：同一房型下會(huì)有供應(yīng)商提供的不同政策

基于酒店資源的這種情況，有2種方案可以參考：

方案A：以頁(yè)面為載體，每一個(gè)層級(jí)對(duì)應(yīng)一個(gè)頁(yè)面

1）酒店列表頁(yè)

2）點(diǎn)擊“房型列表”，查看房型列表

3）點(diǎn)擊“政策”，查看政策列表

總結(jié)：每一個(gè)層級(jí)對(duì)應(yīng)一個(gè)頁(yè)面，進(jìn)入到政策列表頁(yè)就需要3個(gè)頁(yè)面，再加上去維護(hù)政策的基礎(chǔ)信息和團(tuán)期報(bào)價(jià)，總共要進(jìn)入4個(gè)頁(yè)面

方案B：通過(guò)折疊的形式減少頁(yè)面

1）酒店列表頁(yè)

2）點(diǎn)擊“查看政策”按鈕，進(jìn)入到政策列表頁(yè)

總結(jié)：

通過(guò)在酒店列表頁(yè)展開(kāi)酒店可以查看到該酒店下的房型信息，這樣就把房型列表頁(yè)合并到了酒店列表頁(yè)中；

減少了一個(gè)頁(yè)面（減少頁(yè)面同時(shí)減少了層級(jí)，使得酒店結(jié)構(gòu)更清晰，業(yè)務(wù)同事更容易理解）

方案A和方案B都可以使用，我更推薦方案B。

實(shí)際場(chǎng)景下：

如果你是C端產(chǎn)品，你想做中轉(zhuǎn)機(jī)票的前臺(tái)呈現(xiàn)，你該知道所謂的中轉(zhuǎn)機(jī)票也是在后臺(tái)方案的基礎(chǔ)上加一個(gè)中轉(zhuǎn)標(biāo)記而已。

如果你是B端產(chǎn)品，你想推進(jìn)中轉(zhuǎn)機(jī)票的接入，你該知道要在后臺(tái)通過(guò)什么方式給到前臺(tái)做區(qū)分，也能大致判斷出前臺(tái)中轉(zhuǎn)機(jī)票的顯示樣式。

前后臺(tái)都了解，才能更高效率地完成需求方案的設(shè)計(jì)。

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

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