本文章中主要以淘寶、京東、拼多多三個(gè)電商平臺(tái)搜索功能的交互設(shè)計(jì)不同進(jìn)行分析。文章的結(jié)構(gòu)不從搜索組件拆分進(jìn)行分析，而是以用戶使用首頁搜索功能的任務(wù)流程進(jìn)行分析。主要分為搜索前、搜索中、搜索后。

一、搜索前

淘寶：

在淘寶首頁，搜索功能在訂閱和推薦tab下，搜索組件中包含有掃一掃、推薦搜索詞、淘寶拍照和搜索按鈕，其中搜索按鈕設(shè)計(jì)為主按鈕。搜索推薦詞輪播展示，時(shí)間間隔大概為3秒，推薦詞內(nèi)容和用戶之前和當(dāng)下瀏覽內(nèi)容相關(guān)進(jìn)行推薦。

京東：

在京東首頁，搜索功能在首頁和附近tab下，搜索組件中有搜索icon、搜索推薦詞、拍照、掃一掃，搜索推薦詞輪播展示，時(shí)間間隔大概為3秒，推薦詞內(nèi)容和用戶之前和當(dāng)下瀏覽內(nèi)容相關(guān)進(jìn)行推薦。整個(gè)搜索組件會(huì)在用戶向下滑動(dòng)瀏覽內(nèi)容時(shí)向上移動(dòng)，縮小展示空間，和京東icon、活動(dòng)、消息位于置頂導(dǎo)航欄。

拼多多：

在拼多多首頁，搜索框置頂，其中包含搜索icon、搜索推薦詞、拍照。推薦詞內(nèi)容不進(jìn)行輪播展示，進(jìn)行單一推薦內(nèi)容。推薦詞內(nèi)容默認(rèn)展示上上次瀏覽商品相關(guān)內(nèi)容。

搜索前總結(jié)：

淘寶首頁搜索功能權(quán)重最高，表明使用淘寶的用戶使用搜索功能的占比更大，同時(shí)作為主按鈕的搜索按鈕可以直接點(diǎn)擊進(jìn)入推薦結(jié)果頁，在減少用戶操作步驟的同時(shí)，展示了淘寶對(duì)千人千面內(nèi)容分發(fā)的自信。可通過搜索功能直達(dá)的頁面有搜索結(jié)果頁、淘寶拍照頁面、掃一掃頁面、搜索頁。

京東首頁搜索功能權(quán)重次之，京東搜索功能可直達(dá)的頁面有拍照頁面、掃一掃頁面、搜索頁。

拼多多在首頁弱化搜索功能，可直達(dá)的頁面有搜索頁、拍照頁面。

淘寶和京東使用推薦詞輪播展示的形式也更能增加用戶的點(diǎn)擊率，原因是人體的眼睛中視感細(xì)胞更容易受到移動(dòng)元素的吸引，吸引用戶后，內(nèi)容滿足用戶心理預(yù)期或好奇心就有可能提高點(diǎn)擊率，從而完成轉(zhuǎn)化率的提升。

二、搜索中

淘寶：

點(diǎn)擊搜索框進(jìn)入，可搜索的方式有鍵盤輸入內(nèi)容、點(diǎn)擊歷史搜索、點(diǎn)擊搜索發(fā)現(xiàn)、點(diǎn)擊淘寶熱搜、點(diǎn)擊拍照搜索、點(diǎn)擊語音輸入。在搜索頁面，會(huì)出現(xiàn)近期最后瀏覽內(nèi)容推薦圖片，點(diǎn)擊任意處可消失。單擊搜索頁面下部分卡片可進(jìn)入全網(wǎng)熱搜排名榜，其中Tab分類有淘寶熱搜、家裝季大促、時(shí)髦穿搭、人氣美妝、吃貨星人、二次元、新趨熱點(diǎn)。

京東：

點(diǎn)擊搜索框進(jìn)入，可搜索的方式有鍵盤輸入、語音輸入、點(diǎn)擊搜索歷史、點(diǎn)擊搜索發(fā)現(xiàn)、拍照搜索、點(diǎn)擊今日熱搜卡片。點(diǎn)擊今日熱榜進(jìn)入京東熱榜，其中Tab分類有今日熱搜、數(shù)碼極客、家庭洗護(hù)、熱門手機(jī)、煥新家電、吃貨清單、時(shí)髦穿搭、親子樂園、珍味尋鮮、圖書文教、花花草草。

拼多多：

點(diǎn)擊搜索框進(jìn)入，可搜索的方式有鍵盤輸入內(nèi)容、語音輸入、點(diǎn)擊猜你想搜、點(diǎn)擊最近搜索、點(diǎn)擊搜索發(fā)現(xiàn)、拍照搜索。搜索框左側(cè)可點(diǎn)擊下拉分類選擇，分類有商品和店鋪。

