編輯導(dǎo)語(yǔ)：如今，很多企業(yè)在B端設(shè)計(jì)中投入較多，B端的產(chǎn)品以及需求在近幾年也變大；對(duì)于B端產(chǎn)品的設(shè)計(jì)，更注重功能以及用戶的使用感，所以在設(shè)計(jì)方面也會(huì)更注重功能的設(shè)計(jì)；本文作者對(duì)B端產(chǎn)品的“增刪改查顯算傳”七類功能展開了梳理分析，我們一起來(lái)看一下。

“Work for something because it is good, not just because it stands a chance to succeed.”

——Václav Havel, Former President of the Czech Republic

B端產(chǎn)品設(shè)計(jì)面向的用戶群主要是企業(yè)用戶，在設(shè)計(jì)過(guò)程中，要從“服務(wù)、邏輯、安全、業(yè)務(wù)”四個(gè)方面考慮，常見 的功能我們通常概括為常說(shuō)的七字箴言“增、刪、改、查、顯、算、傳”通過(guò)分析七類功能，實(shí)現(xiàn)業(yè)務(wù)邏輯的更加嚴(yán)謹(jǐn)，練好基本功，也避免因?yàn)镻RD或者原型標(biāo)注的不清楚增加溝通成本。

一、增：創(chuàng)建、新增、導(dǎo)入、添加

1. 輸入方式

在做“增加”功能時(shí)，首先考慮數(shù)據(jù)的輸入方式，通過(guò)輸入設(shè)備輸入、表單導(dǎo)入亦或是通過(guò)其他業(yè)務(wù)同步，在很多會(huì)員管理功能中，會(huì)員的信息是可以通過(guò)規(guī)定格式表單導(dǎo)入批量添加的，其他業(yè)務(wù)同步這種情況最常見的就是我們?cè)谙到y(tǒng)中添加管理員時(shí)，我們可以直接在已有的用戶列表中選擇用戶添加為管理員，自動(dòng)生成管理員賬號(hào)；

2. 權(quán)限

權(quán)限可以從兩個(gè)方面考慮：

1. 誰(shuí)可以增加，誰(shuí)不可以增加；
2. 什么時(shí)候可以增加，什么時(shí)候不可以增加。

權(quán)限的問題同樣適用于下下面的其他六類業(yè)務(wù)

比如釘釘?shù)膶徟强梢栽O(shè)置哪類員工可以發(fā)起審批的，而在企業(yè)審批過(guò)程中，審批內(nèi)容是不能新增的。

3. 明確輸入字段類型

新增的內(nèi)容由不同類型的字段組合而成，要對(duì)每個(gè)字段具體的類型給出明確的定義，雖然常用的字段開發(fā)人員可以自主的去設(shè)計(jì)，但是為了避免不必要的溝通，還是要盡可能的描述清楚，這關(guān)系到數(shù)據(jù)庫(kù)字段存取的設(shè)計(jì)、后臺(tái)邏輯的編寫以及前端頁(yè)面的數(shù)據(jù)輸入方式以及展示形式。

常用的表字段：

• 文本（中文文本、英文文本等，可統(tǒng)一定義為字符串）
• 數(shù)字（整數(shù)、小數(shù)、正負(fù)數(shù)、阿拉伯?dāng)?shù)字、中文數(shù)字、羅馬數(shù)字等）
• 時(shí)間、日期（yyyy-MM、yyyy-MM-DD、yyyy-MM-DD hh:mm:ss、hh:mm:ss、hh:00等）
• 字典表（一般用于定義業(yè)務(wù)狀態(tài)，如結(jié)算狀態(tài)字典可定義“待結(jié)算”、“已結(jié)算”）

表字段信息說(shuō)明：

