本文是針對作者作品的后端產(chǎn)品而設計的，干貨已滿。我希望設計之路能給你帶來一些啟示。

當我們做后端產(chǎn)品時，我們常常被復雜的業(yè)務邏輯所困惑，有時我們不知道如何設計它們。事實上，由于實際業(yè)務的變化，后端產(chǎn)品的需求通常差別很大，同時，由于操作設計過程繁瑣，很多時候他們覺得無法啟動。

但事實上，后端產(chǎn)品也有自己的慣例。這些例程使您可以更清晰地設計后端產(chǎn)品?？焖贅?gòu)建一些頁面的骨骼，您將無法開始設計。

套路一：默認頁面一般為統(tǒng)計頁面

　　1、為什么要設計默認頁面

有時當我們登錄某些后端產(chǎn)品時，如果沒有需求頁面具有特別高的權(quán)重，則默認頁面通常不知道要放什么。有些產(chǎn)品默認會放一些歡迎圖片，有些產(chǎn)品甚至是空白頁面，什么都沒有（我現(xiàn)在是公司的產(chǎn)品）。

實際情況是默認頁面絕對是系統(tǒng)中非常重要的頁面。用戶與系統(tǒng)的初始接觸是它，因此如果沒有配置它將是浪費的，并且用戶將感覺不到整個系統(tǒng)體驗。好。

　2、默認頁面的設計分析

作者認為默認頁面應顯示的內(nèi)容取決于兩個方面：

一項功能，不需要用戶操作，也沒有任何首頁顯示。

用戶打開系統(tǒng)時想要看到的內(nèi)容。

統(tǒng)計頁面恰好滿足這兩個方面。第一個統(tǒng)計數(shù)據(jù)是它不需要任何操作來觸發(fā)。這取決于您的整體業(yè)務和當前用戶的截止日期。其次，當用戶打開系統(tǒng)時，目的是完成工作任務——還有什么其他的工作沒有完成，還有什么工作要做。所以此時，數(shù)據(jù)的統(tǒng)計頁面非常合適。

　　3、如何設計默認頁面

那么統(tǒng)計頁面需要計算哪些數(shù)據(jù)？我認為以三種方式考慮它更合適：

當前角色可以看到的系統(tǒng)級數(shù)據(jù);

用戶想要操作的數(shù)據(jù)。

通知類內(nèi)容。

在第一個方面，在設計系統(tǒng)時，我們必須考慮需要計算哪些數(shù)據(jù)，例如電子商務系統(tǒng)中的訂單率，客戶的單價，訂單總數(shù)，訂單總量，單個產(chǎn)品的銷售清單等，然后通過劃分權(quán)限將這些統(tǒng)計信息分配給不同的角色。

第二方面是用戶自己的數(shù)據(jù)，主要是工作流的狀態(tài)，即已經(jīng)轉(zhuǎn)移給用戶的當前用戶工作流的流程，例如合同批準，交付批準等。

通知類的第三個方面有以下主要類別：

需要提醒一些相關工作在一段時間內(nèi)出現(xiàn)新狀態(tài)：例如，物流交付或財務審查。

系統(tǒng)內(nèi)部保持警惕：例如，倉庫容量已達到臨界值。

當前時間截止點的警告：例如，租戶，停車位，合同等即將到期。

　套路二：不同功能之間多用標簽切換，慎用跳轉(zhuǎn)和新增頁面。

　　1、標簽切換方式的背景

最初的大多數(shù)后端產(chǎn)品都是基于C/S架構(gòu)開發(fā)的產(chǎn)品。這些產(chǎn)品不僅安裝復雜，而且有些甚至需要配備數(shù)據(jù)庫。如果沒有專業(yè)人員進行這些操作，業(yè)務人員很難在開始時完成系統(tǒng)配置。因此，如果您最初從某個公司購買后端產(chǎn)品，那么它只是在產(chǎn)品的初始階段。該產(chǎn)品的提供商有一個在線專業(yè)客戶服務隨時跟進，并有專門的業(yè)務人員在家安裝和調(diào)試。

