如何設(shè)計(jì)出優(yōu)秀的網(wǎng)站后臺(tái)原型？

時(shí)間：2023-07-24 21:48:01 | 來源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-07-24 21:48:01 來源：網(wǎng)站運(yùn)營(yíng)

如何設(shè)計(jì)出優(yōu)秀的網(wǎng)站后臺(tái)原型？：

本文首發(fā)「卡拉云產(chǎn)品技術(shù)博客」：《如何設(shè)計(jì)出色的網(wǎng)站后臺(tái)原型？》

如何設(shè)計(jì)出優(yōu)秀的產(chǎn)品后臺(tái)與設(shè)計(jì)者的水平和對(duì)產(chǎn)品后臺(tái)的本質(zhì)理解，緊密相關(guān)。

接下來，我想從不同水平的產(chǎn)品經(jīng)理對(duì)同一原型的思考過程，和產(chǎn)品后臺(tái)的本質(zhì)到底是什么，這兩個(gè)點(diǎn)來具體聊聊，如何才能設(shè)計(jì)出優(yōu)秀的產(chǎn)品后臺(tái)原型。

一. 產(chǎn)品經(jīng)理的水平

不同級(jí)別的產(chǎn)品經(jīng)理對(duì)設(shè)計(jì)后臺(tái)原型的思路和執(zhí)行有著很大的差別。

初級(jí)產(chǎn)品一般會(huì)去和后臺(tái)使用者聊聊需求，用 Axure 畫個(gè)漂亮的原型圖，寫個(gè)邏輯清晰、格式漂亮的文檔。

中級(jí)產(chǎn)品開始對(duì)業(yè)務(wù)線有深入理解，站在成為使用者的角度來思考產(chǎn)品后臺(tái)設(shè)計(jì)，并能根據(jù)自己公司業(yè)務(wù)線的獨(dú)特性，有針對(duì)的設(shè)計(jì)后臺(tái)。極大提高使用者的工作效率，降低使用成本。

高級(jí)產(chǎn)品能從更宏觀的角度融會(huì)貫通業(yè)務(wù)線，甚至比業(yè)務(wù)部門的多數(shù)人對(duì)業(yè)務(wù)有更深刻的理解，設(shè)計(jì)出在未來需求變動(dòng)、突發(fā)情況、業(yè)務(wù)升級(jí)時(shí)，也不需要太多改動(dòng)的產(chǎn)品后臺(tái)。

舉個(gè)例子：如何設(shè)計(jì)財(cái)務(wù)對(duì)賬系統(tǒng)

接下來，我用財(cái)務(wù)支付系統(tǒng)中的對(duì)賬后臺(tái)來舉個(gè)例子。面對(duì)如何設(shè)計(jì)一套「對(duì)賬后臺(tái)」的產(chǎn)品需求，不同級(jí)別的產(chǎn)品會(huì)怎么做呢？（我之前寫過一篇「如何設(shè)計(jì)財(cái)務(wù)對(duì)賬系統(tǒng) —— 從0到1搭建對(duì)賬系統(tǒng)實(shí)戰(zhàn)」只能算是入門水平，大家可以參考一下）

入門級(jí)產(chǎn)品經(jīng)理 - 解決表面問題

1.首先百度一下，看看現(xiàn)成的對(duì)賬后臺(tái)有哪些功能，理解什么是對(duì)賬系統(tǒng)。

2.調(diào)研用戶使用流程，去財(cái)務(wù)部，找會(huì)計(jì)姐姐一對(duì)一面訪，問問他們需要些啥功能。

3.將搜到的例子與調(diào)研的信息匯總一下，打開 Word 文檔，用自己的話講一遍，格式一定要漂亮，圖文并茂。然后用 Axure ，把剛剛寫好的文檔轉(zhuǎn)化成原型圖畫出來。

