本篇文章作者通過介紹如何確定設(shè)計定位，以及找準(zhǔn)設(shè)計點，并結(jié)合實例，說明如何設(shè)計出最貼合產(chǎn)品和用戶需求的搜索中間頁。

引言：不知道你有沒有想過，點擊搜索后彈出的搜素中間頁為什么有著很大的差別。筆者將根據(jù)“互聯(lián)網(wǎng)醫(yī)院”和“京東租房”的項目，給大家詳細(xì)闡述下如何設(shè)計出最貼合產(chǎn)品和用戶需求的搜索中間頁。

本文的結(jié)構(gòu)如下：

• 前期——如何確定搜索中間頁的設(shè)計定位。
• 中期——如何找到搜索中間頁的設(shè)計點。
• 后期——如何優(yōu)化搜索體驗。
• 小彩蛋

預(yù)計閱讀時間10分鐘。

一、如何確定搜索中間頁的設(shè)計定位

思考維度1：用戶心理

用戶使用搜索的目標(biāo)是：快速觸達(dá)自己想要的結(jié)果。

而搜素中間頁正是用戶進行搜索的第一站，最好的狀態(tài)就是用戶不用打字就能直達(dá)自己想要搜索的結(jié)果，所以搜索中間頁就是為了增強用戶搜索效率而存在的。

但僅基于這一點，其實很難去判斷各產(chǎn)品的搜索有什么異同，因為用戶在想要使用搜索時腦海中已經(jīng)有了一個較為清晰的目標(biāo)了，所以都是以效率為先，其實真正要判斷的是“誰”的效率和“怎樣”的效率。

思考維度2：產(chǎn)品版本

對于互聯(lián)網(wǎng)醫(yī)院和京東租房來說，還處于產(chǎn)品的初期階段，很多時候面對的都是新用戶，所以在設(shè)計時就要思考新用戶和老用戶有什么不同，如何在他們使用搜索時第一時間抓住眼球，促進轉(zhuǎn)化和增強粘性？

互聯(lián)網(wǎng)醫(yī)院是一款網(wǎng)上問診的產(chǎn)品，新用戶剛進來時基本上都抱著觀望的態(tài)度，希望了解：

1. 產(chǎn)品面對的病癥是否豐富。
2. 醫(yī)生是否專業(yè)優(yōu)質(zhì)。

當(dāng)用戶進行搜索時，我們就可以將這些“肌肉”展示給用戶，用熱門搜索的病癥和醫(yī)生標(biāo)簽來讓用戶感知到我們是一個專業(yè)的平臺。

同樣的，在京東租房頻道中，新用戶最開始也是抱著觀望的心態(tài)，雖然會更關(guān)注位置信息，但在使用產(chǎn)品時心里會一直想著“這個平臺靠譜不”，所以在設(shè)計中會強化品牌合作以及“免押金”“精裝修”這種能種草用戶的信息，搶占用戶心智的信息。

思考維度3：各業(yè)務(wù)的搜索特征

用戶心理和產(chǎn)品版本都是較為常規(guī)的思考維度，但是真正使搜索頁面長得不一樣的是因為，用戶在不同需求場景下有著不同的核心訴求和特征。

對于互聯(lián)網(wǎng)醫(yī)院來說，熱搜價值大、歷史信息優(yōu)先級高，如在秋冬時，會有很多人感冒發(fā)燒，熱搜的重合度較高，熱搜信息的價值大。但用戶更關(guān)注于與己相關(guān)的信息，歷史信息優(yōu)先級高，需要提升歷史信息的感知。

結(jié)合之前的思考維度，互聯(lián)網(wǎng)醫(yī)院搜索中間頁的設(shè)計方向是：平衡信息展示效率和感知度。

對于京東租房來說，歷史信息點擊率高，需要被高效展示。找租房是一個長期的活動，與電商不同，用戶決策成本高，決策時間長，這就導(dǎo)致了用戶會反復(fù)對幾個位置進行對比。

結(jié)合之前需要秀“肌肉”的點，京東租房搜索中間頁的設(shè)計方向是：區(qū)分不同的高效信息。

二、如何找到搜索中間頁的設(shè)計點

Part1：確定信息框架

對互聯(lián)網(wǎng)醫(yī)院的用戶來說，歷史信息的優(yōu)先級是高于熱搜信息，但是熱搜信息的價值也很高，那么如何來確定框架呢？

歷史搜索采用列表的形式表達(dá)，從優(yōu)先級上用戶能第一時間看到搜索歷史，信息感知度高，而熱搜采用信息較為集中的標(biāo)簽方式，更強調(diào)展示效率。

