移動端搜索的呈現形式

常見的搜索形式有:

抖音-三級搜索

QQ-局部搜索

脈脈-三級搜索

京東-全局搜索

QQ音樂-全局搜索

翼支付-無搜索功能

1. 一級搜索(全局搜索)

凸顯型搜索------放置在導航欄的全局搜索入口

極簡型搜索------導航欄被分段控件佔據,位於導航欄下的全局搜索

一級搜索通常根據其較高的優先級放置的導航欄上,如果導航欄內有較多有分段控件則緊貼在導航欄正下方。搜索欄的設計分爲“凸顯型”和“極簡型”。凸顯型主要通過亮色佈局引導用戶點擊,是對自家數據庫信息大而全的自信表現。而極簡型搜索主要是從增加產品粘性維度思考,希望搜索目標明確的用戶可以將注意力放在應用推薦內容上。

2. 二級搜索(個人數據搜索)

極簡型搜索-----緊貼在導航欄下的個人數據快速查詢入口

二級搜索通常位置緊貼在導航欄下方,主要用於通過用戶輸入關鍵字匹配用戶本地及存儲在服務器與數據庫個人相關信息。採用極簡型搜索設計效果,如QQ聯繫人頁面的二級搜索,導航欄放置標題,下方提供快速篩選聯繫人的搜索入口,用戶鍵入“X”通過預想和模糊關鍵字功能,該用戶聯繫人中的“小李”“小明”等與“X”匹配的數據呈現出來。

3.三級搜索(全局搜索或當前模塊垂直搜索以icon形式放置導航欄)

右側搜索icon-----以icon形式放置在導航欄上的三級搜索

左側搜索icon-----以icon形式放置在導航欄上的三級搜索

功能等同全局搜索或垂直於當前主頁面內容搜索的三級搜索的放置邏輯主要處於以下幾個維度考慮:

1)、數據庫有效數據體量小,搜索響應率低。

2)、刻意將一級搜索改成三級搜索用於推廣應用內熱門內容。(例如:搜狐視頻在屌絲男士熱播期間爲了讓用戶能點擊該視頻,增加用戶粘性,將全局搜索改成三級搜索放置導航欄)

3)、如左圖所示,從用戶體驗維度分析,搜索icon放置在導航欄的兩側也可以劃分優先級,用戶使用移動設備交互式,點擊導航欄右側更方便,即右側icon>左側icon

總結:

一級搜索,搜索邏輯爲應用內垂直搜索,對數據庫數據體量和反饋相應率有較高要求。

二級搜索通常位置緊貼在導航欄下方,主要用於通過用戶輸入關鍵字匹配用戶本地及存儲在服務器與數據庫個人相關信息。主要用於幫助用戶縮小自身相關數據範圍。

三級搜索呈現形式主要在於數據庫有效數據體量小,搜索響應率低或刻意將一級搜索改成三級搜索用於推廣應用內熱門內容。

編輯:千鋒UI設計

發佈了252 篇原創文章 · 獲贊 329 · 訪問量 53萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章