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

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

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

套路一：默認(rèn)頁面一般為統(tǒng)計(jì)頁面

　　1、為什么要設(shè)計(jì)默認(rèn)頁面

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

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

　2、默認(rèn)頁面的設(shè)計(jì)分析

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

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

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

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

　　3、如何設(shè)計(jì)默認(rèn)頁面

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

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

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

通知類內(nèi)容。

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

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

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

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

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

當(dāng)前時(shí)間截止點(diǎn)的警告：例如，租戶，停車位，合同等即將到期。

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

　　1、標(biāo)簽切換方式的背景

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

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

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

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

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

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

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

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

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

　1、篩選部分要仔細(xì)甄別篩選字段

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

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

同時(shí)，當(dāng)選擇填充部分的區(qū)域作為篩選條件時(shí)，最好不要超過兩個(gè)，因?yàn)樘畛洳糠值暮Y選通常更準(zhǔn)確，并且太多沒有意義。因此，在使用哪個(gè)區(qū)域進(jìn)行填充部分的篩選時(shí)，應(yīng)該仔細(xì)考慮。

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

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

　3、重中之重的列表部分設(shè)計(jì)法則

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

ID：通常添加每個(gè)數(shù)據(jù)的唯一標(biāo)識(shí)符。

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

標(biāo)識(shí)名稱：確定記錄的標(biāo)識(shí)名稱字段，以便在其他部分使用時(shí)進(jìn)行識(shí)別。

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

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

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

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

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

　　套路四：復(fù)雜難搞的工作流也有套路

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

　1、標(biāo)準(zhǔn)工作流和非標(biāo)準(zhǔn)工作流

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

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

　2、如何設(shè)計(jì)工作流

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

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

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

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

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

　2、如何設(shè)計(jì)權(quán)限配置

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

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

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