然而，隨著HTML5，Ajax和其他技術的誕生和不斷成熟，今天的大多數(shù)后端產(chǎn)品采用B/S架構(gòu)，并且體驗并不比以前的C/S體驗差。然而，由于之前的實踐已經(jīng)深深植根于人們的心中，那個時代的許多設計習慣都得到了保留，標簽轉(zhuǎn)換是那個時代的產(chǎn)物。

　　2、為什么不同功能之間要多用標簽切換，慎用跳轉(zhuǎn)和新增頁面

盡管大多數(shù)瀏覽器中內(nèi)置的標簽切換可以完成頁面之間的快速切換，但系統(tǒng)內(nèi)部的標簽切換仍然非常必要。首先，在如此大的區(qū)域操作中，具有大量字段的頁面在點擊之后，必須不能覆蓋數(shù)據(jù)以直接刷新頁面。同時，它還必須具有在查看之前隨意切換數(shù)據(jù)的功能，以便進行比較分析和同時進行比較的多個任務。這樣的操作可以快速定位當前操作模塊并便于切換。所以此時，頁面中的標簽切換非常重要。與瀏覽器選項卡切換相比，它具有以下優(yōu)點：

基于頁面操作，它更像是C/S時代的系統(tǒng)級操作，并且整體操作內(nèi)容更加規(guī)則。

不同瀏覽器之間可能存在差異，例如IE瀏覽器不會切換標簽但會彈出新頁面，這會帶來很多不便。

當系統(tǒng)非常復雜，操作繁瑣或打開頁面數(shù)量太多時，定位更容易，更方便。

　套路三：記錄類列表的三大布局模塊：篩選、列表和新增

之前已經(jīng)討論過“錄制后端產(chǎn)品”的一些功能。記錄類的后端產(chǎn)品的布局通常是固定的，并且分為三個主要塊：篩選（或搜索）部分。列表部分和新部分。如果有一些特殊的業(yè)務需求，可以為此添加一些其他小的需求，但一般來說這樣的布局可以滿足一般業(yè)務。

　1、篩選部分要仔細甄別篩選字段

一般來說，篩選部分主要是通過篩選時間段加上每個記錄的字段內(nèi)容。記錄的字段包括業(yè)務的獨特字段。例如，產(chǎn)品列表頁面具有“項目分類”，“產(chǎn)品屬性”等;客戶列表具有“客戶級別”和“客戶移動號碼”。

在設計篩選部分時，過濾的區(qū)域可以分為選擇部分和填充部分。選擇部分指的是某些字段的值在填寫時已經(jīng)定義的事實。只需選擇過濾即可。填充部分是一些非固定字段。

同時，當選擇填充部分的區(qū)域作為篩選條件時，最好不要超過兩個，因為填充部分的篩選通常更準確，并且太多沒有意義。因此，在使用哪個區(qū)域進行填充部分的篩選時，應該仔細考慮。

　2、新增部分要考慮交互方式

新部件通常是一個按鈕。點擊后有兩種方法可以添加記錄：一種是彈出一個新頁面，另一種是彈出一個窗口。當有更多字段和內(nèi)容很重要時，將使用創(chuàng)建新頁面的方法。彈出窗口通常在字段較少時使用，并且內(nèi)容不需要非常小心地填寫。

　3、重中之重的列表部分設計法則

列表部分是頁面中最重要的部分和核心部分。此處執(zhí)行頁面內(nèi)容的添加，刪除和更改以及核心工作。當然，列表中的每個數(shù)據(jù)都是一堆字段值。這些字段大致分為以下幾部分：

ID：通常添加每個數(shù)據(jù)的唯一標識符。

時間：數(shù)據(jù)生成時間，操作類型的業(yè)務類型一般是，如庫存管理，采購訂單管理等。配置類可能不可用，例如角色配置。

標識名稱：確定記錄的標識名稱字段，以便在其他部分使用時進行識別。

狀態(tài)：添加，刪除和更改中最重要的部分之一是狀態(tài)的更改和審核。例如，“缺貨，供應充足”“ “簽署，未簽署，簽署結(jié)束”，“入場門店，無門店”等與業(yè)務相關的內(nèi)容。

一系列的標識字段：添加內(nèi)容時填寫的字段需要考慮在列表中顯示。