搜索中總結(jié)：

淘寶和京東最大程度的降低用戶輸入成本。產(chǎn)品使用多種觸達(dá)方式、多種觸達(dá)內(nèi)容，減少用戶操作和記憶負(fù)擔(dān)。

此前用戶大多使用搜索功能都是有精確目的，現(xiàn)在用戶可以通過搜索功能跳轉(zhuǎn)到多種商品界面，商品和用戶鏈接的方式更加多樣化，用戶進(jìn)行搜索過程中，出于興趣和好奇心完成轉(zhuǎn)化的可能性也變得越來越高。

三、搜索后

淘寶：

搜索結(jié)果頁面，商品展示主要分為了4個(gè)Tab進(jìn)行篩選，分別是全部、天貓、店鋪、逛逛。其次是搜索商品的分類用小卡片的形式展示，幫助用戶快速查找目標(biāo)商品。

京東：

搜索結(jié)果頁面，可直接進(jìn)行篩選的方式更多樣，采用兩個(gè)滾動(dòng)Tab欄幫助用戶快速篩選，商品類別同樣采用圖片加文字的展示形式。

拼多多：

搜索結(jié)果頁面，主要分為5個(gè)Tab進(jìn)行篩選，分別是綜合、銷量、價(jià)格、品牌、好評(píng)，同時(shí)在Tab篩選欄下增加文字標(biāo)簽幫助用戶快速進(jìn)行篩選。

全部篩選：

淘寶：

搜索結(jié)果頁面支持用戶點(diǎn)擊右上角“更多”進(jìn)行更多操作，可跳轉(zhuǎn)到其他頁面，旨在讓用戶并行和頁面相關(guān)或更多操作，突出靈活高效。在全部篩選的卡片中，突出服務(wù)和品質(zhì)。

京東：

全部篩選采用抽屜樣式，突出和產(chǎn)品優(yōu)質(zhì)服務(wù)相關(guān)的篩選選項(xiàng)。強(qiáng)調(diào)位置，提醒用戶收貨地址的同時(shí)，提升產(chǎn)品服務(wù)的質(zhì)量和物流的準(zhǔn)時(shí)性。

拼多多：

全部篩選主要突出價(jià)格的優(yōu)勢(shì)，其次是精選服務(wù)。

在三者中，全部篩選是個(gè)產(chǎn)品的自我價(jià)值展示，用戶點(diǎn)擊的是全部篩選，實(shí)則是在挑選三個(gè)產(chǎn)品的專屬服務(wù)，也是產(chǎn)品在展示價(jià)值。

搜索后的總結(jié)：

淘寶在搜索結(jié)果頁面突出商品類別篩選，讓用戶逛淘寶；京東搜索結(jié)果頁面突出和自身優(yōu)質(zhì)服務(wù)相關(guān)的篩選，包括京東物流、plus會(huì)員權(quán)益、小時(shí)達(dá)等等，讓用戶快速選中目標(biāo)商品；拼多多搜索結(jié)果頁面突出價(jià)格優(yōu)惠的優(yōu)勢(shì)，所以篩選標(biāo)簽主要為百億補(bǔ)貼、退貨包運(yùn)費(fèi)、回頭客長拼。

看完了國內(nèi)三個(gè)頭部電商首頁的搜索功能交互設(shè)計(jì)。也給我們更多的啟發(fā)價(jià)值。

在搜索前：

1. 按照個(gè)人用戶不同特點(diǎn)分發(fā)推薦搜索詞；
2. 功能可見性，頁面明確告知用戶可使用多種多種搜索方式；
3. 搜索任務(wù)可優(yōu)化，支持用戶點(diǎn)擊“搜索”一步完成搜索任務(wù)的優(yōu)化；
4. 根據(jù)產(chǎn)品自身定位，確定搜索功能權(quán)重，采用對(duì)應(yīng)搜索設(shè)計(jì)的樣式。

在搜索中：

1. 更快搜索操作完成，減少用戶操作成本；
2. 操作引導(dǎo)，助力用戶完成搜索工作，搜索歷史、推薦等可以提高用戶點(diǎn)擊率；
3. 信息梳理和用戶控制，展示信息多的同時(shí)支持用戶控制信息密度。

在搜索后：

1. 信息準(zhǔn)確，提升準(zhǔn)確性的方法可以是幫助用戶進(jìn)行快速篩選，例如自行車商品分類；
2. 價(jià)值傳遞，構(gòu)建價(jià)值傳遞的有效路徑，在機(jī)會(huì)點(diǎn)刻畫自身價(jià)值；
3. 靈活高效，多任務(wù)流程可以靈活自然切換是增加產(chǎn)品好感度的好方法。