編輯導(dǎo)讀：導(dǎo)入功能是個(gè)小功能，通常需要產(chǎn)品設(shè)計(jì)好一個(gè)設(shè)計(jì)模板，需要規(guī)則清晰，提示明確，方便用戶進(jìn)行操作。本文作者根據(jù)自身工作經(jīng)驗(yàn)，對(duì)B端后臺(tái)導(dǎo)入功能進(jìn)行了復(fù)盤分析，希望對(duì)你有幫助。

做為B端產(chǎn)品人，常常碰到導(dǎo)入功能，雖然是一個(gè)小功能，但是在規(guī)劃的時(shí)候，也遇到很多坑，此處用于復(fù)盤一個(gè)導(dǎo)入功能。

一、導(dǎo)入功能分析

一個(gè)完整的導(dǎo)入功能，通常會(huì)有幾個(gè)關(guān)鍵要素：導(dǎo)入模板、導(dǎo)入報(bào)錯(cuò)信息、導(dǎo)入過程中相關(guān)交互提示，圖1為完整的導(dǎo)入功能流程圖。

圖1 導(dǎo)入功能流程圖

在設(shè)計(jì)一個(gè)導(dǎo)入功能的時(shí)候，主要圍繞關(guān)鍵要素進(jìn)行展開：

1、導(dǎo)入模板：支持用戶導(dǎo)入模板下載；

2、導(dǎo)入報(bào)錯(cuò)信息：導(dǎo)入數(shù)據(jù)錯(cuò)誤后，支持用戶查看導(dǎo)入報(bào)錯(cuò)信息；

3、導(dǎo)入過程中相關(guān)交互提示：導(dǎo)入過程中的相應(yīng)加載樣式，以及完成導(dǎo)入或失敗導(dǎo)入的對(duì)應(yīng)提示。

二、導(dǎo)入模板下載

通常，產(chǎn)品要提前設(shè)計(jì)好一個(gè)導(dǎo)入模板，規(guī)則清晰，提示明確，方便用戶進(jìn)行操作。

前期產(chǎn)品經(jīng)理針對(duì)用戶需求，提煉所需要導(dǎo)入的字段，所需要的導(dǎo)入字段有了之后，在設(shè)計(jì)導(dǎo)入模板時(shí)，常常有如下設(shè)計(jì)要點(diǎn)：

1、模板標(biāo)題；

2、填寫須知描述；

3、導(dǎo)入示例，提示用戶按此示例仿照填寫；

4、必填、選填字段區(qū)分；

5、時(shí)間格式規(guī)范，如常見的時(shí)間格式有2022-07-27、2022/07/27等等；

6、特殊符號(hào)限制，比如中英文括號(hào)等；

7、固定選項(xiàng)，設(shè)計(jì)下拉框的格式，不讓用戶手輸；

8、涉及金額等數(shù)值的欄位，要標(biāo)注清楚單位；

9、限制輸入格式及文件大小，防止文件過載，導(dǎo)入失敗，可在特殊規(guī)則描述中指明。

具體模板范例類似如圖2，填寫須知處可根據(jù)實(shí)際業(yè)務(wù)場(chǎng)景說明。

圖2 導(dǎo)入模版示例圖

備注：

此處模版填寫須知中涉及的的單個(gè)文件導(dǎo)入不超過5000行，應(yīng)根據(jù)實(shí)際開發(fā)情況而定，一些設(shè)定也可能是通過判斷文件大小，而非文件行數(shù)。

2.1 導(dǎo)入模板錯(cuò)誤處理

模版導(dǎo)入過程中，一旦出現(xiàn)導(dǎo)入報(bào)錯(cuò)，要針對(duì)不同的錯(cuò)誤類型，給予不同錯(cuò)誤提示。讓用戶明確應(yīng)該怎么修改，圖3是一些常見的報(bào)錯(cuò)信息。

圖3 導(dǎo)入常見報(bào)錯(cuò)

1）數(shù)據(jù)報(bào)錯(cuò)提示優(yōu)先級(jí)

一個(gè)導(dǎo)入數(shù)據(jù)，可能同時(shí)存在多個(gè)錯(cuò)誤信息，規(guī)定好每個(gè)錯(cuò)誤信息的優(yōu)先判定條件，報(bào)錯(cuò)提示時(shí)，通常根據(jù)錯(cuò)誤信息的優(yōu)先級(jí)，每次提示一條錯(cuò)誤原因。用戶重新修改后，如果還有其他錯(cuò)誤原因，則根據(jù)新的錯(cuò)誤原因，重新修改重新提交。

此處雖然也可以一次性顯示該數(shù)據(jù)的所有錯(cuò)誤原因，但這種提示方式，一旦數(shù)據(jù)較多，對(duì)開發(fā)而言，關(guān)聯(lián)校驗(yàn)較為復(fù)雜。

2）處理數(shù)據(jù)重復(fù)問題

數(shù)據(jù)重復(fù)問題，可以通過覆蓋、跳過或上傳失敗進(jìn)行處理。根據(jù)不同的使用場(chǎng)景，選擇不同的方式：