其他字段：未填寫，但也必須生成。例如，如果用戶填寫并生成記錄，則會出現(xiàn)“填寫人員”字段。

工作流：工作流程顯示工作流程的狀態(tài)。

　操作：該操作相當于整個頁面的核心內(nèi)容和主要功能。通常，存在用于查看，修改和相應服務的操作。

　　套路四：復雜難搞的工作流也有套路

工作流可以說是大多數(shù)后端系統(tǒng)必須涉及的內(nèi)容。只要一個人不單獨完成某項工作，就不可避免地會涉及工作流程。但與此同時，工作流程也是系統(tǒng)的一個難點。無論是技術，業(yè)務還是邏輯，工作流程都可以描述為極其復雜，但在系統(tǒng)更多之后，它甚至會發(fā)現(xiàn)困難的工作流程。還有他們自己的慣例。

　1、標準工作流和非標準工作流

如果工作流在概念上是分開的，則工作流可分為標準工作流和非標準工作流。標準工作流程相對簡單，即在作業(yè)正在進行時，所有流程都已計劃好。某個角色和角色的操作是固定的。要完成此工作，您只需按步驟操作即可。

非標準工作流程有點復雜，它們涉及邏輯判斷，如NAND或NAND。我相信這樣的判斷對于產(chǎn)品經(jīng)理來說并不困難。例如，在執(zhí)行作業(yè)時，審核是一個過程。如果未通過審核，則是另一個過程。在某個步驟中，可以操作兩個角色，或者必須操作兩個角色以進行下一步驟。這樣的過程比標準工作流程更復雜，但必然會遇到一些復雜的業(yè)務。產(chǎn)品經(jīng)理認為問題不是很大。唯一要小心的是不要忘記過程或角色。有時它對某些工作來說是致命的。

　2、如何設計工作流

對于某些系統(tǒng)，許多權(quán)限是可自定義的，因此當然可以配置相應的工作流程。然后在配置中，每層的邏輯被認為是清楚的，不可避免地要考慮。我的例程一般先配置，然后配置角色，配置進程時，如果操作員具有一定的技術能力，可以允許使用SQL語句進行自定義配置，如果沒有，可以用流程圖的形式表示添加它的作用。如果您想要有點白色，可以將每個非標準化流程拆分為標準化流程，并單獨配置。雖然它更麻煩，但整體操作邏輯對于用戶來說要簡單得多。

　套路五：生殺大權(quán)——“權(quán)限配置”

權(quán)限配置對后端系統(tǒng)也非常重要?？梢哉f，權(quán)限配置等同于用戶殺死和殺死的能力，以及您可以做什么和不能做什么。因此，設計具有權(quán)限配置的模塊非常重要。

　1、用戶角色配置和角色權(quán)限配置

權(quán)限配置一般分為兩部分，用戶角色配置和角色權(quán)限配置。一些系統(tǒng)可能相對簡單，因此在設計時，用戶直接附加一些權(quán)限。一開始，它可能會感覺更方便，但一旦用戶獲得更多，處理起來將非常麻煩。因此，在開始設計系統(tǒng)時，區(qū)分角色和用戶非常重要。

　2、如何設計權(quán)限配置

配置權(quán)限時，您應該配置角色的權(quán)限，并為角色分配權(quán)限，例如“購買者”&“圖書館管理”等。此外，該功能的某些權(quán)限可能無法在語言中清晰表達，然后您可以添加鏈接，單擊以清楚地看到此功能的作用。如果您更嚴格，可以編寫資源的路徑以確保其唯一性。配置用戶角色時，用戶可以分配多個角色。單獨配置它更合理。

這些是我總結(jié)的一些例程。后端產(chǎn)品可以說是深刻而深刻的，每個系統(tǒng)確實存在不同的差異。但是我們必須以不同的方式尋求相同的東西，找出它們中的慣例，并且總是改變它們。

« 人人網(wǎng)首席執(zhí)行官姚仁：為用戶尋找真正的痛點，實現(xiàn)有價值的增長！ | 小魚的連接深度和融合塊鏈技術保證了互聯(lián)網(wǎng)的智慧和審判的效率和統(tǒng) »