數(shù)據(jù)導(dǎo)入功能,怎么設(shè)計用戶體驗更好?
數(shù)據(jù)導(dǎo)入功能是產(chǎn)品設(shè)計中的核心環(huán)節(jié),它直接影響用戶的工作效率和產(chǎn)品滿意度。一個優(yōu)秀的數(shù)據(jù)導(dǎo)入設(shè)計不僅能提升用戶體驗,還能有效避免用戶在數(shù)據(jù)上傳過程中的常見問題。
數(shù)據(jù)導(dǎo)入功能,算是產(chǎn)品設(shè)計中最常見的功能之一了,一個好的數(shù)據(jù)導(dǎo)入功能能大大的提高用戶的工作效率和滿意度,反之則讓用戶覺得平臺不好用,甚至放棄使用產(chǎn)品。
日常數(shù)據(jù)導(dǎo)入,大家是不是就放一個文件上傳的按鈕,用戶點擊選擇對應(yīng)文件,然后點擊確定,即可將文件上傳成功到平臺?
今天就給大家一個樣例模板,設(shè)計出一個讓用戶體驗感更好的數(shù)據(jù)導(dǎo)入功能。
一、分析問題
首先我們拆解分析一下數(shù)據(jù)導(dǎo)入的流程,然后我們逐步優(yōu)化。
之前的數(shù)據(jù)導(dǎo)入流程:下載模板–文件選擇–數(shù)據(jù)上傳–上傳成功。
用戶其實不知道自己上傳數(shù)據(jù)的準(zhǔn)確性,有時候文件過大,用戶不能關(guān)閉當(dāng)前傳輸窗口,只能在當(dāng)前頁面一直等待,耽誤其他工作。
相對完善的流程是:下載模板–文件選擇–查看確認(rèn)數(shù)據(jù)–數(shù)據(jù)上傳–上傳成功。
下面我們針對完善之后的流程,對其功能操作進(jìn)行詳細(xì)的介紹。
二、流程優(yōu)化
1. 下載模板
提供模板下載功能,然后針對模板,產(chǎn)品經(jīng)理要對模板里面的字段做一些限制,字段的限制同平臺,比如選擇項,那就提供一些標(biāo)準(zhǔn)的選擇項,供用戶去選擇;數(shù)量限制只能輸入數(shù)字,并且限制最大數(shù)量等等。如果有經(jīng)緯度,可以設(shè)置經(jīng)緯度的正常范圍。
2. 文件選擇
支持點擊選擇或拖拽文件上傳兩種模式上傳方式,并且下面文字提醒,如果是excel,提示只能上傳一個excel的文件;
本地選擇,只展示excel文件,其他格式的文件自動過濾;
拖拽上傳,如果拖拽的不是excel的文件,提示文件格式錯誤,請確認(rèn)后重新上傳。
上傳完成后,顯示上傳的文件名稱,如果上傳錯誤,也可以刪除重新上傳。
3. 數(shù)據(jù)確認(rèn)
上傳的數(shù)據(jù),右側(cè)可以進(jìn)行實時查看,并且下面通過預(yù)檢錯誤信息列表可以提醒出哪個字段必填的,可提示出:某行某個字段必須有值,請檢查。
因為我們ecxel設(shè)置格式時,不能設(shè)置哪一項是必填項,但是可以通過預(yù)檢錯誤信息列表提醒用戶。
當(dāng)預(yù)檢錯誤信息列表中檢查出對應(yīng)錯誤時,開始上傳數(shù)據(jù)按鈕置灰不可點擊,用戶確認(rèn)數(shù)據(jù)無誤沒有錯誤后,方可點擊,進(jìn)行數(shù)據(jù)上傳。
點擊開始上傳數(shù)據(jù),彈窗再次讓用戶確認(rèn),確認(rèn)將數(shù)據(jù)上傳至平臺?點擊確定,會跳轉(zhuǎn)至下一步,點擊取消,彈窗消失。
4. 數(shù)據(jù)上傳
如果只是純數(shù)據(jù)字段,一般文件不會太大,直接傳輸即可,統(tǒng)計顯示總的數(shù)據(jù)條數(shù),導(dǎo)入成功的數(shù)量,失敗的數(shù)量,然后顯示進(jìn)度條,展示上傳的進(jìn)度。
如果文件很大,可以用異步處理的方式,后臺需要要設(shè)計專門的地方展示任務(wù)進(jìn)度,上傳成功,用公告通知用戶。
本文由人人都是產(chǎn)品經(jīng)理作者【晨陽產(chǎn)品筆記】,微信公眾號:【晨陽產(chǎn)品筆記】,原創(chuàng)/授權(quán) 發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自Unsplash,基于 CC0 協(xié)議。
- 目前還沒評論,等你發(fā)揮!