B端產(chǎn)品設(shè)計(jì)——批量導(dǎo)入
編輯導(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)景
-
- 一次性需填寫的字段數(shù)量多,在excel中復(fù)制填寫速度快;
- 數(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)文件類型、大小
- 一般僅支持.xls 和 .xlxs 格式
- 文件大小看校驗(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)頂部填寫須知去除后,是否支持上傳成功?
- 釘釘:提示:文件列名不能被修改或刪除,請(qǐng)重新導(dǎo)出模板
- 企業(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é)議。
若批量導(dǎo)入一對(duì)多的關(guān)系,如何處理,導(dǎo)入模板等應(yīng)如何設(shè)置。比如:一個(gè)組下包含多名成員
針對(duì)樓主這個(gè)問題我也想了解,期盼作者大大回復(fù)。
直接傳入多行,不校驗(yàn)組的重復(fù)
例如A組下包含J、K、L三個(gè)人,可以傳入三行:A-J A-K A-L,不去校驗(yàn)A的重復(fù)
很有幫助,期待新的文章!
看到一個(gè)公眾號(hào)抄了這個(gè)
誒?方便告知哪一個(gè)嗎
你好,我想問一下,假如在導(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è)情況該怎么解決呢
就比如說一個(gè)耗材當(dāng)選擇了規(guī)格類型為設(shè)備時(shí),這個(gè)耗材對(duì)應(yīng)的規(guī)格字段是設(shè)備,選擇其他,對(duì)應(yīng)規(guī)格是顏色+規(guī)格,這里面規(guī)格類型,規(guī)格字段都是必填項(xiàng)哈,這種情況如何處理呢
這個(gè)得取決于場(chǎng)景。一張表格中,分類存在不同的場(chǎng)景多呢?還是分類只有1個(gè)的場(chǎng)景多。 如果是后者的話,考慮把分類前置是ok的,可參考有贊的導(dǎo)入商品。如果更多是一次上傳就可以多種分類,那么在表格上的設(shè)計(jì)多花點(diǎn)心思。在程序解析上,如果為設(shè)備,則忽略到部分字段也是可以的。
好的,分類不會(huì)存在多種場(chǎng)景,然后我的思路就是有兩種,一種就是模板中填寫所有字段信息,然后導(dǎo)入的時(shí)候由后端判斷,根據(jù)規(guī)格型號(hào)與規(guī)格參數(shù)是否匹配來決定;第二種就是因?yàn)橥ㄓ们闆r也就是大部分情況規(guī)格參數(shù)就只有規(guī)格,所有我建了三個(gè)模板,一個(gè)通用的,兩個(gè)非通用,這樣在最開始人為劃分了
太強(qiáng)了,正好需要!
你好,想請(qǐng)問下,如果需要導(dǎo)入帶有合并單元格的EXCEL,同時(shí)希望導(dǎo)入后頁(yè)面展示的也是帶有合并單元格的,能實(shí)現(xiàn)嗎?
請(qǐng)教一下,用哪種方式批量導(dǎo)入圖片,比較高效呢?
批量導(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)位置下的商品主圖!
若導(dǎo)入的時(shí)候錯(cuò)誤,怎樣提示好一點(diǎn),以及如何處理錯(cuò)誤數(shù)據(jù),覆蓋還是新增,用戶可以選擇的話如何選擇體驗(yàn)最好
錯(cuò)誤的場(chǎng)景有很多,需要一個(gè)一個(gè)整理出來如網(wǎng)絡(luò)崩潰、格式錯(cuò)誤
電商后臺(tái)商品分類
謝謝?。『苡袔椭。?!
其實(shí)還有一個(gè)問題,導(dǎo)入過程刷新頁(yè)面如何處理
不知道你有什么好的思路。
之前考慮過這個(gè)異常case。問過我司開發(fā),回復(fù)是,導(dǎo)入表格后,客戶端刷新了,服務(wù)端仍會(huì)執(zhí)行代碼。只是說用戶無法知道執(zhí)行結(jié)果?;诖?,在前端加了個(gè)刷新的判斷,如果監(jiān)聽到刷新事件,就彈窗告知。
搞個(gè)導(dǎo)入任務(wù)列表就行了,告知用戶當(dāng)前有任務(wù)正在執(zhí)行,可以看是什么文件以及目前執(zhí)行進(jìn)度
現(xiàn)在就有個(gè)需求,訂單導(dǎo)入的,但不同的訂單類型字段是不一樣的,如果設(shè)計(jì)成一個(gè)模板,就會(huì)有很多空字段,并且要加很多字段說明,如果按訂單類型分拆成多個(gè)模板,模板又會(huì)很多,像這種情況怎么設(shè)計(jì)會(huì)比較好?
暫不了解具體需求和場(chǎng)景,輸出是如何顯示的,輸入也保持一致即可。
同時(shí)考慮,是單種訂單類型導(dǎo)入的場(chǎng)景多,還是存在多種訂單類型導(dǎo)入的場(chǎng)景多。
Q1:訂單為什么需要導(dǎo)入?
Q2:字段的數(shù)量是如何的?不同模板之間的差別是如何的?
Q3:訂單類型模板很多是多少?
是否需要考慮限制每次批量導(dǎo)入的行數(shù)量?多少為宜,或者有沒技術(shù)限制?
根據(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ù)
要考慮實(shí)際的業(yè)務(wù)情況,如果實(shí)際應(yīng)用場(chǎng)景確實(shí)需要一次導(dǎo)入超大量級(jí)的數(shù)據(jù),可以考慮異步處理,通過消息等方式返回處理結(jié)果通知。這樣用戶就不需要在操作頁(yè)面等待太久。
如何更好的解決導(dǎo)入的模板里面有些選擇內(nèi)容不固定的問題呢
選擇內(nèi)容不固定指的是?文中寫的提供的選項(xiàng),是取值固定時(shí)才用的選擇。如果不固定的自然還是以輸入為主
我最近做了兩個(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)擊
謝謝提出建議~
得看數(shù)據(jù)的重要程度,如果是特別重要的數(shù)據(jù)。建議增加上傳后的預(yù)覽功能,并且讓用戶再次確認(rèn),避免誤操作。
今天評(píng)審?fù)炅?,我發(fā)現(xiàn)一次就行了,因?yàn)橐呀?jīng)校驗(yàn)過了,用戶也沒必要再去確認(rèn)一下。也對(duì)用戶上傳之前的核對(duì)提出了要求。
不錯(cuò)
謝謝。持續(xù)學(xué)習(xí),持續(xù)輸出。
整理輸出是個(gè)好習(xí)慣