對于京東租房的用戶來說，歷史信息的優(yōu)先級雖然也是高于熱搜信息，熱搜信息的價值卻沒有那么高，但二者都是需要更效展示，所以通過樓層先后來進行優(yōu)先級區(qū)分。

Part2：確定用戶場景特征

在定義了框架之后需要確定用戶的場景特征來找到最合適的交互方式，互聯(lián)網(wǎng)醫(yī)院中熱搜區(qū)采用標(biāo)簽的形式強化了信息展示的效率，但是多出來的標(biāo)簽該怎么辦，是點擊展開還是滑動。

我們從場景的角度來思考，在患者搜索病癥的過程中，看到與自己無關(guān)的熱搜信息往往就直接忽略了，也不會有進一步操作的動機，所以直接展示就是最好的方式。

而在京東租房中，歷史搜索的交互方式卻可以采用點擊展開，這是因為：

1. 如果有重要的信息被縮起，用戶去尋找的動機就會大于多操作一步的阻礙，用戶有足夠的理由進行操作。
2. 租房的搜索歷史也是最近的會更有價值，之前的記錄就可以被“暫時隱藏”。
3. 將歷史記錄縮起能夠更好的透出熱搜樓層，顯示更多不同維度的信息。

三、如何優(yōu)化搜索體驗

搜索中間頁的設(shè)計雖然考慮上面兩個方面就可以了，但為了優(yōu)化整體的搜索體驗，我們還需要去思考搜索之后的事情，比如結(jié)果是否與用戶搜索預(yù)期相符合、如何提升用戶對搜索結(jié)果的認(rèn)可度等。

用戶在互聯(lián)網(wǎng)醫(yī)院中搜索的關(guān)鍵詞經(jīng)常是模糊的，并且搜索的內(nèi)容（病癥），和搜索的結(jié)果（醫(yī)生）是兩個維度的信息，這種情況下：

1. 是否能告知用戶我們是如何進行篩選的？

將醫(yī)生的標(biāo)簽與搜索內(nèi)容進行匹配（像下面這種）：

2. 是否可以告知用戶我們是如何向您進行推薦的？

在結(jié)果頁中顯示為什么是以下推薦（像下面這種）：

這些都是我們可以在設(shè)計中所思考的。需要站在一個流程當(dāng)中去看體驗優(yōu)化的點，而不僅僅只是針對一個頁面進行設(shè)計。

小彩蛋

在進行互聯(lián)網(wǎng)醫(yī)院和京東租房的搜素中間頁的設(shè)計之后，筆者總結(jié)了一下，覺得有兩點對以后的工作有著一定指導(dǎo)的作用。

1. “設(shè)計是有性價比的”

設(shè)計是提出有效解決問題的方案的過程。提出的解決方案，不僅要看是否能有效解決問題，評估所投入的成本也是重要的思考點之一。

在做互聯(lián)網(wǎng)醫(yī)院的熱搜樓層時，要和產(chǎn)品溝通現(xiàn)有用戶搜索最常見的詞是什么，是全部展示還是系統(tǒng)控制字?jǐn)?shù)，熱搜詞一般都在四個字以內(nèi)，多出的大多是“病、癥狀”之類的詞，不會影響到用戶判斷，而全部展示的話考慮到信息效率，就需要通過運營配置字?jǐn)?shù)短一點的詞來控制，增加了人力成本。所以在進行權(quán)衡之后，進行了系統(tǒng)自動控制的決策。

這其實就是權(quán)衡成本和效益的關(guān)系，用戶體驗減少、會減少多少，后臺成本增加、會增加多少，將二者進行對比，會幫助我們產(chǎn)出最合理的設(shè)計方案。

2. “最好的不是最好的，最合適的才是最好的”

在設(shè)計的時候，需要對產(chǎn)品版本進行思考。很多時候設(shè)計的目標(biāo)不是“終極目標(biāo)”而是“階段性目標(biāo)”。

如在京東租房的搜索中間頁面對的是新用戶，所以設(shè)計不僅要考慮搜索效率還要“秀肌肉”，增強用戶對京東品牌認(rèn)知。而當(dāng)產(chǎn)品成熟后，面對老用戶，設(shè)計的目標(biāo)可能就是極致的效率體驗等。

所以，分析設(shè)計時要有效把握產(chǎn)品當(dāng)下狀態(tài)，定義所解決的是哪個維度的問題，才能更容易讓我們找到設(shè)計應(yīng)該發(fā)力的點。

以上，是我在做搜索中間頁設(shè)計時候的一些感想，希望大家一起討論，來批評指正～

作者：翔，公眾號：未知素設(shè)計

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

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