移動端搜索功能交互分析
搜索基本上是每個應用都具備的功能,搜索會涉及到歷史搜索、熱門搜索、搜索分類、刪除搜索等,他們之間有什么樣的聯系,又會如何影響界面的交互設計?下面就這幾點做下分析。
一、搜索的位置
搜索的位置一般在首頁導航、標簽欄。點擊搜索框或icon,出現搜索頁面。
二、歷史搜索、熱門搜索
搜索頁面包括輸入框、取消搜索、歷史搜索、熱門搜索、刪除搜索歷史、鍵盤等。
在電商類app中,熱門搜索是商家的促銷信息,歷史搜索是用戶關注度較高的內容,對用戶來說,歷史搜索比熱門搜索重要。在界面上,哪塊重要就應該排在前面,或者占據較大位置。那么,如何做到以用戶體驗為中心,又兼顧到商家利益呢?
大眾點評的熱門搜索在界面上方,且占據整個頁面的1/3,歷史搜索只占整個界面的1/3,強化了商家的促銷內容,但是不方便用戶操作。
京東搜索界面體驗度更好些,熱門搜索的內容以向右滑動出現的形式,既推薦了較多的內容,又占用了較少的空間。
下廚房歷史搜索在上面,熱門搜索放下面。
三、刪除搜索
刪除搜索分為刪除單條歷史,和清除所有搜索歷史。
刪除單條歷史,淘寶、京東等向左滑動手勢,出現刪除按鈕進行刪除。
知乎每條歷史搜索,右側放刪除icon。
大多數清除搜索歷史是在搜索歷史***面,如果搜索歷史內容很多,必須滑到***才可以清除。比較方便的做法是,在歷史搜索標題的右側,放刪除icon,或者清除歷史的文字,這樣,用戶不用滑動頁面就可以清除歷史。
四、搜索分類
搜索分類分為三種,***種是先分類再搜索,第二種是搜索提示分類后再搜索,第三種是綜合性的。
當某一個類別使用率特別高時,采用先分類再輸入內容搜索時,可以默認常使用的那個分類。淘寶就是這一種,類別有寶貝、天貓、店鋪,寶貝是最常用功能,所以默認寶貝搜索。
在歷史搜索和搜索提示中,還有產品細分,使搜索更準確。貓眼、網易云音樂、下廚房是搜索提示分類。當用戶輸入關鍵字搜索時,展示搜索結果和分類。
貓眼(上圖)影片、影院、電影人按照關鍵字相關度從高到低排列。輸入影片相關時,搜索提示最上面顯示影片、其次影院和電影人;影院相關時顯示影院、電影人、影片。
網易云音樂(上圖左)是按照歌手、專輯、單曲排序,歌手和專輯只推薦一個熱門的。另外,單曲、歌手、專輯、歌單等可以相互切換進行再搜索。
下廚房(上圖右),搜索提示有按菜譜、按廚友分類,點擊搜索按鈕默認按菜譜進行搜索。
知乎(上圖左)、美妝心得(上圖右)是輸入關鍵字后默認內容和產品搜索,切換其他可進行再次搜索。
微博(上圖)默認搜全部,搜索結果后,微博和用戶等又可以互相切換搜索。
五、總結:
- 搜索可以放導航欄和標簽欄。
- 歷史搜索比熱門搜索重要,應排在前面,或者占據較大位置。
- 刪除單條搜索歷史可以用icon,也可左滑點擊刪除按鈕刪除;清除搜索歷史可以放在歷史搜索標題右側,不用下滑到底清除歷史。
- 可根據app本身特點設計搜索分類。