B端產(chǎn)品設(shè)計(jì)——批量導(dǎo)入

35 評(píng)論 56323 瀏覽 424 收藏 9 分鐘

編輯導(dǎo)讀:批量導(dǎo)入是用戶在工作中經(jīng)常需要用到的功能,如何優(yōu)化這個(gè)功能提升用戶體驗(yàn)?zāi)??本文將從兩個(gè)方面展開分析,希望對(duì)你有幫助。

最近工作過程中,涉及到兩次批量上傳文件的設(shè)計(jì),也存在一些異常情況等的困惑,參考了一切B端產(chǎn)品進(jìn)行總結(jié)。

本次總結(jié),參考了:釘釘、有贊、草料二維碼、企業(yè)微信等產(chǎn)品和部分文章進(jìn)行輸出。

一、使用場(chǎng)景

    1. 一次性需填寫的字段數(shù)量多,在excel中復(fù)制填寫速度快;
    2. 數(shù)據(jù)多,重復(fù)提交浪費(fèi)時(shí)間。

二、批量導(dǎo)入

1. 如何降低導(dǎo)入時(shí)錯(cuò)誤概率?

1)提供下載模板

在列表頁(yè)同時(shí)出現(xiàn)下載模板和批量上傳按鈕:

只出現(xiàn)批量上傳按鈕,在批量上傳彈窗提供下載模板:

此處推薦第二種方式。第一種方式在點(diǎn)擊批量上傳時(shí)沒有模板,需重新關(guān)閉點(diǎn)擊下載模板。且下載模板的這一動(dòng)作僅存在需批量導(dǎo)入時(shí)執(zhí)行,一直置于列表頁(yè)的話,本身操作就多的列表頁(yè)又增加了一個(gè)按鈕。

2)模板最好由產(chǎn)品/交互進(jìn)行設(shè)計(jì),重點(diǎn)要寫清填寫規(guī)則,避免規(guī)則不清晰導(dǎo)致用戶填寫錯(cuò)誤

釘釘-批量導(dǎo)入:

企業(yè)微信-批量導(dǎo)入:

有贊-批量導(dǎo)入商品:

草料-批量導(dǎo)入:

模板設(shè)計(jì)要點(diǎn):

  • 標(biāo)明必填、選填
  • 對(duì)不可修改字段進(jìn)行強(qiáng)調(diào),避免用戶隨意輸入
  • 時(shí)間格式的規(guī)范,2020-07-19,還是2020/07/19,還是2020.07.19,雖然后端可以幾種格式都進(jìn)行識(shí)別,但用戶的輸入可能遠(yuǎn)遠(yuǎn)不止三種,設(shè)計(jì)/后端無法對(duì)每種情況都進(jìn)行排查,所以還是進(jìn)行提示較好
  • 特殊符號(hào)的限制,例如中文和英文的逗號(hào)、括號(hào)在代碼中不同的,如果沒有進(jìn)行雙重識(shí)別,最好還是提示用戶按什么語(yǔ)言輸入
  • 在模板中根據(jù)標(biāo)準(zhǔn),填寫一行“較為真實(shí)”的數(shù)據(jù),提供用戶“抄寫/模仿”

3)對(duì)于固定選項(xiàng)的字段,提供選擇,而非輸入(在模板設(shè)計(jì)時(shí)進(jìn)行)

2. 上傳情況有哪些?如何進(jìn)行設(shè)計(jì)?

1)文件類型、大小

  1. 一般僅支持.xls 和 .xlxs 格式
  2. 文件大小看校驗(yàn)?zāi)芰σ约暗却龝r(shí)長(zhǎng)。為了節(jié)省服務(wù)器的空間和提高文件傳輸?shù)乃俣龋枰拗粕蟼魑募拇笮?。建議不要過大,目前我設(shè)置為2M的大?。ㄟ@一點(diǎn)我不是很確定,與研發(fā)同事進(jìn)行溝通,由于部分字段需進(jìn)行校驗(yàn)判斷,數(shù)據(jù)量大的時(shí)候會(huì)導(dǎo)致傳輸速度非常慢,因此2M是合理的范圍)

2)部分成功、部分失敗

對(duì)于部分成功、部分失敗的數(shù)據(jù)而言,有兩種方式。一為支持錯(cuò)誤信息在平臺(tái)上直接修改后保存,另一種為提供錯(cuò)誤清單,重新上傳。

前者開發(fā)較繁雜,一旦涉及數(shù)據(jù)量大時(shí),修改起來比較耗時(shí),且容易再次出錯(cuò)。

