本文以心智模型為理論依據(jù)，分析了蜻蜓Fm【搜索】功能的用戶操作路徑以及app設(shè)計。

最近在做搜索相關(guān)的改版設(shè)計工作，以下是我在體驗現(xiàn)有搜索邏輯的情況下，產(chǎn)生的一些想法：

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

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

“大象的裝冰箱要分幾步？”這是我們童年一個非常好笑的一個小品——打開冰箱、大象放進(jìn)去、關(guān)門，結(jié)束。

其實現(xiàn)在想來，這就是對用戶心智模型的高度概括。

什么是心智模型？

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

用戶對于搜索框的認(rèn)知大致也是如此–點擊搜索框–鍵入信息–搜索–出結(jié)果。這就是用戶最基本的心智模型。

基于這樣的心智模型，用戶是怎么操作的，App又是如何運轉(zhuǎn)的，可以看下圖：

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

二、用戶只是鍵入信息點擊搜索這么簡單？

1. 搜索前

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

2. 搜索中

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

這個頁面存在的問題是：

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

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

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

期望是：

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

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

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

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

3. 搜索后

現(xiàn)有的邏輯是不管用戶鍵入的信息是否有效，都會匹配出結(jié)果（其結(jié)果可能與鍵入信息完全不匹配），所以按照現(xiàn)有的策略，頁面上應(yīng)該出現(xià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)行一個闡述。

1. 品牌色的運用

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

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

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

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

• 外方式也就是把搜索框以一個長條的形式平鋪在頁面明顯的位置。
• 收斂式則是一般放在頁面的右側(cè)或者左側(cè)，用戶可以使用常見的F形掃描模式輕松找到它。

理想情況下，搜索框應(yīng)該匹配產(chǎn)品的整體設(shè)計，并在用戶需要時輕松展現(xiàn)。

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

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

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

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

6. 更多方式的搜索錄入

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

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

作者：海鮮君，微信公眾號：海鮮君的設(shè)計物語

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

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