• 字段必填、非必填；強(qiáng)業(yè)務(wù)關(guān)聯(lián)的數(shù)據(jù)或者其他必要信息設(shè)為必填字段；
• 字段唯一性；唯一的字段組合設(shè)置為表結(jié)構(gòu)的主鍵；
• 字段長(zhǎng)度；表字段長(zhǎng)度的限制，主要是為了合理分配客戶端的內(nèi)存資源；
• 字段的默認(rèn)值；對(duì)于固定確認(rèn)的數(shù)據(jù)，可設(shè)置默認(rèn)值，減少操作員的數(shù)據(jù)錄入工作量；
• 字段校驗(yàn)；例如手機(jī)號(hào)、身份證號(hào)碼、銀行卡格式標(biāo)注校驗(yàn)，可根據(jù)業(yè)務(wù)情況說(shuō)明校驗(yàn)規(guī)則；
• 選項(xiàng)型，說(shuō)明單選、多選；
• 專有名詞解釋說(shuō)明，業(yè)務(wù)場(chǎng)景描述，協(xié)助開發(fā)人員理解文檔。

4. 準(zhǔn)確使用信息輸入方式

不同的字段需要使用不同的輸入方式，通常字典值使用下拉或模糊搜索、時(shí)間使用選擇器、數(shù)字使用步進(jìn)器以及手動(dòng)填寫需要的文本框，運(yùn)用正確的輸入方式確保因?yàn)閿?shù)據(jù)格式問題導(dǎo)致的bug

5. 合理的限制媒體文件

合理的限制媒體文件的格式以及大小，考慮到媒體文件的上傳、加載速度，兼容問題，需要對(duì)媒體文件的大小、格式進(jìn)行限制說(shuō)明。

目前的視頻與圖片音頻格式的兼容性已經(jīng)越來(lái)越強(qiáng)，規(guī)定常見格式即可，主要對(duì)大小進(jìn)行限制，圖片一般限制在2M以內(nèi)，音頻視頻或其他類型文件視業(yè)務(wù)場(chǎng)景而定

6. 規(guī)定輸入閥值/默認(rèn)值/建議值

對(duì)輸入內(nèi)容進(jìn)行合理的建議，設(shè)置默認(rèn)值或建議值給予用戶合理的提示，提高數(shù)據(jù)正確性，設(shè)置閥值能避免極端垃圾數(shù)據(jù)的輸入

7. 設(shè)置及時(shí)完善的錯(cuò)誤信息提示

用戶輸入的過(guò)程中，需要對(duì)填寫的信息有及時(shí)全面的反饋，例如必填字段漏填、有格式校驗(yàn)的數(shù)據(jù)填寫錯(cuò)誤等.

8. 提高長(zhǎng)表單的處理效率

• 對(duì)于較長(zhǎng)的表單，流程分步操作，減輕用戶的認(rèn)知負(fù)荷和心理壓力；
• 對(duì)于相關(guān)的信息進(jìn)行合理分組展示，高效填寫；
• 采取高效填寫的方式，避免出錯(cuò)；例如銀行卡掃碼、拍照識(shí)別；小結(jié)：新增是業(yè)務(wù)開始的第一個(gè)環(huán)節(jié)，數(shù)據(jù)進(jìn)入系統(tǒng)的源頭。若新增不順暢或者總是報(bào)錯(cuò)，會(huì)導(dǎo)致業(yè)務(wù)流程頂部斷層無(wú)法繼續(xù)、用戶體驗(yàn)感極差，甚至有可能會(huì)導(dǎo)致項(xiàng)目驗(yàn)收失敗。

二、刪：刪除、禁用、停用

刪除也是常規(guī)性操作，既然數(shù)據(jù)有增加，就會(huì)有刪除的需求，我們思考的要點(diǎn)和新增的思路是一樣的，刪除操作是否有必要？誰(shuí)可以刪除，誰(shuí)不能刪除？什么時(shí)候可以刪除，什么時(shí)候不可以刪除？在哪里刪除（入口）？刪除的內(nèi)容是什么，什么內(nèi)容不支持刪除？怎樣刪除，刪除關(guān)聯(lián)的數(shù)據(jù)項(xiàng)有哪些？其中有哪些異常情況？

