學到(dào)了(le)(分(fēn)析搜索引∞←↕擎友(yǒu)好(hǎo)的(de)網站(zhàn)¶Ω×設計(jì))網站(zhàn)搜索內(nèi)容,解析網站(zhà↔↔Ωn)搜索設計(jì)思路(lù),
搜索是(shì)産品中非常重要(yào)的(de)一(yī)個(gè)功能&$β(néng)模塊,它通(tōng)過搜索框給用(yò₩γ&ng)戶提供一(yī)個(gè)直達目的(de)地(dì)的(de)π£•綠(lǜ)色通(tōng)道(dào),方便用(yòng)戶≠"$≈快(kuài)速找到(dào)自(zì)己想要(y ↔Ω£ào)的(de)內(nèi)容,在昆山(shān)網站(zhàn)優化(huà)
搜索框的(de)體(tǐ)驗如(rú)何,決定著(z₩₽γhe)産品解決問(wèn)題的(de)能(néng)力、效率以及用(yòng)ε©戶的(de)使用(yòng)頻(pín)率。好(hǎo)的(de)搜索框一σ☆∏γ(yī)方面能(néng)幫助用(yòng)戶節約時(shí)間×™∏(jiān)成本,通(tōng)過友(yǒu")好(hǎo)的(de)設計(jì)細節帶來(lái)差異化(δ¥huà)的(de)信息反饋,便于用(yòn≠™g)戶在大(dà)量且昆山(shān)網站(zhàn)優化(huà¶÷₹)複雜(zá)的(de)信息中篩查所需目标,提高(γαgāo)轉化(huà)率;另一(yī)方面,還(hái)能(né≠∑ng)協助産品搜集用(yòng)戶行(xíng)為(wèi)目标并← 做(zuò)好(hǎo)數(shù)據埋點,為(wèi)₹÷後期的(de)更新叠代提供強有(yǒu)力的™Ω≈(de)依據。
1、搜索存在的(de)意義,當界面內(nèi)容過多(duō)、在"£↔₹列表中僅通(tōng)過視(shì)覺掃昆山(shān)網站(zhàn)優化(huà)描很(hěn)難找到(dào)目标,這(zhè)時(shí)能'π(néng)給用(yòng)戶提供最大(dà)幫助的(de)一(yī)個(g₩≥è)是(shì)篩選、另一(yī)個(gè)就(jiù)'↓是(shì)搜索,篩選能(néng)夠縮小÷φ(xiǎo)查找範圍、而搜索卻能(néng"↓∞↑)直到(dào)目标。相(xiàng)對(duì)來™♦↓(lái)說(shuō),對(duì)于 ∏®有(yǒu)明(míng)确目标的(de)用(yòng)戶,在關鍵詞較↑÷™←為(wèi)接近(jìn)的(de)情況下(xià)"∏,搜索比篩選的(de)查找效率、匹配結果昆山(shān)網站(zhàn)優化(huàΩ™≥ )的(de)精準度更高(gāo)。
2、搜索反饋類型,輸入關鍵信息後,系統會(huì)有(yǒu)兩種反饋¶₹類型,自(zì)動即時(shí)反饋和(hé)手動觸發反饋。系統自(zì)動檢∞↔☆↑測所有(yǒu)內(nèi)容中符合關鍵詞的(de)目•₽♣✘标信息并羅列出來(lái),随著(zhe)關鍵詞的(♦α≈de)持續輸入,與之相(xiàng)匹配的(de)結果會(hu∏♥≥ ì)逐漸減少(shǎo)昆山(shān)網站(zhàn)優化(huà)、直至找到(dào)目标,類似自(zì)定義篩選功能(néng)。這(zhλ₽è)種反饋方式适合內(nèi)容不(bù)是(shì)特别多(duō)的(deε←£↔)列表,避免服務器(qì)的(de)壓力太大(dà)、影(yǐng☆₩÷)響反饋效率,例如(rú)地(dì)址搜索、查找聯系人(rén)等。★ασ♣關鍵詞輸入完成後,需要(yào)手動點擊搜索按鈕向服務器(qì)發送指 ≤令才會(huì)得(de)到(dào)昆山(shān)網站(zhàn)優化(huà)相(xiàng)應的(de)搜索結果,這(zhè)種方₽₽∑式适合內(nèi)容信息較多(duō)的(de)列表。例如(rú)商品查"≤∑找、新聞類搜索等,其搜索結果也(yě)可(kě)能(nén→ g)是(shì)海(hǎi)量的(de),與篩選功σ$™∑能(néng)結合使用(yòng)效果更佳。
昆山(shān)網站(zhàn)優化(huà)昆山(shān)網站(zhàn)優化(huà)後的(de)頁面跳(tiào)轉以及搜索框形态的(≤★€de)變化(huà),将搜索功能(néng∞★)的(de)價值發揮到(dào)最大(dà)化₹<♠(huà)。
二、搜索入口的(de)樣式及應用(yòng)≥¥♣™場(chǎng)景
在大(dà)家(jiā)使用(yòng)的(de)衆多(duō) ↑↓app 中,部分(fēn)搜索框的(de)樣式雖然沒有(yǒu)多(du☆₹ō)大(dà)差别,其實背後都(dōu)經過了(★αle)精心設計(jì)。針對(duì)搜索入>✘"♥口,更具昆山(shān)網站(zhàn)優化(h>'πuà)不(bù)同的(de)應用(yòng)場 ¥>(chǎng)景、等級權重,其搜索入口的(de)位置、樣式也(yě)有(δ"♣yǒu)所不(bù)同,下(xià)面将分(fēn)别介↔紹四種常見(jiàn)的(de)類型。
1、Tab 欄獨立入口:将搜索放(fàng)在底部 Tab 欄作♣÷≠(zuò)為(wèi)獨立的(de)一(yī)級入口≠"✔÷,很(hěn)大(dà)程度上(shàng)強化(hu©↔↓à)了(le)搜索權重,有(yǒu)利于₹ε↑β用(yòng)戶的(de)搜昆山(shān)網站(zhàn)優化(huà)₩♠索行(xíng)為(wèi)引導、以及産品←→₩α搜索相(xiàng)關內(nèi)容的(de)推薦曝光(gu<'→āng)。這(zhè)種做(zuò)法為(wèi)搜 ©¶÷索功能(néng)拓展提供了(le)很(hěn)大(dà)的(♦↓₹de)空(kōng)間(jiān),相(xiàng)×≤比其他(tā)方式,操作(zuò)起來(lái)更≈λ•'便捷,即便用(yòng)戶在其他(tā) Tab 頁時↓×'(shí)、突然有(yǒu)搜索需求時(shí)也(yě)觸手可(↕↑∑₹kě)及,并使其成為(wèi)應用(yòng)重量級的(d≥≥∞e)流量入昆山(shān)網站(zhàn)優化(huà)口。Tab 欄搜索入口隻适合對(duì)于搜索需求極高(gāo)的(de↕≤)應用(yòng),具備簡潔、高(gāo)辨® 識度的(de)放(fàng)大(dà)鏡圖标讓用(≥±yòng)戶一(yī)眼就(jiù)能(néng≈±α)發現(xiàn)它,需要(yào)注意的(deε♦♣)是(shì)控制(zhì)好(hǎo) Tab 功能(néng)數"♣Ω♥(shù)量,在 3~5 個(gè)圖标時(shí)最宜使用(yòn♠ €g),切勿強行(xíng)加塞而影(yǐng)響操作(zuò)。
2、昆山(shān)網站(zhàn)優化(h$®uà)頂部搜索框:最常見(jiàn)的(de)搜索方式之一(yī¶®♣),将搜索以輸入框的(de)形式居于頁面頂部(狀>®Ω¥态欄或标題欄下(xià)方),在視(shì₽€)覺上(shàng)非常醒目,用(yòng)戶進入應用(yòng)即能(né© ng)快(kuài)速找到(dào),很(hěn)符合用(yò←'ng)戶的(de)視(shì)覺浏覽動線,為≈÷(wèi)最終轉化(huà)提供了(le)很(hěn)∞大(dà)的(de)流量支持。這(zhè)種搜索昆山(shān)網站(zhàn)優化(huà)框的(de)形态較為(wèi)複雜(zá),其信息元素的(de)®α&設計(jì)有(yǒu)很(hěn)多(duō)方面的(de)考究,它主要(≈∏®yào)由搜索框、圖标、占位符以及部分(fēn)其γ©他(tā)元素組成,下(xià)面一(yī)一(yī)★α介紹:
3、圖标:首先,“放(fàng)大(dà)鏡≤ φ↔”樣式的(de)圖标主要(yào)用(yòng)于提π×醒用(yòng)戶這(zhè)是(shì)一(yī)個(gè™≥$)搜索功能(néng),如(rú)果搜索框足夠昆山(shān)網站(zhàn)優化(huà)明(míng)顯且有(yǒu)占位符引導,也(y♥↕ě)可(kě)以去(qù)掉搜索圖标;其Ω€δ₹次,輔助搜索如(rú)語音(yīn)錄入、掃一(yī)掃、拍(pāi)照(z φhào)搜索等也(yě)會(huì)使用π™(yòng)圖标樣式呈現(xiàn)。
昆山(shān)網站(zhàn)優化(huà)入 xxx 搜索、搜索感興趣的(de)內£λ>(nèi)容...等。
在電(diàn)商類型的(de)産品中,為(wèi)了(le)® λ提高(gāo)占位符的(de)商業(yè)₩÷價值,将其進行(xíng)了(le)拓展,系統根據千人(rén)千面的(de)$≈算(suàn)法推薦、提供多(duō)個(gè)€∏ ✘占位符式的(de)商品名稱輪播,或者将占位符當做(αγzuò)廣告位進行(xíng)出售,不(bù)昆山(shān)網站(zhàn)優化(huà)
昆山(shān)網站(zhàn)優化(huà)β÷引導搜索的(de)作(zuò)用(yòng),另一(yī)反面•↑↕₩給用(yòng)戶多(duō)一(yī)個(gè)選擇∞∏、避免鍵盤隐藏後需再次喚出才能(néng)發送搜索指令。
昆山(shān)網站(zhàn)優化(huà)搜索,得(de)出的(de)結果會(huì)與用(yòng)戶目标更匹'<≈配,能(néng)一(yī)定程度的(de)提升用(yòng)戶α'¶對(duì)産品的(de)滿意度。例如(rú):攜程旅遊搜索的(de)地(d✔γ§ì)址選擇、酒店(diàn)搜索日(rì)期選擇,拼多(d♥≤♠uō)多(duō)的(de)商品、店(diàn)鋪選擇等。
“放(fàng)大(dà)鏡”圖标入口:↔σΩ←形态相(xiàng)對(duì)比較簡單,通←<(tōng)常以“放(fàng)大(dà)鏡”昆山(shān)網站(zhàn)優化(huà)樣式的(de) icon 出現(xiàn)在界面右上♠ ≥(shàng)角,視(shì)覺上(shàε≤εng)不(bù)會(huì)過于突出,常用(yòn₽≥↓"g)于搜索行(xíng)為(wèi)不(b✘±Ω≠ù)是(shì)特别頻(pín)繁的(dφπe)場(chǎng)景,需點擊後才會(huì∏<∑)跳(tiào)轉至搜索框頁面。Icon 搜索入口相(xiàng)較于上(♦≤'shàng)述提到(dào)的(de)類型在視('✘shì)覺引導方面略遜一(yī)籌,相(x₹iàng)對(duì)弱化(huà)了(le)搜索功能(néng)₩€♣"昆山(shān)網站(zhàn)優化(huà),但(dàn)可(kě)以節省了(le)更多(duō)的(de)✔₽導航欄空(kōng)間(jiān),呈現(xiàn)位置比較靈活,可(kě✘₩γ)單獨呈現(xiàn)、也(yě)可(kě)與其多(duō)個(gè)其他(•≠ ₩tā)功能(néng) icon 并列組合展示。
7、隐藏式入口:隐藏搜索入口方式在真實場(chǎng)景∑Ω中使用(yòng)的(de)極少(shǎo),在初始狀态下(xià)将♦₹↕®搜索入口隐藏,需通(tōng)過交昆山(shān)網站(zhàn)優化(huà)互操作(zuò)喚醒。例如(rú):有(σα≥yǒu)的(de)将其折疊,點擊展開(kδ∏∏↓āi)才能(néng)看(kàn)到(dào);有(yǒu✔¥)的(de)通(tōng)過下(xià)滑才會(huì)出現(xiàn),iP♦✘hone 桌面就(jiù)是(shì)一(₽♥yī)個(gè)不(bù)錯(cuò)的(de)案例 β。
三、常見(jiàn)的(de)搜索方式
基于信息複雜(zá)度的(de)提升,純文(wén)字搜索已無法滿足φ≈₹$很(hěn)多(duō)産品的(de)搜索需↓×求,為(wèi)了(le)拓展搜昆山(shān)網站(zhàn)優化(huà)索功能(néng)空(kōng)間(jiān)、更好(hǎo)的(de)¥®≥☆滿足用(yòng)戶需求,衍生(shēng)出了(le)多(d®αuō)種搜索方式,如(rú)語音(yīn)搜索、©←±≈掃一(yī)掃、拍(pāi)照(zhào)搜索等。
1、文(wén)本搜索:最常用(yòng)且做(zu ↑'✔ò)主要(yào)的(de)搜索方式,點擊搜索框激活鍵盤即可(kě)開(kσ≈<āi)始,相(xiàng)較于其它方式,碼字的(de)操作(zuò)成本略€×高(gāo),但(dàn)這(zhè)種搜索昆山(shān)網站(zhàn)優化(huà)方式極為(wèi)靈活,對(duì)于有(yǒu)目标的(de)♥用(yòng)戶、其搜索結果的(de)精準度隻高(gāo)不(bù¶©)低(dī)。文(wén)本搜索可(kě)分(fēn)∞®為(wèi)模糊搜索和(hé)精準搜索。精準搜索即能(✘→ε$néng)準确識别所輸入的(de)關鍵詞,要(yào)麽結果與&β搜索目标極度匹配、要(yào)麽結果為(wèi)空(kōng),例如(rú)訂≈β±單查詢、查找聯系人(rén)等;昆山(shān)網站(zhàn)優化(huà)£ε♣×模糊搜索可(kě)在無法匹配用(yòng)戶目标的(de)情況下(xià),推≤<薦與關鍵詞相(xiàng)似、或相(xiàng)接近(jìn)的("≥↕de)內(nèi)容,不(bù)管用(yòng)戶是(shì)否有(yǒ≤±βu)明(míng)确的(de)目标皆可(kě₽&)使用(yòng),例如(rú)商品搜索、新聞資訊搜索等。
2、語音(yīn)搜索:語音(yīn)搜索比文(wén)本搜索更為(✘¶≤wèi)便捷,省去(qù)了(le)用(yòng)戶碼字的(de)操作φ↑★≠(zuò),昆山(shān)網站(zhàn)優化(huà)同時(shí)也(yě)解決了(le)對(duλ∏©δì)使用(yòng)鍵盤、拼音(yīn)有(yǒu)難度的(de&÷>™)老(lǎo)弱用(yòng)戶群體(tǐ)α₹♣所面臨的(de)現(xiàn)實問(wèn)題。語音(yī★ σn)錄入後,系統會(huì)将其轉化(huà♦ )為(wèi)文(wén)字,然後根據關鍵詞搜索內(nèi)容,需要₽↑ (yào)注意的(de)是(shì)對(duì)普通(tōng≠☆∞)話(huà)的(de)标準程度要(yào)₹Ωβ•求較高(gāo),不(bù)然會(huì)影(yǐng)響搜索結果的(d±πe)準确度。為(wèi)了(le)給用(yòng)昆山(shān)網站(zhàn)優化(huà♣&)戶提供更好(hǎo)的(de)搜索體(tǐ)驗,語音(yīn)搜索也(yě™↕÷®)玩(wán)出了(le)新高(gāo)度。例如(rú):酷 ∏φφ狗音(yīn)樂(yuè)的(de)哼歌(gē)識曲/聽(tīng)歌(gē↑πλ)識曲,用(yòng)戶隻需哼出大(dà)緻的(de)曲調或直接對(duσ♥>≤ì)正在播放(fàng)的(de)音(yīn)樂(yuè)錄音('∑yīn)就(jiù)能(néng)找出歌(gē)曲名字;↑•在高(gāo)德地(dì)圖中,直接說(shuō)出“導航去(qù★↕) xxx”,系統即可(kě)自(zì)昆山(shān)網站(zhàn)優化(huà)動完成搜索、查詢路(lù)線等多(duō)個(g<¶è)操作(zuò)步驟。
3、拍(pāi)照(zhào)搜索:拍(pāi)照(zhào)搜¥♦索是(shì)借助圖像識别技(jì)術(sh•Ω¥₽ù)将用(yòng)戶實時(shí)拍(pā$σi)照(zhào)、或上(shàng)傳的(de)圖片進±₹≥行(xíng)相(xiàng)關內(nèi∏₽•↓)容匹配的(de)一(yī)種搜索方式, ×≥β在電(diàn)商類産品中得(de)到(dào)廣泛應用(yòng)。÷₽₹當我們看(kàn)到(dào)一(yī)個(gè)♣↕物(wù)品想要(yào)夠買,不(bù)知(zhδī)道(dào)叫昆山(shān)網站(zhàn)優化(hΩ&Ωuà)什(shén)麽或無法用(yòng)文(wén)字準确形容時(shí'α>),拍(pāi)照(zhào)搜索就(jiù)能(néng)很(hě¥®n)好(hǎo)的(de)解決這(zhè₩πα¥)個(gè)問(wèn)題。
4、掃一(yī)掃搜索:用(yòng)戶有(yǒu)明(míng)确目标> ¶且現(xiàn)場(chǎng)有(yǒu)真實樣品時(σ∞↔shí),可(kě)直接掃描商品條形碼/二維碼搜索相(xiàng₽♥ )同的(de)商品。雖然這(zhè)種搜索方式比上(shàng&∑ε)述任何一(yī)種方式搜索的(de)準确度昆山(shān)網站(zhàn)優化(huà)都(dōu)要(yào)到(dào)高(gāΩ↑Ωo),但(dàn)受到(dào)現(xiàn)實條件(ji•÷àn)的(de)限制(zhì),反而使用(yòng)頻(pín)率很(♣↔↓hěn)低(dī)。
四、搜索流程狀态解析
搜索前-進入“待命”狀态:從(cóng)用(yònγ"g)戶點擊搜索框的(de)這(zhè)一(yī)刻起、即便沒↕'δλ有(yǒu)任何其他(tā)操作(zuò)>♣'<,系統就(jiù)已經開(kāi)始做(zuò)搜索前 ∞的(de)準備工(gōng)作(zuò)了(leαλ←),利用(yòng)一(yī)系列輔助功能(néng)昆山(shān)網站(zhàn)優化(huà)≥ ♠"為(wèi)用(yòng)戶提供有(yǒu)效的(de)引導,為(w$→↑èi)搜索轉化(huà)做(zuò)足了(le)鋪墊,例如(r •∑ú)占位符提示、熱(rè)門(mén)搜索、曆史搜索、猜你(₽£nǐ)喜歡等,後續會(huì)對(duì)輔↕₽∏助功能(néng)做(zuò)詳細的(de)講解。
1、搜索中-關鍵詞聯想:在輸入關鍵詞過程中,搜索框右側會₽β×♣(huì)出現(xiàn)删除圖标,點擊即可(kě)昆山(shān)網站(zhàn)優化(hu&≥≈à)一(yī)鍵清除輸入的(de)內(nèi₩↓×₩)容。這(zhè)裡(lǐ)要(yào)注意删除與取消的(de)區(q&£↓ū)别,删除隻是(shì)清除內(nèi)容,而取消則是(shì)回到(dào₹ ¥)上(shàng)一(yī)級頁面,切勿将兩個(gè)操作(zuò®↔¥↑)離(lí)得(de)太近(jìn),以免用(yòng)戶誤觸而浪費(fèi←•)不(bù)必要(yào)的(de)時(shí)間(jiān)成本∞β。
2、搜索後-清晰有(yǒu)效的(de) ₩結果:用(yòng)戶主要(yào)是(shì)想通(Ω <λtōng)過搜索昆山(shān)網站(zhàn)優化(huà)功能(néng)來(lái)縮短(duǎn)路(lù)βπ∏ 徑、滿足自(zì)己的(de)查找需求,産品應盡一(yī)切能(né<₽φ≤ng)力帶給用(yòng)戶符合預期的(de)搜索結果¶>,即便無法與搜索目标相(xiàng)匹配,也(yě↑☆ )應該給予清晰的(de)提示以及合理(lǐ)的(de)視(shì×♥Ω→)覺引導。
五、輔助模塊/元素的(de)妙用(yòng)
默認提示(占位符):首先,搜索昆山(shān)網站(zhàn)優化(huà)框內(nèi)會(huì)有(yǒu)默認的(d∑≠e)占位符提示,以引導用(yòng)戶搜索,這(zhè)些(xiē)提示詞®♠φ可(kě)以是(shì)固定的(de)、也(yě)可(kě)以是(shì)來← (lái)自(zì)運營的(de)營銷文(wén)案或者系統根據算¥∏(suàn)法推薦,用(yòng)戶不(bù)用(yòng)任何輸入也(€§ ®yě)能(néng)直接點擊搜索提示詞相(xiδ¥àng)關的(de)內(nèi)容。
1、熱(rè)門(mén)推薦:熱(rè)門(mén♦)搜索主要(yào)起到(dào)引導作(zuò)昆山(shān)網站(zhàn)優化(huà)用(yòng),特别對(duì)那(nà)些(xi÷↔ē)沒有(yǒu)明(míng)确目标的(de∏α'₹)用(yòng)戶能(néng)給予更多(εεduō)選擇,有(yǒu)點類似搜索框中的(de)占位符提示,最大(dà)的(><σde)區(qū)别在于占位符可(kě)能(néng)是(shì)用(y<™₩¥òng)戶想要(yào)的(de)、但(dà≤∏n)熱(rè)門(mén)搜索卻是(shì)産品想要(yào)提供給用✘ ₹(yòng)戶的(de)內(nèi)容。
2、搜索曆史:用(yòng)戶夠買過的(de)商品(非消耗類)不(bù)昆山(shān)網站(zhàn)優化(huà)一(yī)定會(huì)再買,但(dàn)搜索過的(de)內(nγ×èi)容卻有(yǒu)極高(gāo)的(de®®♦∑)幾率再次搜索,例如(rú)購(gòu)物(wù)前貨比三家(j>♣±∏iā)反複參考、看(kàn)新聞/視(shì)頻<'(pín)有(yǒu)內(nèi)容偏好(hǎo)等✘'。
3、猜你(nǐ)喜歡:猜你(nǐ)喜歡出于營銷目的(•ε≥de),通(tōng)過采集用(yòng)戶的(de)↓§行(xíng)為(wèi)偏好(hǎo)進行(xíng<★₹)行(xíng)為(wèi)預判,提供用(yòng™×)戶可(kě)能(néng)感興趣的(de)內(nèi)容昆山(shān)網站(zhàn)優化(huà),或可(kě)在用(yòng)戶遲疑的(de)瞬間(jiān)被這(×↕♦™zhè)些(xiē)內(nèi)容吸引,降低(dī)搜索頁面的(de)跳∑←§↔(tiào)出率。在用(yòng)戶眼中,猜你(nǐ♠¥×)喜歡多(duō)少(shǎo)有(yǒu)點•★∏“莫須有(yǒu)”的(de)味道(dào),不(bù)過這(z♣£↑hè)不(bù)是(shì)本文(wén)討(tǎo)論的(de)重點。☆±
4、分(fēn)類搜索:産品中涉及的(de)業→≈β(yè)務、類型較多(duō)時(shí)Ω,搜索結果可(kě)能(néng)“魚龍混雜(zá)”昆山(shān)網站(zhàn)優化(huà),可(kě)在用(yòng)戶搜索前就(jiù)提供多(duō)♣®™個(gè)類别,方面目标明(míng)确的(de)用↔£∏(yòng)戶能(néng)更快(kuài)、更精準的(de)搜索出符σ™>合目标預期的(de)相(xiàng)關內(nèi)容。