入門級(jí)產(chǎn)品設(shè)計(jì)原型只解決了表面問題，搭建了基本工作流。但并不理解業(yè)務(wù)更深層的問題，這會(huì)導(dǎo)致系統(tǒng)上線后，在使用者使用的過程中，發(fā)現(xiàn)無限多沒有思考到的問題，導(dǎo)致最后后臺(tái)重構(gòu)，浪費(fèi)大量人力物力。

中級(jí)產(chǎn)品經(jīng)理 - 深入理解，解決深層問題

1.收集對(duì)賬后臺(tái)基本資料，充分理解對(duì)賬后臺(tái)在整個(gè)財(cái)務(wù)系統(tǒng)中的意義和位置。

2.和財(cái)務(wù)部的會(huì)計(jì)姐姐一起整理對(duì)賬需求，理解每一個(gè)步驟背后的意義，理解對(duì)賬是整個(gè)支付系統(tǒng)最后一道防線，內(nèi)部訂單與外部支付渠道對(duì)賬的意義和可能出現(xiàn)的問題及所有問題的解法。理清楚真實(shí)的需求后，再根據(jù)產(chǎn)品邏輯和自己公司在這個(gè)業(yè)務(wù)上的獨(dú)特性來設(shè)計(jì)整個(gè)對(duì)賬后臺(tái)。

3.最后，在設(shè)計(jì)原型時(shí)，根據(jù)調(diào)研需求，保證后臺(tái)的功能結(jié)構(gòu)和業(yè)務(wù)邏輯簡(jiǎn)單清晰，模塊化，框架化。在面對(duì)未來突如其來的新功能時(shí)（一定會(huì)加功能），更夠更從容。

中級(jí)產(chǎn)品經(jīng)理已經(jīng)能比較深入的理解業(yè)務(wù)邏輯，并有一定的抽象能力，將業(yè)務(wù)抽象成模塊，形成結(jié)構(gòu)清晰，業(yè)務(wù)邏輯流暢的后臺(tái)框架。搭建的后臺(tái)原型已經(jīng)能夠面對(duì)未來業(yè)務(wù)需求多變的情況，但還沒有融會(huì)貫通。

高級(jí)產(chǎn)品經(jīng)理 - 融會(huì)貫通，提前預(yù)判可能發(fā)生的問題

1.拿到對(duì)賬后臺(tái)的需求后，先研究財(cái)務(wù)系統(tǒng)的支付環(huán)節(jié)，支付與對(duì)賬有怎樣的關(guān)聯(lián)性，從更宏觀的角度理解什么是對(duì)賬。對(duì)賬與財(cái)務(wù)的關(guān)系、支付的關(guān)系，對(duì)賬對(duì)于公司的意義，對(duì)于前端用戶的意義。對(duì)賬后臺(tái)在全局中與其他系統(tǒng)的關(guān)聯(lián)，信息在對(duì)賬后臺(tái)如何流入，又如何流出。

2.和財(cái)務(wù)部的會(huì)計(jì)小姐姐一起，從財(cái)務(wù)角度觀察會(huì)計(jì)在對(duì)賬時(shí)，上下游信息如何獲取和流動(dòng)。

3.是否可以更自動(dòng)化：觀察整個(gè)對(duì)賬流出，能否把人工判斷的部分抽象出來讓系統(tǒng)自動(dòng)判斷。舉個(gè)比較淺層好理解的例子，「跨日交易」用戶在當(dāng)天23:59在我方系統(tǒng)中下單，2分鐘后，即次日00:01在支付渠道支付。那么對(duì)當(dāng)天賬時(shí)，會(huì)有一筆支付渠道沒有的已支付訂單，這筆交易應(yīng)該自動(dòng)掛起，次日再自動(dòng)核對(duì)，在當(dāng)日沒有必要顯示出來用人工處理。

4.抽象的通用方案：比如公司目前只接了微信和支付寶，未來如果需要接網(wǎng)銀（傳統(tǒng)銀行）、paypal（國(guó)際支付渠道），又會(huì)有什么不同，是否可以做成通用接口，未來新增這些功能時(shí)，后臺(tái)是否可以不需要有太多變動(dòng)。

