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