設(shè)計(jì)要點(diǎn):

  • 提示成功上傳n條,失敗m條,提供<錯(cuò)誤清單.xls>
  • 錯(cuò)誤清單除了包括錯(cuò)誤的數(shù)據(jù),還需包括錯(cuò)誤原因,例如:必填項(xiàng)漏填、填寫錯(cuò)誤、號(hào)碼已存在、編號(hào)重復(fù)等。如果一條數(shù)據(jù)存在多處錯(cuò)誤,通常程序只顯示第一個(gè)錯(cuò)誤原因,再次上傳,再次提示另外的錯(cuò)誤,直至正確為止。也可以一次性提示多個(gè)錯(cuò)誤,開發(fā)同事拿著刀在等著而已。
  • 除了錯(cuò)誤清單外,系統(tǒng)也可以直接在上傳后顯示錯(cuò)誤的行數(shù)、信息。用戶可以直接在原本的文件上進(jìn)行修改,不需要進(jìn)行下載<錯(cuò)誤清單.xls>操作

3)列名與模板不一致/列的順序不一致?

釘釘:釘釘是默認(rèn)第幾行是什么字段,與字段名無關(guān)。

例如第二行與第三行列名換了,但內(nèi)容是對(duì)的,仍會(huì)上傳失敗。若手機(jī)號(hào)那一列寫的是姓名,則會(huì)上傳成功。

其它為識(shí)別列名,若列名錯(cuò)誤,則提示錯(cuò)誤。

無論哪一種都可以,但比較推薦識(shí)別列名。比較符合認(rèn)知,及時(shí)列的順序反了,仍能識(shí)別正確。

4)頂部填寫須知去除后,是否支持上傳成功?

  1. 釘釘:提示:文件列名不能被修改或刪除,請(qǐng)重新導(dǎo)出模板
  2. 企業(yè)微信:上傳成功

5)錯(cuò)誤表單怎么設(shè)計(jì)?

提供每一條錯(cuò)誤數(shù)據(jù)的錯(cuò)誤原因。

6)數(shù)據(jù)重復(fù),選擇覆蓋/跳過/上傳失敗?

根據(jù)不同場(chǎng)景,進(jìn)行選擇:

  • 若沒有提供錯(cuò)誤清單,則直接上傳失敗。避免用戶得將表里面正確的數(shù)據(jù)去除,再修改錯(cuò)誤的數(shù)據(jù),不如一次性不上傳;
  • 若是覆蓋后不會(huì)造成影響,可以進(jìn)行覆蓋。例如員工的信息等;
  • 若是數(shù)據(jù)編號(hào)重復(fù),會(huì)造成各種影響,或者直接不能編號(hào)重復(fù)的數(shù)據(jù),則進(jìn)行跳過,最后在錯(cuò)誤清單中提示:編號(hào)錯(cuò)誤即可。

例如,本次工作中,導(dǎo)入的數(shù)據(jù)會(huì)傳到第三方的平臺(tái),數(shù)據(jù)一直都是不變的,正確即可上傳第三方平臺(tái)。那么就不存在去覆蓋舊數(shù)據(jù)的可能。

雖然在B端產(chǎn)品中處處可見導(dǎo)入導(dǎo)出,但細(xì)究起來,仍還有很多點(diǎn)沒有涉及到。目前僅是針對(duì)工作內(nèi)容進(jìn)行的拓展學(xué)習(xí),可能還有部分坑沒有躺過,可以進(jìn)行交流。