高級(jí)產(chǎn)品經(jīng)理對(duì)業(yè)務(wù)的知識(shí)儲(chǔ)備非常全面，全局觀和抽象能力極強(qiáng)，能夠先一步想到產(chǎn)品后臺(tái)的未來形態(tài)，預(yù)判未來可能發(fā)生的問題，并已經(jīng)將這些線索埋在產(chǎn)品原型中。

二. 后臺(tái)的本質(zhì)是什么？

接著我想從另一個(gè)緯度來談?wù)勅绾卧O(shè)計(jì)出優(yōu)秀的產(chǎn)品后臺(tái)。

1.后臺(tái)本質(zhì)是一張大白紙（信息承載） + 一支筆（信息增刪改查）

大白紙：我們可以用一張大白紙手寫用戶信息（用戶管理系統(tǒng)），記銷售情況（銷售系統(tǒng)）、用戶問題（工單系統(tǒng)），核對(duì)賬本（支付對(duì)賬系統(tǒng)）但每一個(gè)變動(dòng)，修改，查找都非常麻煩，紙質(zhì)記錄很容易到達(dá)數(shù)據(jù)上線，比如管理3萬名用戶的用戶信息，純紙質(zhì)記錄的劣勢(shì)就顯現(xiàn)出來了。

Excel（純數(shù)據(jù)庫類）：大白紙的升級(jí)版是 Excel。有了 Excel 后，極大的提高了信息記錄和信息流動(dòng)的效率，我們可以很方便的以表單形式記錄信息。使用用戶 ID 為 key 來做關(guān)聯(lián)的錨點(diǎn)，擴(kuò)展出無限多的信息記錄，他可以是銷售記錄，也可以是工單記錄。但問題又來了，就算 Excel 再簡(jiǎn)單，一但開始構(gòu)建稍微復(fù)雜的信息系統(tǒng)，情況就不一樣了。上手學(xué)習(xí)成本，記錄數(shù)據(jù)多樣性（對(duì)長(zhǎng)文本和富媒體不友好），多員工協(xié)同，都是 Excel 的劣勢(shì)。

可視化UI+數(shù)據(jù)庫（后臺(tái)+數(shù)據(jù)庫）：Excel 的升級(jí)版是「可視化UI+數(shù)據(jù)庫」，它可以是 ERP 、 CRM、OA、CMS、HRM、財(cái)務(wù)或是進(jìn)銷存。不論他叫什么，底層都是由「可視化UI+數(shù)據(jù)庫」構(gòu)成。它們區(qū)別在于對(duì)流入系統(tǒng)的數(shù)據(jù)，做了對(duì)應(yīng)的產(chǎn)品邏輯優(yōu)化，讓操作系統(tǒng)的人，能夠最高效便捷的使用這些數(shù)據(jù)。

2.在從大白紙到數(shù)據(jù)后臺(tái)的升級(jí)過程中，使用者獲得了什么？

（1）根據(jù)工作流優(yōu)化的操作界面 —— 人工操作部分

同一組數(shù)據(jù)，在不同的后臺(tái)，有著不同的處理方式。

姓名：卡拉；年齡：21；學(xué)歷：本科 ；

這組數(shù)據(jù)既可以是銷售后臺(tái)的數(shù)據(jù)，又可以學(xué)生管理后臺(tái)的數(shù)據(jù)，還可以是人力資源后臺(tái)的數(shù)據(jù)、風(fēng)控后臺(tái)的數(shù)據(jù)。

數(shù)據(jù)相同，處理方式不同，形成了不同的業(yè)務(wù)后臺(tái)，所以對(duì)數(shù)據(jù)處理的關(guān)鍵在于后臺(tái)產(chǎn)品設(shè)計(jì)中對(duì)業(yè)務(wù)邏輯的深入理解，理解的越透徹，后臺(tái)設(shè)計(jì)的越簡(jiǎn)明流暢。

