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