自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

移動(dòng)端搜索功能交互分析

移動(dòng)開發(fā) 移動(dòng)應(yīng)用
搜索基本上是每個(gè)應(yīng)用都具備的功能,搜索會(huì)涉及到歷史搜索、熱門搜索、搜索分類、刪除搜索等,他們之間有什么樣的聯(lián)系,又會(huì)如何影響界面的交互設(shè)計(jì)?下面就這幾點(diǎn)做下分析。

搜索基本上是每個(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é):

  1. 搜索可以放導(dǎo)航欄和標(biāo)簽欄。
  2. 歷史搜索比熱門搜索重要,應(yīng)排在前面,或者占據(jù)較大位置。
  3. 刪除單條搜索歷史可以用icon,也可左滑點(diǎn)擊刪除按鈕刪除;清除搜索歷史可以放在歷史搜索標(biāo)題右側(cè),不用下滑到底清除歷史。
  4. 可根據(jù)app本身特點(diǎn)設(shè)計(jì)搜索分類。
責(zé)任編輯:未麗燕 來源: 推酷
相關(guān)推薦

2020-09-11 10:24:04

設(shè)計(jì)移動(dòng)端交互輸出文檔

2015-12-11 10:58:03

bing搜索移動(dòng)

2011-03-07 13:50:20

2017-09-08 16:45:14

移動(dòng)

2015-10-14 18:07:02

神馬藍(lán)光模式

2013-01-10 11:27:58

Android輸入法分析報(bào)告

2021-06-10 10:17:36

B端C端交互設(shè)計(jì)

2010-06-03 10:46:09

谷歌新功能

2013-02-19 10:47:17

情感交互產(chǎn)品交互趨勢(shì)

2011-10-28 16:19:21

百度搜索

2015-10-13 17:45:07

2013-04-03 14:03:46

移動(dòng)搜索視覺搜索

2015-11-02 09:16:08

2012-08-23 14:46:38

點(diǎn)心OS張磊移動(dòng)搜索

2017-08-09 13:48:24

內(nèi)存移動(dòng)壓縮

2012-08-01 09:52:35

移動(dòng)搜索

2015-10-14 17:56:54

神馬搜索藍(lán)光模式

2018-01-12 09:20:55

2022-01-14 10:00:51

Windows微軟更新

2013-09-30 10:06:05

SAP
點(diǎn)贊
收藏

51CTO技術(shù)棧公眾號(hào)