通常說(shuō)的刪除，包含兩種：

1. 物理刪除：真實(shí)刪除，從數(shù)據(jù)庫(kù)層面刪除了數(shù)據(jù)，查詢找不到該條數(shù)據(jù)，數(shù)據(jù)不可恢復(fù)；一般對(duì)于重要的基礎(chǔ)數(shù)據(jù)，不建議設(shè)置刪除功能，設(shè)計(jì)中要避免不可逆的操作；
2. 邏輯刪除：假刪除，只是從頁(yè)面對(duì)數(shù)據(jù)進(jìn)行了刪除，數(shù)據(jù)庫(kù)將數(shù)據(jù)的狀態(tài)改寫為“已刪除”，可通過(guò)刪除后撤回或者數(shù)據(jù)庫(kù)備份恢復(fù)，產(chǎn)品設(shè)計(jì)中比較常用。

數(shù)據(jù)的前后業(yè)務(wù)關(guān)聯(lián)太強(qiáng)，不適合設(shè)計(jì)刪除功能，那應(yīng)該如何對(duì)數(shù)據(jù)進(jìn)行合理的處理呢？

個(gè)人理解的刪除需求的存在，可能存在以下幾種情況：

1. 過(guò)期無(wú)用信息：可以設(shè)計(jì)數(shù)據(jù)庫(kù)定時(shí)任務(wù)，根據(jù)實(shí)際的業(yè)務(wù)情況和指定條件，定期清理垃圾數(shù)據(jù)，適用于數(shù)據(jù)量較大的情況；
2. 信息錄入錯(cuò)誤：邏輯刪除或者使用編輯功能修改數(shù)據(jù)；
3. 數(shù)據(jù)狀態(tài)改變，或需要中止業(yè)務(wù)：使用字典狀態(tài)來(lái)限制。

三、改：修改、編輯、覆蓋

改”可分為兩種表現(xiàn)，一是用戶對(duì)原有數(shù)據(jù)的修改，哪些可以哪些不可以，可以修改哪些元素，哪些元素一旦確定將不予修改等；二是對(duì)設(shè)計(jì)的修改程序?qū)崿F(xiàn)的方式，從一種方式更改為另一種方式程序是否易于實(shí)現(xiàn)。

1. 能否修改

• 修改的限制條件是什么
• 用戶ID不可修改。
• 用戶狀態(tài)，需要有權(quán)限的人才能修改。
• 哪些參數(shù)可以修改，哪些參數(shù)不可修改
• 是否支持批量修改
• 修改是否涉及數(shù)據(jù)轉(zhuǎn)移

2. 保存機(jī)制

• 定時(shí)保存。
• 失去焦點(diǎn)時(shí)保存。
• 其他條件觸發(fā)，比如網(wǎng)絡(luò)變化等。
• 修改過(guò)程中如何取消修改
• 哪些參數(shù)可以修改，哪些參數(shù)不可修改

3. 修改是否可逆

• 修改提交有二次確認(rèn)嗎
• 修改后支持撤銷嗎

4. 修改方式

• 子頁(yè)面修改
• 列表直接覆蓋，最直觀的EXCLE表格

列表內(nèi)嵌子表格修改

四、查：查詢、搜索

大范圍的數(shù)據(jù)變動(dòng)，導(dǎo)入表格批量修改。

常用的查詢方式有：

1. 同步查詢、組合條件查詢

設(shè)置默認(rèn)查詢條件，常用有默認(rèn)查詢?nèi)掌凇⒛J(rèn)狀態(tài)查詢，有助于用戶快速獲取需要的信息。

2. 精準(zhǔn)查詢 or 模糊匹配