（2）自動(dòng)化一切 —— 機(jī)器操作部分

從大白紙到數(shù)據(jù)后臺(tái)，能有這樣巨大的變革，是因?yàn)橛辛擞?jì)算機(jī)（硬件）和程序（軟件）。計(jì)算機(jī)和軟件的優(yōu)勢(shì)是自動(dòng)化批量處理。

所以后臺(tái)原型的設(shè)計(jì)除了人工操作的部分，還有另一個(gè)重要的部分，自動(dòng)化。我們?nèi)绾螌I(yè)務(wù)中的數(shù)據(jù)，抽象成系統(tǒng)能處理的數(shù)據(jù)呢？我們來看一個(gè)美團(tuán)的案例

美團(tuán)在初期還是個(gè)團(tuán)購網(wǎng)站時(shí)，每一單上單，都需要人工手動(dòng)來填寫一系列內(nèi)容，從標(biāo)題到文案。公司有一只編輯團(tuán)隊(duì)專門做這件事。隨著上單量井噴式爆發(fā)，這種純手工編輯的方式，顯然非常低效和不可規(guī)?；?br>
那么我們是否能將編寫文案的人工部分抽象出來，自動(dòng)化起來呢？我們拿最需要抓眼球的標(biāo)題來舉例。標(biāo)題中包含的信息，其實(shí)已經(jīng)在上單時(shí)，由銷售和店家填寫好了。我們可以把這些字段，稍加組合形成標(biāo)題。

上單活動(dòng)填寫表單

• 代金券面值：30
• 團(tuán)購價(jià)：1
• 參與活動(dòng)：超級(jí)星期二
• 使用時(shí)間：周二
• 使用范圍：全場(chǎng)通用
• 使用次數(shù)限制：1
• 庫存：500
• 是否為連鎖品牌：是
• 是否有wifi：有
• 產(chǎn)品描述（限35字）：杭州售價(jià)著陸璀璨群星城，最接地氣的民間烤魚和香鍋，很辣，很上癮！

以上這些信息，線下BD在和店家對(duì)活動(dòng)內(nèi)容時(shí)，已經(jīng)填寫好。我們直接使用活動(dòng)信息生成標(biāo)題即可完成全自動(dòng)化上單。

是不是眼前一亮？ 這一自動(dòng)化策略實(shí)現(xiàn)后，解散了一只近百人的編輯審核團(tuán)隊(duì)，幫助美團(tuán)上單成本降低90%，效率提升8倍。因此美團(tuán)內(nèi)部稱這個(gè)項(xiàng)目為908，后續(xù)這個(gè)思路延展成自動(dòng)化一切。 （這里只簡(jiǎn)單講了一點(diǎn)點(diǎn)，推薦大家直接看原文）

優(yōu)秀的產(chǎn)品原型應(yīng)該首先抽象業(yè)務(wù)邏輯，將能夠自動(dòng)化的部分交給機(jī)器去做。必須手動(dòng)的部分，設(shè)計(jì)好工作流，讓使用者在順暢的工作流中完成對(duì)信息進(jìn)行的加工處理。

能夠處理好以上兩點(diǎn)，可以說是做出了一套不錯(cuò)的產(chǎn)品原型。

三. 擴(kuò)展閱讀

• 用戶管理系統(tǒng) - 用戶權(quán)限設(shè)計(jì)從入門到精通

本文作者

蔣川，卡拉云聯(lián)合創(chuàng)始人，B 端產(chǎn)品經(jīng)理，專注研究企業(yè)內(nèi)部生產(chǎn)力工具實(shí)施搭建。

卡拉云：快速搭建企業(yè)內(nèi)部工具的低代碼開發(fā)平臺(tái)，只要會(huì)寫SQL，即可快速上手。

如果本文對(duì)你有幫助，想了解更多，歡迎訪問我們的網(wǎng)站「卡拉云」