我們可以在電商軟件上解決絕大部分的購物需求,而搜索功能作為一個基礎(chǔ)功能,是用戶尋找匹配商品的不可或缺的工具。本文作者以淘寶、京東、拼多多三個電商產(chǎn)品為例,對其搜索功能的交互設(shè)計進行對比,希望對你有幫助。

一、搜索前
淘寶: 在淘寶首頁,搜索功能在訂閱和推薦tab下,搜索組件中包含有掃一掃、推薦搜索詞、淘寶拍照和搜索按鈕,其中搜索按鈕設(shè)計為主按鈕。搜索推薦詞輪播展示,時間間隔大概為3秒,推薦詞內(nèi)容和用戶之前和當下瀏覽內(nèi)容相關(guān)進行推薦。 京東: 在京東首頁,搜索功能在首頁和附近tab下,搜索組件中有搜索icon、搜索推薦詞、拍照、掃一掃,搜索推薦詞輪播展示,時間間隔大概為3秒,推薦詞內(nèi)容和用戶之前和當下瀏覽內(nèi)容相關(guān)進行推薦。整個搜索組件會在用戶向下滑動瀏覽內(nèi)容時向上移動,縮小展示空間,和京東icon、活動、消息位于置頂導(dǎo)航欄。 拼多多: 在拼多多首頁,搜索框置頂,其中包含搜索icon、搜索推薦詞、拍照。推薦詞內(nèi)容不進行輪播展示,進行單一推薦內(nèi)容。推薦詞內(nèi)容默認展示上上次瀏覽商品相關(guān)內(nèi)容。 搜索前總結(jié): 淘寶首頁搜索功能權(quán)重最高,表明使用淘寶的用戶使用搜索功能的占比更大,同時作為主按鈕的搜索按鈕可以直接點擊進入推薦結(jié)果頁,在減少用戶操作步驟的同時,展示了淘寶對千人千面內(nèi)容分發(fā)的自信。可通過搜索功能直達的頁面有搜索結(jié)果頁、淘寶拍照頁面、掃一掃頁面、搜索頁。 京東首頁搜索功能權(quán)重次之,京東搜索功能可直達的頁面有拍照頁面、掃一掃頁面、搜索頁。 拼多多在首頁弱化搜索功能,可直達的頁面有搜索頁、拍照頁面。 淘寶和京東使用推薦詞輪播展示的形式也更能增加用戶的點擊率,原因是人體的眼睛中視感細胞更容易受到移動元素的吸引,吸引用戶后,內(nèi)容滿足用戶心理預(yù)期或好奇心就有可能提高點擊率,從而完成轉(zhuǎn)化率的提升。
二、搜索中
淘寶: 點擊搜索框進入,可搜索的方式有鍵盤輸入內(nèi)容、點擊歷史搜索、點擊搜索發(fā)現(xiàn)、點擊淘寶熱搜、點擊拍照搜索、點擊語音輸入。在搜索頁面,會出現(xiàn)近期最后瀏覽內(nèi)容推薦圖片,點擊任意處可消失。單擊搜索頁面下部分卡片可進入全網(wǎng)熱搜排名榜,其中Tab分類有淘寶熱搜、家裝季大促、時髦穿搭、人氣美妝、吃貨星人、二次元、新趨熱點。 京東: 點擊搜索框進入,可搜索的方式有鍵盤輸入、語音輸入、點擊搜索歷史、點擊搜索發(fā)現(xiàn)、拍照搜索、點擊今日熱搜卡片。點擊今日熱榜進入京東熱榜,其中Tab分類有今日熱搜、數(shù)碼極客、家庭洗護、熱門手機、煥新家電、吃貨清單、時髦穿搭、親子樂園、珍味尋鮮、圖書文教、花花草草。 拼多多: 點擊搜索框進入,可搜索的方式有鍵盤輸入內(nèi)容、語音輸入、點擊猜你想搜、點擊最近搜索、點擊搜索發(fā)現(xiàn)、拍照搜索。搜索框左側(cè)可點擊下拉分類選擇,分類有商品和店鋪。 搜索中總結(jié): 淘寶和京東最大程度的降低用戶輸入成本。產(chǎn)品使用多種觸達方式、多種觸達內(nèi)容,減少用戶操作和記憶負擔(dān)。 此前用戶大多使用搜索功能都是有精確目的,現(xiàn)在用戶可以通過搜索功能跳轉(zhuǎn)到多種商品界面,商品和用戶鏈接的方式更加多樣化,用戶進行搜索過程中,出于興趣和好奇心完成轉(zhuǎn)化的可能性也變得越來越高。
三、搜索后
淘寶: 搜索結(jié)果頁面,商品展示主要分為了4個Tab進行篩選,分別是全部、天貓、店鋪、逛逛。其次是搜索商品的分類用小卡片的形式展示,幫助用戶快速查找目標商品。 京東: 搜索結(jié)果頁面,可直接進行篩選的方式更多樣,采用兩個滾動Tab欄幫助用戶快速篩選,商品類別同樣采用圖片加文字的展示形式。 拼多多: 搜索結(jié)果頁面,主要分為5個Tab進行篩選,分別是綜合、銷量、價格、品牌、好評,同時在Tab篩選欄下增加文字標簽幫助用戶快速進行篩選。

- 按照個人用戶不同特點分發(fā)推薦搜索詞;
- 功能可見性,頁面明確告知用戶可使用多種多種搜索方式;
- 搜索任務(wù)可優(yōu)化,支持用戶點擊“搜索”一步完成搜索任務(wù)的優(yōu)化;
- 根據(jù)產(chǎn)品自身定位,確定搜索功能權(quán)重,采用對應(yīng)搜索設(shè)計的樣式。
- 更快搜索操作完成,減少用戶操作成本;
- 操作引導(dǎo),助力用戶完成搜索工作,搜索歷史、推薦等可以提高用戶點擊率;
- 信息梳理和用戶控制,展示信息多的同時支持用戶控制信息密度。
- 信息準確,提升準確性的方法可以是幫助用戶進行快速篩選,例如自行車商品分類;
- 價值傳遞,構(gòu)建價值傳遞的有效路徑,在機會點刻畫自身價值;
- 靈活高效,多任務(wù)流程可以靈活自然切換是增加產(chǎn)品好感度的好方法。
聲明:本文由網(wǎng)站用戶香香發(fā)表,超夢電商平臺僅提供信息存儲服務(wù),版權(quán)歸原作者所有。若發(fā)現(xiàn)本站文章存在版權(quán)問題,如發(fā)現(xiàn)文章、圖片等侵權(quán)行為,請聯(lián)系我們刪除。