高級搜索是網(wǎng)站建設(shè)過程中一種通過指定包含多個參數(shù)的條件從大型項目列表中查找內(nèi)容的方法。我們來看一些示例并提取最佳實踐,這些實踐會幫助你設(shè)計簡單有效的用戶體驗,在設(shè)計產(chǎn)品時執(zhí)行高級搜索。
高級搜索選項通常位于用戶界面上的基本搜索框附近,便于用戶可以輕松找到。
用戶定義搜索過濾器并將其應(yīng)用在大數(shù)據(jù)上以縮小其范圍。通過添加不同的參數(shù)來創(chuàng)建過濾器。例如,搜索的內(nèi)容列表,參數(shù)可以是名稱,ID,類型,狀態(tài),創(chuàng)建日期,作者等。用戶選擇參數(shù)并定義它的價值。一個參數(shù)可以有一組用于選擇的值,例如類型可以是圖片,文檔,PDF等。
為特定標(biāo)準(zhǔn)定義的多個參數(shù)構(gòu)成過濾器。用戶可以定義并保存過濾器以供以后使用。執(zhí)行搜索時,顯示結(jié)果,用戶可以查看并進一步縮小這些結(jié)果的范圍。
這就是高級搜索的工作原理。
下面介紹了一些用于高級搜索用戶界面定義簡單直觀的用戶體驗的案例和最佳實踐。
高級搜索的最佳實踐:
一、如何添加搜索參數(shù)
二、如何選擇參數(shù)值
三、需要顯示多少個值
四、如何執(zhí)行搜索
五、如何顯示搜索結(jié)果
六、過濾和搜索結(jié)果
七、如何保存和訪問過濾器
八、如何退出搜索模式
九、技術(shù)用戶的高級模式
搜索參數(shù)和參數(shù)值可以以不同方式顯示。
高級搜索頁面在前端用戶界面上顯示所有可用參數(shù),用戶無需顯式添加參數(shù)。他只需根據(jù)所需參數(shù)選擇值即可。這稱為分面搜索。
Microsoft的職業(yè)頁面在左側(cè)面板中顯示搜索參數(shù)。默認情況下,所有參數(shù)都處于折疊狀態(tài),用戶可以逐個展開它們并選擇值。
Microsoft的職業(yè)頁面在左側(cè)面板中顯示搜索參數(shù)(構(gòu)面)
分析:
在前端UI上顯示所有參數(shù)是一種用戶友好的方法,用戶可以輕松掃描它們。
適用于大量內(nèi)容。
唯一的缺點是需要足夠的空間來顯示所有參數(shù),有時它會給用戶界面造成混亂。
此方法在前端用戶界面上顯示常用的搜索參數(shù)。參數(shù)顯示在下拉菜單中,用戶可以從菜單中選擇所需的參數(shù)。
每次重復(fù)相同的步驟添加參數(shù)。
ira在用戶界面上顯示常用參數(shù),用戶可以從可用列表中添加更多參數(shù)。
Jira在頂部顯示常用的搜索參數(shù)
單擊“更多”選項會顯示一個菜單,其中列出可添加到搜索條件的可用參數(shù)。每次用戶想要添加參數(shù)時,都會轉(zhuǎn)到“更多”并從列表中選擇所需的選項。
單擊“更多”將顯示列出可用參數(shù)的菜單
Linkedin在擴展面板中顯示詳細參數(shù)。
Linkedin顯示擴展面板并列出所有參數(shù)
eBay在對話框中顯示詳細參數(shù)。
鄭州網(wǎng)站建設(shè)用一個對話框列出所有參數(shù)
分析:
這種方法適用于大多數(shù)常用參數(shù)用于執(zhí)行搜索的情況。用戶不再擔(dān)心不需要的細節(jié)。
在用戶界面上僅顯示少量參數(shù)需要更少的空間,因此在用戶界面上的混亂更少。
每用戶添加參數(shù)都需要更多次點擊。
對于復(fù)雜內(nèi)容不好。