筆者在體驗(yàn)現(xiàn)有搜索邏輯的情況下，分享了一些關(guān)于蜻蜓fm搜索優(yōu)化的一些想法。

最近的晚上一直在思考一件事情：做產(chǎn)品需要壁壘，但發(fā)現(xiàn)很多產(chǎn)品的壁壘并不是只有內(nèi)容或者元素，比如網(wǎng)易云和QQ版權(quán)不均衡的情況還維持著很相當(dāng)?shù)臄?shù)據(jù)，這是因?yàn)槭裁茨兀烤唧w要具備什么樣的素質(zhì)呢？

突然想到《絕命毒師》里男主在分析人體的構(gòu)成時(shí)，在將所有的元素都提取后，還是差一部分，男主說是靈魂，那我們做產(chǎn)品是不是也是差這一部分靈魂呢，靈魂又需要什么組成呢？雖然其含量微乎其微，但是有時(shí)候卻是致命因素。

最近在做搜索相關(guān)的改版設(shè)計(jì)工作，以下是我在體驗(yàn)現(xiàn)有搜索邏輯的情況下，分享的一些想法。

對于搜索這個(gè)功能，用戶到底是怎么認(rèn)知這個(gè)功能的，我們還能做什么？用戶只是鍵入信息點(diǎn)擊搜索這么簡單？如何最大限度的準(zhǔn)確的定義用戶想要的信息？

一、用戶到底是怎么認(rèn)知這個(gè)功能的，我們還能做什么？

“大象的裝冰箱要分幾步”？這是我們童年一個(gè)非常好笑的一個(gè)小品—打開冰箱、大象放進(jìn)去、關(guān)門。結(jié)束。其實(shí)現(xiàn)在想來這就對用戶心智模型的高度概括。

什么是心智模型？

我自己的理解就是由自我和他人的生活經(jīng)驗(yàn)和教育形成的，對外圍世界的主觀執(zhí)行（態(tài)度、行為、觀念）；它是不完整的、局限性的、不穩(wěn)定的、不科學(xué)的、沒有明確邊界的、簡約的。

用戶對于搜索框的認(rèn)知大致也是如此—點(diǎn)擊搜索框-鍵入信息-搜索-出結(jié)果。這就是用戶最基本的心智模型?；谶@樣的心智模型，用戶是怎么操作的，App又是如何運(yùn)轉(zhuǎn)的，可以看下圖：

梳理出最基本的行為后，我在想用戶還可能做什么？還會做什么？還想做什么？我要如何去完善他們的行為，在不破壞他們心智模型的前提下，去突破搜索本身帶來的局限。

二、用戶只是鍵入信息點(diǎn)擊搜索這么簡單？

1. 搜索前

我們現(xiàn)在的階段是：圖標(biāo)+搜索框+引導(dǎo)暗文，沒有其他輔助性的元素。所以我希望在用戶在搜索前就能有一些基本的建議性、引導(dǎo)性的搜索建議，幫助用戶進(jìn)行信息的鍵入。如下圖：

2. 搜索中

首先是對焦與失腳焦?fàn)顟B(tài)的體驗(yàn)；現(xiàn)有的版本聚焦的情況下搜索框本文符閃爍，鍵盤彈起，失焦情況下，露出整個(gè)搜索頁面。這個(gè)頁面存在的問題是：

1. 搜索框左側(cè)的分類本質(zhì)作用是進(jìn)行分類，并不能直觀的展示給用戶。
2. 運(yùn)營位當(dāng)前只有收起鍵盤的時(shí)候才能進(jìn)行看到（猜測產(chǎn)品策略就是這樣）。

基于現(xiàn)狀，我進(jìn)行了這樣的修改：

1. 將搜索框的左側(cè)篩選功能外放，使搜索維度更加扁平；
2. 對底部的推薦信息，放出播放量，原因是想放大用戶的點(diǎn)擊欲望（從眾心理、獵奇信息、以及懶惰心理）。

期望是：

1. 希望用戶可以有更扁平，更直觀的搜索頁面。
2. 提高用戶對熱門推薦的感知度，點(diǎn)擊率和轉(zhuǎn)化。

模糊跟隨這邊體驗(yàn)下來整體是比較混亂的：用戶鍵入的信息和跟隨出的結(jié)果混亂，第一個(gè)并不是用戶想要的，且沒有一個(gè)明確的建議性的告知引導(dǎo)用戶去執(zhí)行相應(yīng)的操作。他們并沒有在跟隨結(jié)果上給予一個(gè)機(jī)制進(jìn)行排列。如下圖：