B端的其中一個(gè)價(jià)值為提高效率,讓導(dǎo)入導(dǎo)出更好用,更人性化、智能,才能提高使用效率。

 

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

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

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 若批量導(dǎo)入一對(duì)多的關(guān)系,如何處理,導(dǎo)入模板等應(yīng)如何設(shè)置。比如:一個(gè)組下包含多名成員

    來自北京 回復(fù)
    1. 針對(duì)樓主這個(gè)問題我也想了解,期盼作者大大回復(fù)。

      來自廣東 回復(fù)
    2. 直接傳入多行,不校驗(yàn)組的重復(fù)
      例如A組下包含J、K、L三個(gè)人,可以傳入三行:A-J A-K A-L,不去校驗(yàn)A的重復(fù)

      來自北京 回復(fù)
  2. 很有幫助,期待新的文章!

    來自上海 回復(fù)
  3. 看到一個(gè)公眾號(hào)抄了這個(gè)

    來自北京 回復(fù)
    1. 誒?方便告知哪一個(gè)嗎

      來自浙江 回復(fù)
  4. 你好,我想問一下,假如在導(dǎo)入時(shí),可能會(huì)出現(xiàn)一種情況就是,導(dǎo)入字段會(huì)因?yàn)槟硞€(gè)分類不同而改變,分類信息和這個(gè)字段都是必填項(xiàng),這時(shí)候如果根據(jù)分類進(jìn)行模板劃分,會(huì)造成導(dǎo)入模板很多,導(dǎo)致最后用戶的體驗(yàn)很不好,請(qǐng)問這個(gè)情況該怎么解決呢

    來自四川 回復(fù)
    1. 就比如說一個(gè)耗材當(dāng)選擇了規(guī)格類型為設(shè)備時(shí),這個(gè)耗材對(duì)應(yīng)的規(guī)格字段是設(shè)備,選擇其他,對(duì)應(yīng)規(guī)格是顏色+規(guī)格,這里面規(guī)格類型,規(guī)格字段都是必填項(xiàng)哈,這種情況如何處理呢

      來自四川 回復(fù)
    2. 這個(gè)得取決于場(chǎng)景。一張表格中,分類存在不同的場(chǎng)景多呢?還是分類只有1個(gè)的場(chǎng)景多。 如果是后者的話,考慮把分類前置是ok的,可參考有贊的導(dǎo)入商品。如果更多是一次上傳就可以多種分類,那么在表格上的設(shè)計(jì)多花點(diǎn)心思。在程序解析上,如果為設(shè)備,則忽略到部分字段也是可以的。

      來自廣東 回復(fù)
    3. 好的,分類不會(huì)存在多種場(chǎng)景,然后我的思路就是有兩種,一種就是模板中填寫所有字段信息,然后導(dǎo)入的時(shí)候由后端判斷,根據(jù)規(guī)格型號(hào)與規(guī)格參數(shù)是否匹配來決定;第二種就是因?yàn)橥ㄓ们闆r也就是大部分情況規(guī)格參數(shù)就只有規(guī)格,所有我建了三個(gè)模板,一個(gè)通用的,兩個(gè)非通用,這樣在最開始人為劃分了

      來自四川 回復(fù)
  5. 太強(qiáng)了,正好需要!

    來自浙江 回復(fù)
  6. 你好,想請(qǐng)問下,如果需要導(dǎo)入帶有合并單元格的EXCEL,同時(shí)希望導(dǎo)入后頁(yè)面展示的也是帶有合并單元格的,能實(shí)現(xiàn)嗎?

    來自湖北 回復(fù)
  7. 請(qǐng)教一下,用哪種方式批量導(dǎo)入圖片,比較高效呢?

    來自廣東 回復(fù)
    1. 批量導(dǎo)入圖片的話,我們現(xiàn)階段是這樣做的:假設(shè)商品A、B各有5張主圖,現(xiàn)在有個(gè)場(chǎng)景是,我需要批量更新A、B商品的主圖。
      功能的設(shè)計(jì):
      1.用戶上傳rar格式的壓縮包,壓縮包中是商品A、B的主圖,圖片文件采用(商品ID+序號(hào))的方式命名。商品ID用于確認(rèn)該圖片是歸屬于A還是歸屬于B,序號(hào)是確定該圖片在商品主圖中的順序。
      2.壓縮包上傳成功,系統(tǒng)開始解析讀取壓縮包的文件。
      3.解析成功之后,執(zhí)行替換更新操作,通過商品ID和序號(hào),替換對(duì)應(yīng)位置下的商品主圖!

      回復(fù)
  8. 若導(dǎo)入的時(shí)候錯(cuò)誤,怎樣提示好一點(diǎn),以及如何處理錯(cuò)誤數(shù)據(jù),覆蓋還是新增,用戶可以選擇的話如何選擇體驗(yàn)最好

    來自福建 回復(fù)
    1. 錯(cuò)誤的場(chǎng)景有很多,需要一個(gè)一個(gè)整理出來如網(wǎng)絡(luò)崩潰、格式錯(cuò)誤

      來自山東 回復(fù)
  9. 電商后臺(tái)商品分類

    回復(fù)
  10. 謝謝?。『苡袔椭。?!

    來自四川 回復(fù)
  11. 其實(shí)還有一個(gè)問題,導(dǎo)入過程刷新頁(yè)面如何處理

    來自廣東 回復(fù)
    1. 不知道你有什么好的思路。
      之前考慮過這個(gè)異常case。問過我司開發(fā),回復(fù)是,導(dǎo)入表格后,客戶端刷新了,服務(wù)端仍會(huì)執(zhí)行代碼。只是說用戶無法知道執(zhí)行結(jié)果?;诖?,在前端加了個(gè)刷新的判斷,如果監(jiān)聽到刷新事件,就彈窗告知。

      來自廣東 回復(fù)
    2. 搞個(gè)導(dǎo)入任務(wù)列表就行了,告知用戶當(dāng)前有任務(wù)正在執(zhí)行,可以看是什么文件以及目前執(zhí)行進(jìn)度

      來自廣東 回復(fù)
  12. 現(xiàn)在就有個(gè)需求,訂單導(dǎo)入的,但不同的訂單類型字段是不一樣的,如果設(shè)計(jì)成一個(gè)模板,就會(huì)有很多空字段,并且要加很多字段說明,如果按訂單類型分拆成多個(gè)模板,模板又會(huì)很多,像這種情況怎么設(shè)計(jì)會(huì)比較好?

    來自廣東 回復(fù)
    1. 暫不了解具體需求和場(chǎng)景,輸出是如何顯示的,輸入也保持一致即可。
      同時(shí)考慮,是單種訂單類型導(dǎo)入的場(chǎng)景多,還是存在多種訂單類型導(dǎo)入的場(chǎng)景多。
      Q1:訂單為什么需要導(dǎo)入?
      Q2:字段的數(shù)量是如何的?不同模板之間的差別是如何的?
      Q3:訂單類型模板很多是多少?

      來自廣東 回復(fù)
  13. 是否需要考慮限制每次批量導(dǎo)入的行數(shù)量?多少為宜,或者有沒技術(shù)限制?

    來自廣東 回復(fù)
    1. 根據(jù)使用場(chǎng)景來,若場(chǎng)景需要數(shù)據(jù)量級(jí)比較大/數(shù)據(jù)判斷復(fù)雜時(shí),可以與研發(fā)同事進(jìn)行討論。從技術(shù)層面能一次性上傳多少數(shù)據(jù)量級(jí)以及用戶的等待時(shí)間?;蛘咦寽y(cè)試同學(xué)壓力測(cè)下,是否符合產(chǎn)品方的需求
      目前我還沒多大接觸過極限值的情況,無法給出很好的答復(fù)

      來自廣東 回復(fù)
    2. 要考慮實(shí)際的業(yè)務(wù)情況,如果實(shí)際應(yīng)用場(chǎng)景確實(shí)需要一次導(dǎo)入超大量級(jí)的數(shù)據(jù),可以考慮異步處理,通過消息等方式返回處理結(jié)果通知。這樣用戶就不需要在操作頁(yè)面等待太久。

      來自北京 回復(fù)
  14. 如何更好的解決導(dǎo)入的模板里面有些選擇內(nèi)容不固定的問題呢

    回復(fù)
    1. 選擇內(nèi)容不固定指的是?文中寫的提供的選項(xiàng),是取值固定時(shí)才用的選擇。如果不固定的自然還是以輸入為主

      來自廣東 回復(fù)
  15. 我最近做了兩個(gè)批量導(dǎo)入功能,上傳文件后校驗(yàn)成功的數(shù)據(jù)可以直接導(dǎo)入,不必再點(diǎn)一次確認(rèn)導(dǎo)入(正確的數(shù)據(jù)不會(huì)也不必顯示出來讓用戶確認(rèn)),只要提供一個(gè)校驗(yàn)失敗數(shù)據(jù)的下載按鈕即可。這樣做的好處是節(jié)省了一次點(diǎn)擊

    回復(fù)
    1. 謝謝提出建議~

      來自廣東 回復(fù)
    2. 得看數(shù)據(jù)的重要程度,如果是特別重要的數(shù)據(jù)。建議增加上傳后的預(yù)覽功能,并且讓用戶再次確認(rèn),避免誤操作。

      來自北京 回復(fù)
    3. 今天評(píng)審?fù)炅?,我發(fā)現(xiàn)一次就行了,因?yàn)橐呀?jīng)校驗(yàn)過了,用戶也沒必要再去確認(rèn)一下。也對(duì)用戶上傳之前的核對(duì)提出了要求。

      來自山東 回復(fù)
  16. 不錯(cuò)

    回復(fù)
    1. 謝謝。持續(xù)學(xué)習(xí),持續(xù)輸出。

      來自廣東 回復(fù)
  17. 整理輸出是個(gè)好習(xí)慣

    來自浙江 回復(fù)