表格數(shù)據檢索(一)
編輯導語:企業(yè)級中后臺產品通常大量使用表格來展示結構化的數(shù)據,對表格數(shù)據進行檢索,是一個常用功能;所以,一個體驗感良好的數(shù)據檢索功能是非常重要的,本文作者詳細分析了關于表格數(shù)據檢索,我們一起來學習一下。
在日常設計工作中,我們經常不加思考便產出一個個帶有表格數(shù)據檢索功能的頁面;然而,體驗良好的表格數(shù)據檢索功能,需要充分考慮用戶的需求和具體的場景,選擇合適的數(shù)據檢索方式及數(shù)據檢索模式。
關于表格數(shù)據檢索,我將分兩個維度進行探討:
- 一個是較細粒度的方面,圍繞搜索、篩選、排序這三種「數(shù)據檢索方式」展開;
- 在另一個維度,將圍繞表格數(shù)據檢索這個功能進行,來探討一些常見的「數(shù)據檢索模式」。
整體的大綱概覽如下:
本節(jié)主要著眼點在于表格數(shù)據檢索功能較細粒度的方面,主要是圍繞搜索、篩選、排序這三種「數(shù)據檢索方式」來探討一些基礎問題點,知“人”善用,就要從基礎開始。
一、搜索、篩選和排序
搜索、篩選和排序,是不同粒度的數(shù)據檢索方式,從用戶的角度出發(fā),分別對應不同程度的用戶目標:
- 搜索:當用戶有相對明確的檢索目標時,搜索可以幫助用戶快速而準確的定位到目標數(shù)據。
- 篩選:當用戶的目標相對比較模糊,游離于一個大概的范圍時,篩選可以幫助用戶縮小數(shù)據范圍,逐步找到想要的內容;或者當用戶的目標就是查看某一范圍的數(shù)據時,篩選將是一種十分快捷的方式。對于企業(yè)級中后臺產品,篩選的使用場景通常是后一種。
- 排序:通過排序,用戶能夠將數(shù)據按照一定的規(guī)律進行排列,以滿足特定的數(shù)據檢索需求。
從數(shù)據的角度來看,搜索、篩選和排序,也并不是任何數(shù)據都適合任何一種檢索方式:
- 搜索:適于進行搜索的數(shù)據,通常是多且雜亂無規(guī)律,對于企業(yè)級中后臺產品來說,適于搜索的數(shù)據通常是具有唯一性的。
- 篩選:適于進行篩選的數(shù)據,通常是一些重復字段,或者是具有清晰的分類,并且一定是可枚舉的。
- 排序:能夠進行排序的數(shù)據,通常是具有數(shù)值大小規(guī)律,或者有日期遠近規(guī)律的。按首字母排序時要慎重衡量使用的意義及效率。
二、關于搜索的一些基礎問題
1. 精確搜索和模糊搜索
精確搜索:單屬性搜索,且需保證搜索關鍵字的完整性,如果不完整則搜不到包含此關鍵字的數(shù)據;精確搜索能夠快速精準定位,無需二次查找,通常用于有明確搜索目標,且已知信息完整的場景。
模糊搜索:即搜索結果可能是不精確的,需要通過二次查找定位到目標數(shù)據,這通常有兩種情況:
- 由于已知信息不充足,輸入的搜索關鍵字不完整,導致搜索結果不精確;
- 由于搜索目標相對不明確,輸入的搜索關鍵字的屬性不確定,導致搜索結果不精確;通常為了保證易用性,大多不要求輸入完整的關鍵字。
2. 單關鍵字搜索和多關鍵字搜索
單關鍵字搜索:即一次搜索的目標為一條數(shù)據,例如搜索編號為“1”的數(shù)據。搜索通常默認為單關鍵字搜索。
多關鍵字搜索:即一次搜索的目標為多條數(shù)據,例如搜索編號為“1”和“2”的數(shù)據;多關鍵字搜索會增加輸入操作的復雜度,如果在實際業(yè)務場景中確實需要,應給出明確易懂的操作提示。
3. 搜索觸發(fā)方式
搜索按鈕:在用戶輸入搜索關鍵詞后,需點擊搜索按鈕來獲取搜索結果;對于依賴鼠標的用戶來說,通過搜索按鈕來觸發(fā)搜索更符合預期,操作流更明確。
回車:在用戶輸入搜索關鍵詞后,需按回車鍵來獲取搜索結果;對于熟悉鍵盤操作的用戶來說 ,點按回車進行搜索十分方便。
即時:在用戶輸入搜索關鍵詞的同時,實時預測用戶輸入的內容,并動態(tài)給出搜索結果;優(yōu)勢在于每次輸入無須通過額外動作觸發(fā)搜索,搜索結果會自動、實時的更新,平均每次搜索可節(jié)省2-5秒鐘,使搜索結果更早呈現(xiàn)給用戶;需要斟酌的問題在于,在搜索過程中會出現(xiàn)大量無用信息,對于目標明確的用戶反而是一種干擾。
對于企業(yè)級中后臺產品而言,用戶通常是目標導向且效率至上的,建議同時使用搜索按鈕和回車觸發(fā)搜索的方式,以滿足不同操作習慣的用戶。
4. 理解用戶的搜索意圖
關鍵字聯(lián)想::通過關鍵字聯(lián)想來自動補全或匹配預設值,能夠幫助用戶降低輸入負荷,提升填寫效率,同時也能為搜索目標不明確的用戶提供適當幫助。
搜索歷史:如果有重復搜索的場景,則通過記錄用戶由近及遠的搜索關鍵詞,能夠提高用戶在重復搜索過程中的效率。
其他:諸如分詞、自動糾錯、同義詞擴展、拼音轉文字、繁體轉簡體等;對于搜索需求相對比較簡單的管理平臺類產品來說,通常不需要過度投入。
三、關于篩選的一些基礎問題
1. 下拉菜單式和平鋪式
下拉菜單式:如果篩選項的屬性值比較多,且用戶的篩選目標比較明確時,使用帶搜索功能的下拉菜單將十分便捷,下拉菜單的方式相對于平鋪式更節(jié)省頁面空間。
平鋪式:平鋪方式使篩選項的屬性值直接暴露,更直觀,操作也更簡單;尤其當用戶的篩選目標不明確,需要多次切換屬性值時,平鋪方式將提高易用性。
但使用平鋪方式時的篩選項,屬性值不宜過多,否則將失去直觀與便捷的優(yōu)勢。
2. 單選和多選
篩選可以是單選也可以是多選,具體視業(yè)務需求而定。
對于單選和多選,應有所示能,讓用戶能夠明確感知得到這是單選還是多選,尤其對于單選與多選同時存在的場景。
- 可以通過視覺進行區(qū)分,如使用復選框或對勾來標識多選狀態(tài);
- 對于下拉菜單式的篩選,可以通過交互進行區(qū)分;如單選時,在選中某一屬性值后,下拉菜單會自動收起,而多選時則不會自動收起。
3. 篩選觸發(fā)方式
篩選按鈕:在組合篩選或多選時,用戶目標比較明確,希望一次性篩選出目標數(shù)據;應考慮使用確定按鈕來觸發(fā)篩選,以避免無意義的頻繁刷新。
即時:如果用戶的目標不是十分明確,需要逐步進行篩選,或者用戶每次僅對一個篩選項進行操作時;使用選定某一屬性值后即時觸發(fā)篩選的方式,效率更高
四、關于排序的一些基礎問題
1. 表頭/非表頭排序
對于有表頭的表格數(shù)據進行排序時,通常使用表頭排序,但表頭排序項僅限于當前表格中的內容。
對無表頭的內容進行排序時,可設置單獨的排序項,這些排序項可以是當前表格中所沒有的內容。
2. 熱區(qū)范圍
表格排序通常使用箭頭型圖標來指示升序、降序這兩個相反的順序,我們通常會遇到的問題是熱區(qū)范圍比較小,難以點擊。
- 如果表頭區(qū)域高度有限,建議將整個表頭作為點擊區(qū)域,按照升序-降序-取消排序進行響應,兩次輕松的隨意點擊勝過一次費力的精準點擊;同時可配合文字提示工具為每一次的排序操作作出提示。但需留意,應將用戶大多場景下的排序預期作為第一響應值。
- 如果表頭區(qū)域高度比較充足,可將表頭分為上下兩個熱區(qū),分別對應升序-取消升序和降序-取消降序;這樣可在保證點擊命中率的同時,減少操作次數(shù)。
3. 明確標識排序項
對于被激活的排序項,應當有明確的標示,使用戶清晰感知到當前數(shù)據所呈現(xiàn)的規(guī)律。
對于表格,排序的列和不排序的列應有所區(qū)分,以加深用戶的感知。
4. 回到初始排序
表格通常會預判一個可能的需求,作為默認排序。
用戶按照自己的意愿將數(shù)據重新排序后,應為用戶提供回到初始排序的方式,可能是一個重置/取消排序的按鈕,或者初始時,就有一個高亮的排序項。
五、小結
一個體驗良好的表格數(shù)據檢索功能,來源于對搜索、篩選、排序這三種數(shù)據檢索方式的細節(jié)把握。
在實際應用時,可通過對需求的分析,選擇合適的數(shù)據檢索方式;或者將他們進行靈活組合,形成功能完善的數(shù)據檢索模式。
本文由@三多的設計筆記 原創(chuàng)發(fā)布于人人都是產品經理。未經許可,禁止轉載
題圖來自 Unsplash,基于 CC0 協(xié)議
如果某個篩選選項時字典值,結果被刪除了,這個怎么辦
這么好的文章居然沒人評論,求加微信深度溝通和學習!