做為B端産品人，常常碰到導入功能，雖然是一個小功能，但是在規劃的時候，也遇到很多坑，此處用于複盤一個導入功能。

一個完整的導入功能，通常會有幾個關鍵要素：導入模闆、導入報錯信息、導入過程中相關交互提示，圖1為完整的導入功能流程圖。

圖1 導入功能流程圖

在設計一個導入功能的時候，主要圍繞關鍵要素進行展開：

1、導入模闆：支持用戶導入模闆下載；

2、導入報錯信息：導入數據錯誤後，支持用戶查看導入報錯信息；

3、導入過程中相關交互提示：導入過程中的相應加載樣式，以及完成導入或失敗導入的對應提示。

通常，産品要提前設計好一個導入模闆，規則清晰，提示明确，方便用戶進行操作。

前期産品經理針對用戶需求，提煉所需要導入的字段，所需要的導入字段有了之後，在設計導入模闆時，常常有如下設計要點：

1、模闆标題；

2、填寫須知描述；

3、導入示例，提示用戶按此示例仿照填寫；

4、必填、選填字段區分；

5、時間格式規範，如常見的時間格式有2022-07-27、2022/07/27等等；

6、特殊符号限制，比如中英文括号等；

7、固定選項，設計下拉框的格式，不讓用戶手輸；

8、涉及金額等數值的欄位，要标注清楚單位；

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

具體模闆範例類似如圖2，填寫須知處可根據實際業務場景說明。

圖2 導入模版示例圖

備注：

此處模版填寫須知中涉及的的單個文件導入不超過5000行，應根據實際開發情況而定，一些設定也可能是通過判斷文件大小，而非文件行數。

2.1 導入模闆錯誤處理

模版導入過程中，一旦出現導入報錯，要針對不同的錯誤類型，給予不同錯誤提示。讓用戶明确應該怎麼修改，圖3是一些常見的報錯信息。

圖3 導入常見報錯

1）數據報錯提示優先級

一個導入數據，可能同時存在多個錯誤信息，規定好每個錯誤信息的優先判定條件，報錯提示時，通常根據錯誤信息的優先級，每次提示一條錯誤原因。用戶重新修改後，如果還有其他錯誤原因，則根據新的錯誤原因，重新修改重新提交。

此處雖然也可以一次性顯示該數據的所有錯誤原因，但這種提示方式，一旦數據較多，對開發而言，關聯校驗較為複雜。

2）處理數據重複問題

數據重複問題，可以通過覆蓋、跳過或上傳失敗進行處理。根據不同的使用場景，選擇不同的方式：

• 若沒有提供錯誤信息，顯示上傳失敗，避免用戶修改時，修改了正确數據，反而錯誤數據沒有修改到；
• 若覆蓋後不造成影響，可以直接覆蓋導入；
• 若數據存在唯一編号，不允許重複的情況，可在導入過程，系統直接跳過，在相應的報錯提示中，提示清楚錯誤編号及錯誤原因。

3）特殊字符注意事項

導入過程中，除了上面提到的常見報錯類型，還需要考慮是否需要過濾空格，或者excel可能出現的特殊符号，如’符号（用戶有時通過導入模闆處理數據時，模版編号欄位中有時會帶有該符号，如下圖4）。

之所以過濾空格和某些excel常見的特殊符号，主要是防止導入内容進行篩選時，精準搜索匹配不到。

圖4 excel特殊符号

4）部分導入成功問題

導入過程中的數據報錯，通常是部分數據報錯，提示錯誤數據的方式有多種：

方式一：

導入成功的數據，錯誤信息直接展示，不支持在線修改，這種方式開發實現較為簡單，但實際用戶需要一個個去比對導入模闆中的哪條數據錯誤，體驗不太好，如圖5。

圖5 導入報錯提示

方式二：

導入成功的數據，錯誤信息直接展示，并支持直接修改，但這種方式通常适用數據量較小的情況，如圖6，可以直接在彈窗列表中修改信息，修改後提交。

圖6 導入報錯修改

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

1、導入上傳失敗後，提示失敗内容，跳轉新頁面處理，通過【修改】按鈕彈窗修改，這種方式對于報錯數據需要分頁的比較友好。

2、也有些數據量較少的導入，會在導入上傳的時候，支持用戶查看即将導入的信息，确定無誤後再導入等…

方式三：

導入成功的數據，錯誤信息采用文檔下載的方式，重新修改錯誤信息後，再行導入，這種方式适合一些數據量較大的文件，如圖7。

圖7 錯誤文件下載

有些報錯提示，也會在下載錯誤報告後，加上對應的錯誤原因展示或者直接在線修改，但如果數據量較大，直接錯誤文件下載就足夠了，不建議加上另外2個。

5）導入後的數據修改

導入後的數據修改方式，有如下2種：

1、列表處直接修改。這種方式适合小數據量修改。

2、導入修改。直接使用導入修改，要根據實際情況判定：

（1）覆蓋原有數據；

（2）有重複标識，不支持導入覆蓋的，須提供删除功能進行數據删除後，才能重新導入。

2.1 導入過程中相關交互提示

導入過程中的加載和相關提示語，可以說是通用規則，作為提升用戶體驗的方式，必不可少。

1、若數據龐大，導入耗時，可以通過進度條顯示，或者類似百度網盤類的下載，顯示預計時間，避免用戶等待焦慮。

圖8 導入進度條

2、若數據輕量，可以直接通過加載圖案，顯示導入中。

圖9 導入加載樣式

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

以上是對近期B端導入功能遇到的一些問題總結，導入功能看着常見，但其實真正設計時，有很多小細節需要思考，此處也仍有很多細節未考慮齊全，未來一邊踩坑一邊完善自己的相關認知。

本文由 @小熊不是尼不昵 原創發布于人人都是産品經理。未經許可，禁止轉載

題圖來自 Unsplash，基于 CC0 協議

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!