B端產(chǎn)品的重要價值是提高企業(yè)的辦公效率，在企業(yè)的日常工作中批量錄入數(shù)據(jù)的場景很多，所以批量導(dǎo)入是b端設(shè)計中很重要的一個功能。本文作者結(jié)合案例，分享了自己關(guān)于B端產(chǎn)品批量導(dǎo)入功能的思考。
在做b端產(chǎn)品的時候，對于數(shù)據(jù)需要大量添加、修改的場景，一般會設(shè)計成批量導(dǎo)入功能。相較于c端產(chǎn)品，為什么批量導(dǎo)入功能在b端產(chǎn)品中如此重要？
首先是因?yàn)?b>b端產(chǎn)品一個重要的價值是提高企業(yè)的效率，而批量導(dǎo)入功能恰恰能成倍提高使用者的操作效率。因?yàn)橄噍^于單個添加功能，在Excel里面批量填寫數(shù)據(jù)可以復(fù)制粘貼多條相同字段，比單個錄入更快捷。能提高效率第二個原因是Excel支持多人分工協(xié)作填寫，協(xié)同更有效率。
其次是因?yàn)榕夸浫霐?shù)據(jù)的場景真的很多。以購物中心信息化為例，新商戶信息需要批量錄入，每個商戶的銷售指標(biāo)、銷售實(shí)績、費(fèi)用等都需要批量導(dǎo)入。
問題
但是看似一個簡單的文件批量導(dǎo)入功能，如果設(shè)計者當(dāng)時未做全面的思考，容易被操作人反饋模板填寫模板麻煩，上傳導(dǎo)入時報錯時體驗(yàn)不好，上傳后導(dǎo)入數(shù)據(jù)不便于查閱與修改。這些問題都影響了功能的體驗(yàn)感，甚至嚴(yán)重影響工作效率。這些問題顯然與批量導(dǎo)入功能以提高企業(yè)效率的目的背道而馳。那么，b端批量導(dǎo)入功能有哪些套路呢？
下面以常見的Excel批量導(dǎo)入為例，從下載模板、導(dǎo)入時的便利性、導(dǎo)入后數(shù)據(jù)的查詢修改三方面分享下b端產(chǎn)品批量導(dǎo)入功能的思考。
一、模板設(shè)置
1. 模板的設(shè)置
（1）如何設(shè)計導(dǎo)入字段
確定字段設(shè)計模板最開始的環(huán)節(jié)，應(yīng)和業(yè)務(wù)方溝通，確認(rèn)包含哪些字段。其次需確定字段維度的規(guī)則。
我們舉個案例，來看一下導(dǎo)入字段設(shè)計的思考。假如：我們需要設(shè)計一個批量導(dǎo)入供應(yīng)商信息的功能，基于此功能來說明設(shè)置字段的流程。
1）確定所需的字段。比如供應(yīng)商信息批量導(dǎo)入，所需字段：供應(yīng)商名稱、簡稱、營業(yè)執(zhí)照、稅號、納稅類別、特別屬性、法人代表、成立日期。
2）確認(rèn)每個字段的相關(guān)屬性。供應(yīng)商名稱等字符串字段長度是多少，是否允許重復(fù)？過長應(yīng)該進(jìn)行錯誤提示防止數(shù)據(jù)沖突的產(chǎn)生，且這種字段為必填項(xiàng)，為空也應(yīng)該進(jìn)行報錯提示。
供應(yīng)商編號是自動生成還是手動添加，自動生成編碼規(guī)則是按順序生成還是按地區(qū)等要素有特定編碼規(guī)則？這些問題都需要進(jìn)行思考。
營業(yè)執(zhí)照這類字段是字符串還是枚舉？是枚舉的話應(yīng)事先在模板內(nèi)提示用戶只能填寫哪幾類數(shù)據(jù)。為了防止枚舉字段輸入其他內(nèi)容引起數(shù)據(jù)庫混亂，應(yīng)該設(shè)定好導(dǎo)入校驗(yàn)規(guī)則，在導(dǎo)入時不允許此類數(shù)據(jù)導(dǎo)入。
此外還需考慮到浮點(diǎn)數(shù)的位數(shù)。浮點(diǎn)數(shù)參與運(yùn)算時會造成精度丟失問題，包含浮點(diǎn)數(shù)的加減乘除都有可能導(dǎo)致計算誤差，所以在導(dǎo)入數(shù)據(jù)時如果類型是浮點(diǎn)數(shù)，應(yīng)該定義小數(shù)點(diǎn)前后位數(shù)的規(guī)則。
3）需要確定導(dǎo)入時異常數(shù)據(jù)格式的處理。比如數(shù)據(jù)只能導(dǎo)入兩位小數(shù)的數(shù)據(jù)，用戶導(dǎo)入了小數(shù)點(diǎn)后三位，是只取前兩位進(jìn)行保存還是不進(jìn)行導(dǎo)入。最后用表格形式呈現(xiàn)出來。如下圖。
（2）模板規(guī)則的提醒
在設(shè)計模板設(shè)計好后，須提示填寫規(guī)則。
可以在頂部列出填寫規(guī)則。例如供應(yīng)商信息導(dǎo)入案例，對于稅號字段填寫，需告知用戶稅號應(yīng)該填寫的是數(shù)字或字符，如果與系統(tǒng)內(nèi)已有的稅號重復(fù)，應(yīng)告知其應(yīng)該怎么做。
還可以用添加有效性提示文字的方式，減少在填寫階段的錯誤。例如納稅類別字段，只能填寫普通、特殊字段，只在上面顯示規(guī)則不明顯，可以在下方點(diǎn)擊時彈出提示性問題，減少出錯可能。如下圖：
2. 模板的下載入口
模板的入口設(shè)置要結(jié)合用戶的使用場景來設(shè)計。有兩種方案，一種是在列表頂部分別放模板下載和批量導(dǎo)入按鈕，第二種方案是只放一個批量上傳按鈕，點(diǎn)開后讓用戶在上傳的彈窗頁面進(jìn)行模板下載。
從場景看，第二種方案更貼近文件上傳的場景，批量上傳只有一個按鈕，點(diǎn)開后下載模板，而不用點(diǎn)開批量彈窗后再關(guān)掉去外面下載模板，減少用戶的操作。
二、上傳操作便利性
1. 兼容各版本下的文件格式
必須同時支持各版本下xls、xlsx格式的Excel上傳。因?yàn)樵趯?shí)際過程中，一部分人下載模板填寫完內(nèi)容后會使用另存為，在這一過程中容易選其他文件格式進(jìn)行保存，容易出現(xiàn)格式不支持上傳情況。
此外還需注意兼容不同瀏覽器以及軟件版本的差異，讓Excel文件的各種形式能在不同文件形式、不同瀏覽器和軟件版本進(jìn)行上傳，使得上傳體驗(yàn)更加友好。
2. 上傳錯誤提示詳盡準(zhǔn)確
在一些文件批量上傳項(xiàng)目中，對數(shù)據(jù)校驗(yàn)后前端提示太過簡單，用戶收到錯誤通知一臉懵，還得去Excel中一個個去查找哪些填寫不規(guī)范，這無疑是與提高效率背道而馳的做法。
在導(dǎo)入過程中一般需注意以下2點(diǎn)：
設(shè)置好每個導(dǎo)入字段的校驗(yàn)規(guī)則。對于每個字段，哪些是必填的，哪些是只能填寫數(shù)字，哪些是只能填寫日期，日期格式否是YYYY-MM-DD，某個字段數(shù)據(jù)系統(tǒng)內(nèi)已有是否可以重復(fù)添加？A鋪位的使用面積是能否大于計租面積？鋪位面積大的小數(shù)點(diǎn)是保留整數(shù)還是保留兩位，導(dǎo)入位數(shù)異常如何處理？只有校驗(yàn)規(guī)則設(shè)定了，才能在導(dǎo)入解析時給予詳盡的錯誤提示。
錯誤提示要詳盡。針對錯誤提示太簡單的情況，在數(shù)據(jù)導(dǎo)入進(jìn)行校驗(yàn)后，產(chǎn)品可以告知開發(fā)每個字段的校驗(yàn)規(guī)則，數(shù)據(jù)導(dǎo)入時定位錯誤的行數(shù)和列數(shù)，最后在上傳頁面直接顯示第幾行哪些字段填寫不規(guī)范，方便用戶進(jìn)行修改。但是要想在系統(tǒng)內(nèi)實(shí)現(xiàn)自動解析錯誤的成本很高，我們可以只顯示用戶錯在什么地方，在上傳頁面顯示出來哪些字段有問題，分別是第幾行。
對于多條內(nèi)容報錯的情況處理，比如同一個字段100行都填寫錯誤，可以用列所在的字段為一行顯示出本列應(yīng)該填寫的規(guī)則，后面括號內(nèi)顯示出那100行的行號。
報錯樣式如下圖：
1）思考上傳失敗是不允許導(dǎo)入還是部分導(dǎo)入
在上一步某些行數(shù)有錯誤報錯顯示的情況下，對于數(shù)據(jù)上傳有三種方式：
有報錯，不允許所有數(shù)據(jù)導(dǎo)入。只顯示哪些數(shù)據(jù)在第幾行有錯誤，需要重新對模板修改再次導(dǎo)入全部校驗(yàn)通過后數(shù)據(jù)進(jìn)行導(dǎo)入；
只導(dǎo)入正確數(shù)據(jù)。提示成功導(dǎo)入哪幾條數(shù)據(jù)，哪幾條數(shù)據(jù)有誤，有誤的是哪個字段第幾行；
導(dǎo)入所有數(shù)據(jù)，錯誤數(shù)據(jù)可以進(jìn)行在線修改。將所有數(shù)據(jù)導(dǎo)入詳情頁，點(diǎn)擊修改按鈕可根據(jù)彈窗提示對錯誤數(shù)據(jù)進(jìn)行修改。
三種方式，我更推薦第一種。第二種方式報錯后雖然一部分?jǐn)?shù)據(jù)導(dǎo)入了，但錄入錯誤的數(shù)據(jù)得去Excel里面進(jìn)行修改，甚至還得一個個去查閱哪些是已導(dǎo)入的，哪些是未導(dǎo)入的需要做修改，徒增工作量。第三種方式開發(fā)量相對大一些，用戶上傳后可以直接在列表中刪除，對于只有個別數(shù)據(jù)有誤時用這種方式改起來更加方便。但當(dāng)出錯比較多的時候，用第一種方式在EXCEL中修改會更方便.
2）上傳文件大小的限制說明
對于上傳的文件，需要在頁面提醒單個文件的大小限制，這樣既可以明確告知用戶文件大小上限，減少上傳等待時間，還能防止上傳文件過大而上傳失敗。所以需要和開發(fā)確定好上傳文件的大小上限。
3）數(shù)據(jù)導(dǎo)入時頁面是否可操作
在數(shù)據(jù)導(dǎo)入時，是應(yīng)該設(shè)計成全局遮罩，無法操作頁面其他功能？還是設(shè)計成在上傳過程中可以操作頁面其他功能？
在筆者看來，在導(dǎo)入數(shù)據(jù)過程中，操作當(dāng)前頁面其他功能與導(dǎo)入過程在業(yè)務(wù)上和邏輯上不影響其他情況下可以設(shè)計成導(dǎo)入時可操作其他頁面。比如我在一個頁面需要上傳五個階段的數(shù)據(jù)。在導(dǎo)入第一個階段數(shù)據(jù)時，我也可以去導(dǎo)入第二個階段的數(shù)據(jù)。這種就可以設(shè)計成導(dǎo)入時不是全局遮罩的形式。其他業(yè)務(wù)層面先后有關(guān)聯(lián)（比如說導(dǎo)入后需要對數(shù)據(jù)進(jìn)行批量審核）的情況需設(shè)計成全局遮罩的形式。
三、數(shù)據(jù)導(dǎo)入后的修改、查看
1. 上傳后頁面直觀顯示
數(shù)據(jù)批量上傳后，除了更直觀的提示他哪行數(shù)據(jù)那個字段填寫不對報錯以外，對于一次性上傳成功的數(shù)據(jù)，還需要一目了然顯示出來一共導(dǎo)入了哪些數(shù)據(jù)，合計是多少，首列是否要凍結(jié)，若導(dǎo)入合計與預(yù)期有差異還能根據(jù)準(zhǔn)確定位是哪個字段與預(yù)期不符，方便及時修改。
舉一個例子：
圖1是系統(tǒng)內(nèi)原有的導(dǎo)入功能。主要是對個多個品牌的多條費(fèi)用進(jìn)行批量導(dǎo)入。原有功能導(dǎo)入后只會顯示成功導(dǎo)入了多少條數(shù)據(jù)。但是查找具體某個專柜導(dǎo)入多少條數(shù)據(jù)時，需要去上百個品牌去搜索品牌，然后點(diǎn)擊加號展開查找每項(xiàng)費(fèi)用。而且還無法根據(jù)專柜維度顯示合計費(fèi)用。一旦數(shù)據(jù)有誤進(jìn)行排查，十分不方便。
圖2是優(yōu)化后的頁面，首先這個頁面基本和模板結(jié)構(gòu)一致，讓用戶查看導(dǎo)入明細(xì)項(xiàng)，對比預(yù)期導(dǎo)入合計和實(shí)際導(dǎo)入合計更加直觀，減少操作維度。還能根據(jù)部門、專柜等維度查詢每一項(xiàng)費(fèi)用的合計值，便于查詢和錯誤數(shù)據(jù)修正。
對于同一專柜，同一日期同一費(fèi)用項(xiàng)的不同調(diào)整項(xiàng)目，原有設(shè)計是需要通過專柜維度查詢?nèi)掌谌缓笕ピ斍槔锩娌榭?。非常的麻煩，還無法直觀查看導(dǎo)入后到底哪一項(xiàng)有問題。優(yōu)化后的顯示頁面直接對于這種情況將多筆調(diào)整費(fèi)用顯示在一起，更注重過程數(shù)據(jù)而不是結(jié)果數(shù)據(jù)，更便于財務(wù)審核。
所以導(dǎo)入后頁面設(shè)計直觀些能極大的提高導(dǎo)入后數(shù)據(jù)的核查，提高導(dǎo)入數(shù)據(jù)的工作效率。
2. 思考哪些角色可對數(shù)據(jù)覆蓋或追加
對于某些導(dǎo)入場景，可能業(yè)務(wù)人員只允許導(dǎo)入一次，數(shù)據(jù)覆蓋的權(quán)限需要另一個角色進(jìn)行操作。在設(shè)計導(dǎo)入過程時需要根據(jù)業(yè)務(wù)需要將這一點(diǎn)納入考慮范圍?？梢栽谕豁撁娓鶕?jù)角色組設(shè)置不同的導(dǎo)入按鈕，也可以設(shè)置兩個菜單來實(shí)現(xiàn)再次導(dǎo)入的權(quán)限控制。
3. 思考哪些數(shù)據(jù)狀態(tài)可覆蓋或追加
在導(dǎo)入或再次導(dǎo)入數(shù)據(jù)時，需要思考已有類似數(shù)據(jù)是否對原有數(shù)據(jù)進(jìn)行覆蓋還是不進(jìn)行覆蓋。
例如我導(dǎo)入了一批費(fèi)用調(diào)整單據(jù)，需要根據(jù)業(yè)務(wù)場景思考當(dāng)導(dǎo)入除金額不同的費(fèi)用調(diào)整時，是覆蓋還是追加？未審核狀態(tài)的調(diào)整單據(jù)是覆蓋還是追加？已審核的調(diào)整單據(jù)是覆蓋還是追加？
一般來講，未審核的調(diào)整單據(jù)再次導(dǎo)入是是可以進(jìn)行覆蓋的，已審核的單據(jù)一般不能直接進(jìn)行覆蓋，需進(jìn)行審核后進(jìn)行覆蓋。
4. 導(dǎo)入記錄的查看
對于一個完整的系統(tǒng)來說，不光要知道數(shù)據(jù)導(dǎo)入后的結(jié)果，數(shù)據(jù)的增、刪、改也需要方便后續(xù)查證?？梢圆捎脝为?dú)日志的形式，也可以在數(shù)據(jù)后加變更備注的形式，查詢是誰在上面時候?qū)肓四男?shù)據(jù)，給系統(tǒng)帶來了數(shù)據(jù)上的改變。
四、價值
以上對于b端產(chǎn)品批量導(dǎo)入功能的思考的價值在于：
能極大地提高操作人員的輸入效率。從模板下載、填寫、導(dǎo)入、查看整個過程都考慮到用戶操作的便利性，顯著提高輸入效率。
提示更加友好。在填寫過程中注明規(guī)則，在導(dǎo)入過程中針對每個字段進(jìn)行提示，有助于減少用戶的迷惑，更好地完成導(dǎo)入操作。
方便對上傳數(shù)據(jù)進(jìn)行排查。導(dǎo)入后頁面設(shè)置的更加直觀，免去了繁復(fù)的查找過程，方便排查和修改。
可以復(fù)用于其他項(xiàng)目。對于一套成熟的上傳方案，可以復(fù)用于其他項(xiàng)目，不必重復(fù)造輪子，提高開發(fā)效率。
總結(jié)
b端產(chǎn)品的價值是提高企業(yè)的效率，目的是利用系統(tǒng)功能去解放人。雖然批量導(dǎo)入在b端產(chǎn)品功能中是一個很小的功能點(diǎn)，但是提高效率在這個功能上卻始終是基本準(zhǔn)繩。從模板下載、上傳操作、查看與修改等功能的設(shè)計，都需要思考如何提高使用人員的工作效率。
希望以此為參考，大家能提出更多的優(yōu)化思路。