• 若沒有提供錯(cuò)誤信息，顯示上傳失敗，避免用戶修改時(shí)，修改了正確數(shù)據(jù)，反而錯(cuò)誤數(shù)據(jù)沒有修改到；
• 若覆蓋后不造成影響，可以直接覆蓋導(dǎo)入；
• 若數(shù)據(jù)存在唯一編號(hào)，不允許重復(fù)的情況，可在導(dǎo)入過程，系統(tǒng)直接跳過，在相應(yīng)的報(bào)錯(cuò)提示中，提示清楚錯(cuò)誤編號(hào)及錯(cuò)誤原因。

3）特殊字符注意事項(xiàng)

導(dǎo)入過程中，除了上面提到的常見報(bào)錯(cuò)類型，還需要考慮是否需要過濾空格，或者excel可能出現(xiàn)的特殊符號(hào)，如’符號(hào)（用戶有時(shí)通過導(dǎo)入模板處理數(shù)據(jù)時(shí)，模版編號(hào)欄位中有時(shí)會(huì)帶有該符號(hào)，如下圖4）。

之所以過濾空格和某些excel常見的特殊符號(hào)，主要是防止導(dǎo)入內(nèi)容進(jìn)行篩選時(shí)，精準(zhǔn)搜索匹配不到。

圖4 excel特殊符號(hào)

4）部分導(dǎo)入成功問題

導(dǎo)入過程中的數(shù)據(jù)報(bào)錯(cuò)，通常是部分?jǐn)?shù)據(jù)報(bào)錯(cuò)，提示錯(cuò)誤數(shù)據(jù)的方式有多種：

方式一：

導(dǎo)入成功的數(shù)據(jù)，錯(cuò)誤信息直接展示，不支持在線修改，這種方式開發(fā)實(shí)現(xiàn)較為簡(jiǎn)單，但實(shí)際用戶需要一個(gè)個(gè)去比對(duì)導(dǎo)入模板中的哪條數(shù)據(jù)錯(cuò)誤，體驗(yàn)不太好，如圖5。

圖5 導(dǎo)入報(bào)錯(cuò)提示

方式二：

導(dǎo)入成功的數(shù)據(jù)，錯(cuò)誤信息直接展示，并支持直接修改，但這種方式通常適用數(shù)據(jù)量較小的情況，如圖6，可以直接在彈窗列表中修改信息，修改后提交。

圖6 導(dǎo)入報(bào)錯(cuò)修改

通常導(dǎo)入提示支持直接修改的方式，上述情況只是其中一種，還有許多其他方式，如：

1、導(dǎo)入上傳失敗后，提示失敗內(nèi)容，跳轉(zhuǎn)新頁面處理，通過【修改】按鈕彈窗修改，這種方式對(duì)于報(bào)錯(cuò)數(shù)據(jù)需要分頁的比較友好。

2、也有些數(shù)據(jù)量較少的導(dǎo)入，會(huì)在導(dǎo)入上傳的時(shí)候，支持用戶查看即將導(dǎo)入的信息，確定無誤后再導(dǎo)入等…

方式三：

導(dǎo)入成功的數(shù)據(jù)，錯(cuò)誤信息采用文檔下載的方式，重新修改錯(cuò)誤信息后，再行導(dǎo)入，這種方式適合一些數(shù)據(jù)量較大的文件，如圖7。

圖7 錯(cuò)誤文件下載

有些報(bào)錯(cuò)提示，也會(huì)在下載錯(cuò)誤報(bào)告后，加上對(duì)應(yīng)的錯(cuò)誤原因展示或者直接在線修改，但如果數(shù)據(jù)量較大，直接錯(cuò)誤文件下載就足夠了，不建議加上另外2個(gè)。

5）導(dǎo)入后的數(shù)據(jù)修改

導(dǎo)入后的數(shù)據(jù)修改方式，有如下2種：

1、列表處直接修改。這種方式適合小數(shù)據(jù)量修改。

2、導(dǎo)入修改。直接使用導(dǎo)入修改，要根據(jù)實(shí)際情況判定：

（1）覆蓋原有數(shù)據(jù)；

（2）有重復(fù)標(biāo)識(shí)，不支持導(dǎo)入覆蓋的，須提供刪除功能進(jìn)行數(shù)據(jù)刪除后，才能重新導(dǎo)入。

2.1 導(dǎo)入過程中相關(guān)交互提示

導(dǎo)入過程中的加載和相關(guān)提示語，可以說是通用規(guī)則，作為提升用戶體驗(yàn)的方式，必不可少。

1、若數(shù)據(jù)龐大，導(dǎo)入耗時(shí)，可以通過進(jìn)度條顯示，或者類似百度網(wǎng)盤類的下載，顯示預(yù)計(jì)時(shí)間，避免用戶等待焦慮。

圖8 導(dǎo)入進(jìn)度條

2、若數(shù)據(jù)輕量，可以直接通過加載圖案，顯示導(dǎo)入中。

圖9 導(dǎo)入加載樣式

除了加載過程中的交互樣式，還有導(dǎo)入失敗和導(dǎo)入成功的相應(yīng)的提示文案也必不可少，畢竟要讓一個(gè)功能的起始結(jié)束，都要讓用戶有參與感。

三、總結(jié)

以上是對(duì)近期B端導(dǎo)入功能遇到的一些問題總結(jié)，導(dǎo)入功能看著常見，但其實(shí)真正設(shè)計(jì)時(shí)，有很多小細(xì)節(jié)需要思考，此處也仍有很多細(xì)節(jié)未考慮齊全，未來一邊踩坑一邊完善自己的相關(guān)認(rèn)知。

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

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