精準(zhǔn)查詢適用于字段簡(jiǎn)短準(zhǔn)確的數(shù)據(jù)，用戶記憶成本高于模糊匹配，而后者是查詢中比常用的形式。

例如根據(jù)身份證號(hào)碼查詢用戶信息，只需要輸入1991，則查詢出列表中所有包含1991的身份證數(shù)據(jù)，可能查詢出來(lái)的結(jié)果為：4280861996054212或者4758261991024483。

按狀態(tài)值快速過(guò)濾，業(yè)務(wù)流程類比較常用。

自定義設(shè)置查詢條件；展示高頻查詢條件，低頻查詢條件按鈕收起隱藏，且允許自定義設(shè)置查詢字段。

提供查詢歷史記錄，有必要的情況下可根據(jù)歷史查詢?cè)~條的熱度進(jìn)行排序。

3. 定時(shí)器任務(wù)查詢

比較專業(yè)的范疇，請(qǐng)教了一下開發(fā)同學(xué)， 我們一般說(shuō)定時(shí)器是指，按照某個(gè)特定的時(shí)間間隔執(zhí)行某一段命令（無(wú)法深入說(shuō)明了，抱歉）；

筆者項(xiàng)目中目前只運(yùn)用過(guò)定時(shí)器請(qǐng)求流水，查詢余額，有機(jī)會(huì)可以寫一下。

4. 查全局 or 查局部 ？

考慮到數(shù)據(jù)的安全性問題，可能有些產(chǎn)品設(shè)計(jì)上會(huì)限制查詢的界限，限制查詢出的結(jié)果只展示部分?jǐn)?shù)據(jù)。

例如設(shè)置某些用戶只能查詢特定條件下的數(shù)據(jù)，獲取過(guò)濾后的數(shù)據(jù)量。

五、顯：顯示、回傳、樣式

數(shù)據(jù)的顯示，根據(jù)需要做哪些顯示，顯示的方式是怎么樣的，不同用戶的權(quán)限是否一樣，不一樣的話數(shù)據(jù)如何表現(xiàn)，這里的表現(xiàn)的是背后邏輯。

“顯示”的 思考要點(diǎn)主要有：顯示這個(gè)是否有必要？針對(duì)不同人顯示內(nèi)容是否相同，不同權(quán)限顯示是否相同，不同角色顯示是否相同？顯示包括哪些元素？（btn、數(shù)據(jù)、文本、圖表、圖片、視頻）什么時(shí)候顯示，什么時(shí)候不顯示，顯示多久？數(shù)據(jù)在哪里顯示，怎樣顯示？用戶對(duì)所使用的產(chǎn)品的一切感受，也都是通過(guò)“顯示”感受到的。因此，盡量做到：可讀/易用、一致性、消除用戶焦慮、及時(shí)反饋、數(shù)據(jù)安全

1. 顯示方式

• 顯示的層級(jí)關(guān)系（父子級(jí)嵌套關(guān)系）
• 顯示內(nèi)容的優(yōu)先級(jí)（必要字段、重要字段、排版、呈現(xiàn)方式）
• 功能操作前、操作方式、操作過(guò)程展示、操作結(jié)果展示

2. 顯示權(quán)限

• 敏感數(shù)據(jù)如何顯示，如何配置（隱藏、權(quán)限設(shè)置）
• 功能操作前、操作方式、操作過(guò)程展示、操作結(jié)果展示

3. 顯示規(guī)則

• 顯示的順序，按照創(chuàng)建時(shí)間順序、修改時(shí)間、類別
• 列表的是否支持快捷操作，篩選、排序、搜索
• 列表顯示樣式、一頁(yè)顯示數(shù)量，分頁(yè)顯示數(shù)量，響應(yīng)式布局

4. 顯示邊界問題

• 顯示的元素?cái)?shù)量范圍，文本過(guò)多如何顯示
• 內(nèi)容為空怎么顯示
• 哪些錯(cuò)誤、錯(cuò)誤提示顯示方式和內(nèi)容
• 哪些內(nèi)容是固定的，哪些內(nèi)容是服務(wù)端返回的

