這裡是IT修真院產品分享課，今天要分享的是

【聊聊後臺5種常見的幾種佈局】

一、默認頁面設為統計

調研的幾個平臺首頁默認顯示的都是welcome，估計大多數後臺都沒考慮到首頁放什麼，也不知道放什麼（就跟砸門小分隊不知道中午吃什麼一樣）。在設計中如果沒有使用者有需求度高的頁面時，這時候放統計頁面絕對是個good idea（前提是有的話，連統計都沒有的後臺是有多簡陋），不然浪費瞭這麼好的資源。

統計頁面要統計什麼數據呢？我認為從三個方面考慮比較得當：

1.當前角色可以看到的系統級別的數據。（考慮到不同用戶的身份和訪問數據權限不同）

2.用戶自身要進行操作的數據。

3.通知類內容。

第一個方面我們在設計系統的時候，要考慮到哪些數據是需要統計的，比如電商系統中的下單率，客單價，訂單總數，訂單總金額、單品銷售排行榜等，再比如金信金融的銷售統計（金融產品的購買次數和銷售總額），然後再將這些統計數據通過權限的劃分分配給不同的角色。

第二個方面是用戶自身的數據，主要有工作流的狀態即當前用戶的工作流中已經流轉到該用戶的一些操作，諸如合同審批，發貨審批等等一系列的流程。

第三個方面通知類的內容主要有以下幾類：

某些關聯的工作到一段時間內有瞭新的狀態需要提醒：比如物流發貨，或者財務審核通過；資格審核的提醒。

系統內部的一些警醒：比如倉庫容量已到臨界值，用戶賬戶狀態的異常。

當前時間截點的警示：比如租戶、車位、合同等等即將到期。

二、不同功能之間多用標簽切換，慎用跳轉和新增頁面。

標簽切換可以完成頁面之間的快速切換操作已深入人心，還兼備著隨便切換查看之前的數據做對比分析以及多項工作需要對照同時來做的功能，這樣的操作可以快速的定位到當前的操作模塊，並且方便的切換。

三、記錄類列表的三大佈局模塊：篩選、列表和新增。

記錄類後臺產品的佈局一般都比較固定，學渣樂園、蘿卜多、第九肌肉和修真院後臺應該屬於此類范疇。記錄類佈局分為三大塊：篩選（或者叫搜索）部分。列表部分，和新增。如果有一些特殊的業務需要，會可能在這個上面新增一些其他的小的需求，但是大體上這樣的佈局就可以滿足一般的業務。

a.篩選的模式

一般來說，篩選部分主要是通過篩選時間或字段內容或其組合進行篩選。記錄的字段就包括這項業務的特有字段，比如用戶管理頁面有“手機號碼”“真實姓名”“用戶狀態”等。

在進行篩選部分的設計時，篩選的字段可以分為選擇部分和填寫部分。選擇部分指的是某些字段的值在填寫的時候就已經限定瞭，隻需要選擇點擊篩選即可。

b.新增部分要考慮交互方式

新增部分一般來說就是一個按鈕，點擊後有兩種方式可以進行記錄的新增：一是新頁面，二是彈窗形式。

如果說新頁面給人正式的印象像個紳士，彈窗則讓人感覺隨意像個唐突的陌生人。所以新頁面適合填寫字段較多及內容比較重要的時候使用。彈窗形式一般在字段較少，以及內容相對來說不需要十分慎重的填寫時使用

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

列表部分是最重要的部分，也是頁面的核心部分。頁面內容的增刪改查，以及核心工作都在這裡進行。當然，其列表中的每一條數據都是有一個個的字段值堆疊而成的，字段上大致我分為以下幾個部分：

ID：每一條數據所具備的唯一標識，一般都會加上。

時間：數據的產生時間，操作類型的業務字段一般會有，比如庫存管理，進貨單管理等。配置類的一般可以沒有，比如角色配置等。

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

狀態：增刪改查很重要的一個部分就是狀態的變更及查看。比如“缺貨中、貨源充足”“正常、已凍結”“上線、下線”等業務相關的內容。

其他重要的標識字段：即新增內容的時候填寫的字段需要考慮顯示在列表的。

其他字段：不是填寫的，但是也必須生成的，比如某個用戶填寫後生成記錄會有“填寫人”字段。

工作流：涉及到工作流時，工作流的狀態顯示。

操作：操作相當於整個頁面的核心內容和主要功能。一般有查看、修改、以及對應業務的操作內容。

四、非標準工作流的解決

工作流能簡單分成標準工作流和非標準工作流

標準工作流相對來說比較簡單，即某一項工作在進行的過程中，所有的流程都是規劃好的，角色的操作都是固定的。

非標準工作流則有些復雜，它會涉及到與或非這樣的邏輯判斷。要仔細、不要遺忘流程或者角色，考慮周全。

套路是先配置流程，再配置角色，配置流程的時候，如果操作者有一定的技術能力，可能讓其用SQL語句進行自定義配置，如果沒有的話可以用流程圖的形式表現出來再往裡面填加角色。如果要再小白一些，可以將每一個非標準化流程拆成一個個的標準化流程，單獨去配置，雖說麻煩一些，但是對於用戶來說，整體的操作邏輯則會簡單很多。

五、權利的遊戲

1、用戶角色配置和角色權限配置

權限配置一般分為兩個部分，用戶角色配置和角色權限配置。有些系統可能比較簡單，用戶身份不多，但是一旦用戶類型變多，處理起來就相當的麻煩。所以在一開始設計系統的時候，要將角色和權限分清楚。

我們可以根據部門把角色提前創建好，比如創建角色會員運營、產品經理、售前客服等，為這些角色提前分配好權限，那麼新開通的賬號隻需要與這些角色做關聯就可以關聯到對應的權限瞭。

這裡我們需要特別註意三個地方

第一個是權限怎麼分？

方案：權限可以分成三種（1）菜單權限（2）頁面權限（3）操作權限

第二個是，相同角色的人員，如果有個別權限不同，應該怎樣分配？

方案：賬號先選擇角色，然後針對賬號再選擇對應的特殊權限

第三個是，公司的一些敏感信息應該怎麼控制權限？

方案：把敏感字段當成一個權限來進行分配，對部分人隱藏該私密字段的內容

賬號開通流程

從流程上可以看出，我們需要先設置角色，然後給新賬號關聯對應的角色，如果賬號有特殊權限或者相關字段的權限，需要單獨設置特殊權限和相關字段，這是非常完備的權限設置流程

【這裡是技能樹·IT修真院：IT修真院官網，初學者轉行到互聯網的聚集地】