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