后臺數(shù)據(jù)表格交互體驗設(shè)計
后臺數(shù)據(jù)表格通常包含很多處理類操作,這類操作的交互常常被忽略,我通過自身遇到的情況總結(jié)出一些更為合適的解決方案。
1、添加數(shù)據(jù)
Q:添加數(shù)據(jù)時不知道添加是否成功了,找不到添加的數(shù)據(jù)在哪
S:①添加系統(tǒng)消息提示保存成功;②將新添加的數(shù)據(jù)放在列表第一行;③標(biāo)記最新添加的數(shù)據(jù)(取決于開發(fā)實現(xiàn)方式)

2、移除數(shù)據(jù)
Q1:包括刪除、加入白名單這類操作,完成后數(shù)據(jù)將不再顯示在列表中,不知道數(shù)據(jù)是否成功了
S1:添加系統(tǒng)消息提示處理成功
Q2:刪除數(shù)據(jù)提示框中文本信息不明確刪除的是哪一條數(shù)據(jù)
S2:提示框中告知用戶所刪除數(shù)據(jù)的信息

3、表格狀態(tài)
Q:不明確當(dāng)前所停留或選擇的數(shù)據(jù)行
S:在默認(rèn)狀態(tài)之外,給表格數(shù)據(jù)行設(shè)計激活和選中狀態(tài)。當(dāng)鼠標(biāo)停留在某一行,高亮這一行;當(dāng)表格選中這一行進(jìn)行查看時,將這一行設(shè)為選中狀態(tài)

4、編輯/查看/處理/刪除...
Q:在表格中,經(jīng)常在彈窗中對某一行的數(shù)據(jù)進(jìn)行編輯、查看等操作,打開彈窗時不知道編輯的數(shù)據(jù)對應(yīng)哪一行,關(guān)閉彈窗后也沒有明確告知用戶剛剛所編輯的數(shù)據(jù)是哪一條
S:打開彈窗后,將編輯行設(shè)置為選中狀態(tài),關(guān)閉彈窗后,仍保留選中狀態(tài)2秒后自動取消選中

5、數(shù)據(jù)處理
Q1:當(dāng)表格中有下載功能時,經(jīng)常我們有下載多個的需求,但是一個個下載的時候不知道自己哪些下載了,那些沒下載(Tip:已經(jīng)下載的仍可以二次下載)
S1:①提供批量下載功能;②在用戶沒有刷新頁面的請款下,標(biāo)記出哪些是下載過了的那些是沒下載過的狀態(tài)
Q2:當(dāng)表格中有處理功能時,例如處理告警,這時候不知道哪些是處理了的哪些是沒處理的(Tip:已經(jīng)處理過的數(shù)據(jù)再進(jìn)行處理)
S2:完成處理后數(shù)據(jù)將處理功能置為不可用

6、查詢數(shù)據(jù)
Q:通過過濾條件查詢數(shù)據(jù)時,應(yīng)該在結(jié)束輸入查詢條件后進(jìn)行實時查詢,還是統(tǒng)一通過點擊查詢按鈕觸發(fā)查詢
S:①一般情況下應(yīng)該盡可能進(jìn)行實時查詢,簡化用戶的操作;②在查詢條件組合較為復(fù)雜和查詢數(shù)據(jù)量較大時可以通過統(tǒng)一的查詢按鈕觸發(fā)查詢,減少用戶的等待時間

通過對這些問題的總結(jié),可以發(fā)現(xiàn)在設(shè)計數(shù)據(jù)表格的交互體驗時,我們的準(zhǔn)則是要時刻讓用戶在不知不覺的情況下準(zhǔn)確地知道我在哪,我做了什么,創(chuàng)造出沉浸式的用戶體驗。






