詳細(xì)問題可參考我之前一篇中提到的設(shè)計(jì)方法：《B端產(chǎn)品日記——表單設(shè)計(jì)》

六、算：算法、計(jì)算

算”指計(jì)算規(guī)則，是指用系統(tǒng)的方法描述解決問題的策略機(jī)制。其能對(duì)一定規(guī)范的輸入，在有限時(shí)間內(nèi)獲得所要求的輸出。比如熱門文章=點(diǎn)擊數(shù)*1+評(píng)論數(shù)*2+分享數(shù)*3諸如此類的背后計(jì)算的數(shù)值；此類規(guī)則約定之后可以節(jié)約很多時(shí)間。比如，財(cái)務(wù)系統(tǒng)的工資條，根據(jù)考勤數(shù)據(jù)可自動(dòng)算出基礎(chǔ)工資數(shù)據(jù)，這樣目的是節(jié)省人力成本。

1. 計(jì)算規(guī)則

• 多久算一次
• 參數(shù)的限制
• 數(shù)據(jù)變化的規(guī)則：實(shí)時(shí)更新、自動(dòng)拉取、推送、隔天更新等
• 需要什么哪些條件
• 數(shù)量變化規(guī)則

2. 計(jì)算邏輯

• 哪些數(shù)據(jù)參與計(jì)算
• 需要什么統(tǒng)計(jì)
• 哪些信息需要默認(rèn)保存，自動(dòng)填充？

七、傳：數(shù)據(jù)傳輸

“傳”指的是數(shù)據(jù)的傳遞，不同服務(wù)器之間的數(shù)據(jù)傳遞，考慮到用戶體驗(yàn)的時(shí)候ajax的傳遞，還有一些api的數(shù)值傳遞等。最近5G話題火熱，大部分人對(duì)5G的印象是速度快。其實(shí)，5G的應(yīng)用亮點(diǎn)是低時(shí)延和高帶寬，速度快反而是其次。這里提到了“傳”的三個(gè)要點(diǎn)：時(shí)延、帶寬、速度。

1. 傳輸安全

• 用戶可感知類：脫敏傳輸并脫敏顯示、可執(zhí)行文件加后綴等；
• 不可感知類：加密傳輸、接口安全、服務(wù)器隔離（敏感服務(wù)器不直接面向用戶）。

2. 傳輸速度

• 壓縮：比如微信發(fā)送圖片，不勾選原圖，圖片就會(huì)被壓縮傳輸；
• 預(yù)加載：比如閱讀類App，用戶看第一章，他就會(huì)預(yù)加載第二章。用戶讀起來(lái)就不會(huì)有等待加載的過(guò)程，不會(huì)打斷爽感。

3. 異步加載

• 偏移動(dòng)端：按模塊加載并顯示給用戶，不要等整屏內(nèi)容都加載完再呈現(xiàn)，避免讓用戶焦慮。
• 偏PC端：盡量避免整個(gè)頁(yè)面刷新，減少服務(wù)器壓力，和用戶等待時(shí)長(zhǎng)。

4. 傳輸數(shù)據(jù)要求

• 傳輸內(nèi)容格式支持：文本、圖片、視頻、數(shù)據(jù)等
• 哪些需要傳，哪些不需要傳？手動(dòng)傳，還是自動(dòng)傳
• 傳輸?shù)膬?nèi)容和方向
• 上傳文件是否有格式限制、大小限制？是否要顯示格式信息，格式提示
• 上傳文件后是否顯示文件名，怎樣顯示
• 上傳后是否允許重復(fù)上傳，覆蓋上傳，取消上傳
• 是否可以批量上傳，批量上傳后如何顯示
• 上傳后是否可以刪除、批量刪除，如何刪除？

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

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