>搜索功能作為尋找目標(biāo)內(nèi)容的快速入口张峰,存在于很多的應(yīng)用當(dāng)中;在不同的使用場景下棒旗,搜索功能也變得更加懂你喘批。這篇文章將談及搜索的適用范圍,功能細(xì)分铣揉,和其他部分閑話饶深。
基礎(chǔ)形式
就我個(gè)人觀點(diǎn)而言,搜索是一個(gè)非主要功能(不涉及獨(dú)立搜索逛拱,如Google敌厘、Bing等),臨時(shí)的中間態(tài)朽合,用戶不會在這個(gè)操作上長時(shí)停留俱两,應(yīng)該盡快前往目標(biāo)內(nèi)容,搜索過程就像游戲中施放傳送時(shí)的施法吟唱曹步。
在web/pc平臺上宪彩,大都是以 input+button 或 search icon的形式存在于界面上,如下圖:
在移動(dòng)端上箭窜,也會是search bar的形式存在毯焕,而且大部分會處在操作較少的上半屏區(qū)域,搜索功能作為對內(nèi)容的補(bǔ)充磺樱,是一個(gè)用戶操作動(dòng)機(jī)較強(qiáng)的功能纳猫,大多數(shù)app都是滑動(dòng)向下瀏覽,上部的搜索不太容易干擾到用戶的操作竹捉,實(shí)際中也會根據(jù)產(chǎn)品自身對搜索功能的定義芜辕,做出一些差異性的設(shè)計(jì)(例如作為tab項(xiàng)加入到bottom bar中去)。
接下來會通過搜索操作的過程順序块差,分析個(gè)中的設(shè)計(jì)方法侵续。
一、搜索框的默認(rèn)狀態(tài)(default)
即使你不去使用搜索功能憨闰,一個(gè)搜索框也會默認(rèn)的傳遞出一些信息状蜗。常見的方法就是在輸入框中默認(rèn)放入一些灰字內(nèi)容。
1.在搜索框中放置用戶先前搜索過的相關(guān)詞鹉动,方便用戶對之前的搜索內(nèi)容進(jìn)行二次瀏覽轧坎,也會添加搜索詞云的交替呈現(xiàn)形式,增加多搜索詞的曝光率泽示。
例如天貓就會根據(jù)我之前搜索的搜索詞(紅棗)缸血,默認(rèn)顯示脆棗蜜氨,脆冬棗,冬棗等相關(guān)詞捎泻,刺激感興趣的用戶前去了解飒炎,進(jìn)行操作。
2.在搜索框中放入近期活動(dòng)信息笆豁,增加用戶對活動(dòng)的參與度郎汪,這會有平臺或企業(yè)近期的運(yùn)營策略相關(guān),作為一個(gè)用戶了解參與的活動(dòng)入口渔呵。
例如京東為了推廣年貨節(jié)怒竿,引入了灰字吸引用戶搜索了解內(nèi)容。
3.引入搜索類型提示扩氢,用戶對一個(gè)寬泛的搜索框耕驰,可能會各種不同的搜索目標(biāo),通過加入灰字對搜索詞類型進(jìn)行說明录豺,可以減少一些沒有結(jié)果的搜索操作朦肘。
例如知乎對搜索類型進(jìn)行了說明,告知用戶搜索類型為問答双饥、文章媒抠、話題和用戶。
二咏花、觸發(fā)
在用戶激活操作趴生,還未輸入時(shí)的狀態(tài),這時(shí)會給用戶提供一些能夠幫助他們快速搜索的輔助信息昏翰,依然是前往搜索內(nèi)容的加速器苍匆。
1.提供搜索記錄和當(dāng)前熱搜,搜索一些當(dāng)前的熱點(diǎn)和之前搜索過的內(nèi)容棚菊,都是去提供一些可能性來與用戶心中的搜素目標(biāo)進(jìn)行匹配浸踩,就像是“你到了餐廳坐下來,服務(wù)員向你介紹了一些招牌菜品并詢問要不要來份上次吃過的炒菜”统求,這遠(yuǎn)比“服務(wù)員僅詢問你吃什么然后自己去翻菜譜”來的更加方便一些检碗。
例如微博作為熱點(diǎn)聚集地,所以在觸發(fā)搜索框后對話題性內(nèi)容做出了展示码邻。也會根據(jù)平臺的差異折剃,調(diào)整搜索記錄和熱點(diǎn)的比例(微博最多只顯示兩個(gè)搜索記錄詞)。
2.對潛在的搜索內(nèi)容做大類劃分像屋,將可能的搜索內(nèi)容按大類劃分微驶,用戶自行選擇目標(biāo)類型再進(jìn)行搜索,對于無關(guān)的搜索類型可以在展示頁之前就進(jìn)行過濾。
例如QQ瀏覽器因苹,用戶搜索的內(nèi)容過于龐雜,一個(gè)大類的劃分可能會提高不少效率篇恒,就像搜索一部電影名稱扶檐,結(jié)果可能是包含新聞、影評胁艰、海報(bào)款筑、視頻等多種類型,過多的內(nèi)容交織腾么,采用這種方法可以減少用戶的篩選工作奈梳。
3.提供其他搜索方式(語音、拍照)解虱,搜索的使用場景非常多樣攘须,單純的文字輸入不太能夠覆蓋到所有場景,我可能在不方便打字的時(shí)候使用語音搜索殴泰,或者在不知道該如何描述的時(shí)候拍一張照來搜索是什么于宙。
例如天貓?jiān)谟|發(fā)搜索,會提供拍照搜索和語音搜索的功能悍汛。
4.識別剪切板內(nèi)容捞魁,這一類的識別較為特殊,抓住的還是:復(fù)制->粘貼->搜索 這一較高頻率的搜索過程离咐,但是因?yàn)榧羟邪逯械膬?nèi)容會很多樣谱俭,盲目的識別再讓用戶取消就有點(diǎn)多此一舉了,所以QQ瀏覽器中會注意識別是否為地址字段宵蛀,猜測用戶可能會選擇前往(好像某段時(shí)間也能識別短時(shí)間內(nèi)的新圖片昆著,后來拿掉了)。
三糖埋、輸入
到了輸入過程的時(shí)候宣吱,設(shè)計(jì)的目標(biāo)依然是以降低用戶搜素成本,盡快離開前往目標(biāo)內(nèi)容瞳别。
1.實(shí)時(shí)模糊匹配征候,從用戶開始輸入第一個(gè)字的內(nèi)容后,就開始相應(yīng)的匹配祟敛,通過羅列出一些可能的搜索項(xiàng)來幫助用戶快速前往疤坝。這里還會存在兩點(diǎn)需要注意的內(nèi)容,就是匹配內(nèi)容的界定和對匹配信息的遞進(jìn)馆铁。匹配內(nèi)容的界定可能會按照“當(dāng)前用戶的搜索頻次”和“之前的搜索內(nèi)容關(guān)聯(lián)度”進(jìn)行處理跑揉。對匹配內(nèi)容的遞進(jìn),不僅是在羅列項(xiàng)中的上下順序,還有對搜索內(nèi)容詳細(xì)程度历谍。
例如高德地圖现拒,會在匹配詞越多時(shí),提供更詳盡的匹配詞信息望侈。望京公園的信息印蔬,在搜索詞從“望京”到“望京公園”的呈現(xiàn)不同,匹配程度更高時(shí)放在了更上方的位置脱衙,并提供了小門和交通信息侥猬。
2.按照類型對匹配信息區(qū)分捐韩,如果上一步?jīng)]有對搜索的分類退唠,那么可以在匹配結(jié)果中進(jìn)行劃分,信息的類型看起來更加豐滿和有條理荤胁。
例如知乎會按照之前在搜索框內(nèi)的提示信息瞧预,對搜索結(jié)果進(jìn)行分類。
四松蒜、結(jié)果
搜索結(jié)果的呈現(xiàn)也是多樣化,會根據(jù)產(chǎn)品自身對內(nèi)容的組織來進(jìn)行設(shè)計(jì)已旧,列表秸苗,卡片都是解決的方法。這里不進(jìn)行更多的討論运褪。想要提及的是在天貓中的一個(gè)有意思的設(shè)計(jì)惊楼,將搜索結(jié)果在樣式上標(biāo)簽化,這一交互形式可能是因?yàn)榻斩铮跇I(yè)務(wù)上功能間的沖突而做出的調(diào)整檀咙,拍照功能和清楚搜索框在擺放位置上的沖突,所以對搜索的關(guān)鍵詞做出異化璃诀,同樣也能方便快速清除弧可,重新搜索,那么這樣方案是一個(gè)優(yōu)秀的設(shè)計(jì)嗎劣欢?:)