交互-搜索框設計

類型


搜索框的類型

1.隱藏搜索框

只提供一個放大鏡icon,需點擊跳轉才可搜索,或下拉顯示搜索框。

占據空間小,位置靈活,層級低。

2.普通搜索框

放大鏡icon+矩形框,通常固定在頁面頂部。

功能性強,沒有明確的銷售意向,使用者有十分明確的目標,工具性APP。

3.有提示搜索框

此類搜索框的特征是,中間有提示語。

電商平臺比較常見。

用戶有明確的搜索目標時,會忽略;無明確目標時,根據推薦引導消費。

運營可通過不同的提示語,獲取盈利。

4.帶語音搜索

新的交互熱點,相比于傳統文字搜索,可以減輕用戶輸入的障礙,更加便捷。

缺點是輸入會更加無序,私密性差。

5.帶圖片搜索

特定圖片搜索需求更加精準。

減少輸入程序和描述轉換的不確定性,以圖識別圖,用戶體驗更佳。

6.精準分類搜索

可先選擇分類,再輸入關鍵詞搜索分類下的內容,多用于區域服務型APP。



具體使用


搜索框的具體使用

樣式

符合用戶習慣,放大鏡icon+線框,可省略搜索按鈕,利用鍵盤自帶的搜索按鈕。

位于頁面頂端,符合用戶自上而下的瀏覽習慣。

使用規則


搜索前默認展示搜索提示詞


點擊搜索框跳轉到搜索頁,展示熱門候選詞、最近搜索記錄


根據輸入內容展示聯想結果


搜索完成后結果展示



體驗優化

- 減少輸入,最理想的狀態就是用戶不用打字就能夠進行搜索

- 給用戶想要的,最符合預期的排在最前面

- 自動糾正輸入,并給出正確輸入

- 保留用戶輸入內容,記住搜索記錄

- 無結果時合理推薦

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。