我們可以在電商軟件上解決絕大部分的購物需求，而搜索功能作為一個(gè)基礎(chǔ)功能，是用戶尋找匹配商品的不可或缺的工具。本文作者以淘寶、京東、拼多多三個(gè)電商產(chǎn)品為例，對(duì)其搜索功能的交互設(shè)計(jì)進(jìn)行對(duì)比，希望對(duì)你有幫助。
一、搜索前
淘寶： 在淘寶首頁，搜索功能在訂閱和推薦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)行篩選。
- 按照個(gè)人用戶不同特點(diǎn)分發(fā)推薦搜索詞；
- 功能可見性，頁面明確告知用戶可使用多種多種搜索方式；
- 搜索任務(wù)可優(yōu)化，支持用戶點(diǎn)擊“搜索”一步完成搜索任務(wù)的優(yōu)化；
- 根據(jù)產(chǎn)品自身定位，確定搜索功能權(quán)重，采用對(duì)應(yīng)搜索設(shè)計(jì)的樣式。
- 更快搜索操作完成，減少用戶操作成本；
- 操作引導(dǎo)，助力用戶完成搜索工作，搜索歷史、推薦等可以提高用戶點(diǎn)擊率；
- 信息梳理和用戶控制，展示信息多的同時(shí)支持用戶控制信息密度。
- 信息準(zhǔn)確，提升準(zhǔn)確性的方法可以是幫助用戶進(jìn)行快速篩選，例如自行車商品分類；
- 價(jià)值傳遞，構(gòu)建價(jià)值傳遞的有效路徑，在機(jī)會(huì)點(diǎn)刻畫自身價(jià)值；
- 靈活高效，多任務(wù)流程可以靈活自然切換是增加產(chǎn)品好感度的好方法。
聲明：本文由網(wǎng)站用戶香香發(fā)表，超夢電商平臺(tái)僅提供信息存儲(chǔ)服務(wù)，版權(quán)歸原作者所有。若發(fā)現(xiàn)本站文章存在版權(quán)問題，如發(fā)現(xiàn)文章、圖片等侵權(quán)行為，請(qǐng)聯(lián)系我們刪除。