出現(xiàn)這樣的情況我猜測是搜索的機(jī)制不夠完善：

1. 增加詞庫錄入：針對主播和熱搜詞（每天搜索次數(shù)排在前兩千的詞語，由機(jī)器或者人工批量導(dǎo)入，每日更新維護(hù)）的搜索提示詞詞庫。
2. 增加按照召回詞的歷史搜索次數(shù)降序排序的策略（每次召回100個(gè)，若該詞庫中無匹配詞則不取。）
3. 在熱搜詞庫中進(jìn)行匹配音頻專輯，如果與用戶搜索信息一致則展示，如果沒有則不展示。

3. 搜索后

現(xiàn)有的邏輯是不管用戶鍵入的信息是否有效，都會匹配出結(jié)果（其結(jié)果可能與鍵入信息完全不匹配），所以按照現(xiàn)有的策略，頁面上應(yīng)該出現(xiàn)一個(gè)反饋入口：因?yàn)楫?dāng)用戶得到的結(jié)果并不是自己鍵入的信息，就會產(chǎn)生迷惑，為什么結(jié)果與自己輸入的完全不一樣？

如下圖：

這樣的做原因是：

1. 弱化沒有找到結(jié)果的失落感，強(qiáng)調(diào)用戶正向反饋，旨在收集用戶建議。
2. 強(qiáng)調(diào)沒有找到結(jié)果，為用戶推薦優(yōu)質(zhì)內(nèi)容，希望只展示節(jié)目列表，旨在可以讓用戶快速聽起來。

三、如何最大限度的準(zhǔn)確的定義用戶想要的信息？

從搜索框的輪廓、顏色、元素組成、字段和跟隨機(jī)制等方面進(jìn)行一個(gè)闡述。

1. 品牌色的運(yùn)用

在各家的產(chǎn)品中，很大一部分都會在搜索框上添加自己的品牌色，借此強(qiáng)化自己的產(chǎn)品記憶點(diǎn)，呈現(xiàn)方式分成搜索邊框進(jìn)行顏色展現(xiàn)，或者文本閃爍符上進(jìn)行展現(xiàn)。以及模糊跟隨結(jié)果的展示顏色，都可以進(jìn)行考慮和使用。

2. 搜索框需要帶一個(gè)圖標(biāo)

比如放大鏡，現(xiàn)在已經(jīng)是所有搜索框必須要帶的一個(gè)元素，即使沒有文字暗文的引導(dǎo)，用戶能知道這個(gè)控件是什么作用。

3. 搜索框的形式分成2種：外方式和收斂式

外方式也就是把搜索框以一個(gè)長條的形式平鋪在頁面明顯的位置。收斂式則是一般放在頁面的右側(cè)或者左側(cè)，用戶可以使用常見的F形掃描模式輕松找到它。理想情況下，搜索框應(yīng)該匹配產(chǎn)品的整體設(shè)計(jì)，并在用戶需要時(shí)輕松展現(xiàn)。

4. 字段的數(shù)量問題

調(diào)查發(fā)現(xiàn)輸入框重的字符到達(dá)27個(gè)字符時(shí)即可滿足用戶查找信息的需求，隨意我們在設(shè)計(jì)的時(shí)候，在資源允許情況下，可以根據(jù)搜索框的尺寸和用戶鍵入信息的字符個(gè)數(shù)進(jìn)行適當(dāng)縮小，已保證用戶的鍵入信息的完整和可讀性。

5. 自動建議機(jī)制

這樣的好處是用戶在進(jìn)行模糊搜索時(shí)可以盡可能的快速匹配用戶的需求?？梢酝ㄟ^詞庫的增加、平臺實(shí)際產(chǎn)品的策略排序、等方式進(jìn)行機(jī)制的建立。

6. 更多方式的搜索錄入

拍照、掃描、語音等方式的接入，也可以提供更多維度的搜索方式。

在做設(shè)計(jì)改版的過程中我們還是要從功能出發(fā)，綜合考慮業(yè)務(wù)類型、業(yè)務(wù)策略、功能定位、目標(biāo)用戶、使用場景，選用最合適的形式，提升搜索體驗(yàn)，讓用戶使用的更加順暢，平臺展現(xiàn)的更加準(zhǔn)確。

本文由 @蜻蜓UEDC 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議