國外有聲書產(chǎn)品Audible、Scribd的“搜索”交互邏輯

本文通過國外產(chǎn)品Audible和Scribd來看看目前市面上主流有聲書APP在做搜索時的思路和設(shè)計(jì)邏輯。這兩個APP是美國有聲書產(chǎn)品的代表,都屬于內(nèi)容類產(chǎn)品,內(nèi)部的內(nèi)容格式較為統(tǒng)一,基本都是書籍讀物。根據(jù)搜索的行為,可以將這個過程拆解為三個步驟:搜索入口,輸入內(nèi)容,搜索結(jié)果。

1. 搜索入口

從下圖可以看出,Audible和Scribd的搜索入口都為搜索icon。整個頁面中僅展示搜索icon,點(diǎn)擊icon會進(jìn)入搜索頁,這種搜索入口的形式節(jié)約了頁面空間。


搜索icon

除了這種搜索入口,當(dāng)然還有其他類型的,例如微信的搜索框搜索,百度的主頁搜索,12306的多條件搜索(車票查詢)。

2. 輸入內(nèi)容

  • 先看Audible
    • 輸入前
      點(diǎn)擊搜索icon,新的頁面出現(xiàn),輸入框被激活,光標(biāo)在輸入框內(nèi)閃動,輸入框中有引導(dǎo)信息,讓用戶搜索title或author。


      Audible輸入前
    • 輸入時
      輸入內(nèi)容時,引導(dǎo)內(nèi)容消失,同時出現(xiàn)清除內(nèi)容的圖標(biāo)。

  • 再看Scribd
    • 輸入前
      點(diǎn)擊搜索icon,新的頁面出現(xiàn),輸入框并未被激活,光標(biāo)在輸入框內(nèi)閃動,輸入框中有信息,但不是引導(dǎo)信息而是對自己產(chǎn)品的宣傳廣告。
      此時搜索框下方的輔助區(qū)域包括興趣推薦和內(nèi)容分類。興趣推薦主要依據(jù)用戶瀏覽記錄來做的個性化推薦,和內(nèi)容分類一樣,都是用戶找到內(nèi)容的入口。


      Scribd輸入前
    • 輸入時
      點(diǎn)擊搜索框后輸入框才會被觸發(fā),光標(biāo)在輸入框內(nèi)閃動,輸入框中廣告信息不會消失。這里還有輔助區(qū)域歷史記錄,共展示5條。
      輸入文字后,廣告語消失,同時出現(xiàn)清除內(nèi)容的圖標(biāo)。輔助區(qū)域出現(xiàn)關(guān)鍵詞聯(lián)想,按照一定的規(guī)則進(jìn)行推薦排序。用戶通過聯(lián)想詞可快速到達(dá)結(jié)果頁,提高搜索效率。聯(lián)想詞的條數(shù)和歷史記錄的條數(shù)同樣為5條。輸入內(nèi)容時,引導(dǎo)內(nèi)容消失,同時出現(xiàn)清除內(nèi)容的圖標(biāo)。


      Scribd輸入時
  • 對比
    輸入對比

3. 搜索結(jié)果

  • Audible

Audible搜索過程種采用的是及時搜索,用戶不需要點(diǎn)擊鍵盤中的搜索按鈕,當(dāng)前頁就是搜索結(jié)果頁。


Audible搜索結(jié)果頁

Audible的搜索結(jié)果Tab進(jìn)行了分類,三個Tab分別為All、Library和Discover,也是就是全部、書架和發(fā)現(xiàn)(全網(wǎng)內(nèi)容)。All包括Library和Discover,先展示LIbrary的搜索結(jié)果,再展示Discover的內(nèi)容。可見,由于APP內(nèi)的內(nèi)容全部都是有聲書,所以無需再根據(jù)內(nèi)容類型將搜索結(jié)果進(jìn)行分類,而是通過內(nèi)容的來源,書架或是全網(wǎng)。

  • Scribd

Scribd需要點(diǎn)擊鍵盤中的搜索按鈕進(jìn)入搜索結(jié)果頁。


Scribd需點(diǎn)擊搜索按鈕

Scribd將搜索結(jié)果也通過Tab進(jìn)行了分類,分別是Everything、Books、Audiobooks、Snapshots、Articels、Documents、Sheet Music、Podcasts。這些Tab根據(jù)讀物的種類來區(qū)分展示內(nèi)容。


Scribd搜索結(jié)果分類

Everything也就是全部這個Tab中,根據(jù)匹配相關(guān)性優(yōu)先展示了與關(guān)鍵詞最相關(guān)的條目。雖然App里的內(nèi)容有很多種,但是內(nèi)容格式較為統(tǒng)一,都可以看做是讀物,所以把這些內(nèi)容雜糅在一起來展示搜索結(jié)果也是可以的。也就是說,當(dāng)我搜索一個關(guān)鍵詞,有可能先出現(xiàn)的是Books,然后是Articles,當(dāng)我搜索另一個關(guān)鍵詞時,先出現(xiàn)的可能是Articles,然后再是Books。

當(dāng)然除了這種內(nèi)容格式較為統(tǒng)一的APP,那如果內(nèi)容格式不統(tǒng)一怎么辦呢?

可以參考微信的搜索方式,先分類,再搜索。確定好搜索的范圍之后,再展示搜索結(jié)果。微信就在搜索前講關(guān)鍵詞分成了朋友圈、文章、公眾號、小程序、音樂和表情。

先分類,再搜索

為了將搜索結(jié)果清晰的展示出來,除了將搜索結(jié)果分類展示,對于某個Tab下內(nèi)容較多的情況,Scribd還用了一個方法,通過Filter來篩選搜索結(jié)果,這樣進(jìn)一步縮小了范圍,幫助用戶精確地找到內(nèi)容。


Filter篩選

雖然都是內(nèi)容類產(chǎn)品,但由于內(nèi)容格式不同,需求不同,業(yè)務(wù)訴求不同,因此在設(shè)計(jì)搜索功能時還是有很多細(xì)節(jié)上的差別。不照搬照抄,根據(jù)自己產(chǎn)品的特點(diǎn)來思考設(shè)計(jì)每一個功能需求,仔細(xì)推敲斟酌,才能讓產(chǎn)品獲得用戶的青睞。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容