APP開發中如何做(zuò)好搜索功能的(de)設計

“搜索”是在APP開發中的(de)常見功能，尤其對(duì)于電商類、引擎類、信息流類的(de)應用(yòng)，搜索往往是其中最重要的(de)功能之一，無論是移動端還(hái)是pc端，“搜索”的(de)設計思考都以“用(yòng)戶要得(de)到什(shén)麽?”作爲出發點;但兩者的(de)展現形式卻不盡相同。相較于pc端，移動端的(de)搜索功能需要在更小的(de)屏幕空間上占有一席之地;根據不同的(de)業務形式，其展現的(de)方式也(yě)是多(duō)種多(duō)樣。本文對(duì)搜索功能進行了(le)一些分(fēn)析分(fēn)享給大(dà)家。

一、關于搜索的(de)行爲思考

不同的(de)用(yòng)戶或使用(yòng)場(chǎng)景，用(yòng)戶搜索的(de)目的(de)往往不同，一般分(fēn)以下(xià)三類。

1、精确搜索。這(zhè)種場(chǎng)景下(xià)用(yòng)戶目的(de)清晰明(míng)确、直奔主題，通(tōng)過在搜索框輸入内容快(kuài)速找到所需目标，完成此次搜索動作。常見案例如百度地圖、UBER、網易有道詞典、同花順的(de)搜索功能等。

2、提高(gāo)尋找效率，高(gāo)效鎖定目标或快(kuài)速縮小範圍。這(zhè)時(shí)候“搜索”

功能在一定程度上和(hé)“篩選”近似，有時(shí)候往往和(hé)篩選一起使用(yòng)。這(zhè)種常見于信息浏覽類應用(yòng)，在用(yòng)戶浏覽信息的(de)同時(shí)往往“迸發”出念頭，想要快(kuài)速浏覽有針對(duì)性内容，于是開始使用(yòng)搜索。常見案例如愛(ài)奇藝、下(xià)廚房(fáng)、優酷、美(měi)團、大(dà)衆點評、知乎等。

3、用(yòng)戶不知道自己想要什(shén)麽，通(tōng)過“搜索”啓發自己靈感。因爲很多(duō)應用(yòng)的(de)搜索頁面中往往有“精心安排”的(de)信息。爲迎合這(zhè)類用(yòng)戶需求，搜索頁面一般有熱(rè)門搜索的(de)關鍵詞、搜索類目、記錄等等。

 

二、搜索怎麽放

1、搜索圖标：在導航欄一側或其他(tā)位置放置，根據用(yòng)戶場(chǎng)景和(hé)重要級需求決定。一般搜索圖标放在右側，當右側有兩個(gè)及以上按鈕時(shí)，考慮平鋪或折疊。

2、搜索欄：以搜索欄的(de)形式直接放在導航欄或放在導航欄下(xià)方等其他(tā)位置，此時(shí)搜索欄可(kě)結合語音(yīn)、拍(pāi)照(zhào)、删除(在輸入後顯示)等功能按鈕。

3、搜索作爲标簽欄中的(de)某一個(gè)功能：根據内容重要性決定排在第幾個(gè)标簽中。

4、搜索以單獨頁面或主頁P0功能展現：直接作爲主頁面或主頁以較大(dà)篇幅顯示搜索欄，内容及形式根據用(yòng)戶場(chǎng)景定義。

 

三、搜索框

1.以搜索欄形式展現的(de)搜索功能，搜索框的(de)位置可(kě)以出現較短的(de)文案，長(cháng)度需限制在搜索框的(de)長(cháng)度以内，起到隐性提示和(hé)引導的(de)作用(yòng)，有時(shí)也(yě)會加入運營内容;當出現搜索框時(shí)，往往配合“取消”“删除”“語音(yīn)輸入”“拍(pāi)照(zhào)輸入”等功能;當搜索框與其他(tā)功能按鈕一起出現時(shí)，需要注意各個(gè)功能按鈕的(de)可(kě)用(yòng)性問題。

2.以圖标形式展現的(de)搜索功能，當用(yòng)戶點擊時(shí)，或以動效形式出現搜索框，或直接至單獨的(de)搜索頁面。當然，搜索框的(de)形式展現時(shí)，點擊行爲也(yě)會觸發至一個(gè)新的(de)頁面。無論以上哪種形式，當至單獨的(de)搜索頁面時(shí)，可(kě)展現的(de)關于“搜索”的(de)内容就更加精彩紛呈了(le)。

 

四、搜索的(de)結果呈現

當我們完成搜索時(shí)，以何種形式呈現什(shén)麽樣的(de)内容才能更好的(de)滿足我們的(de)需求呢(ne)?當用(yòng)戶點擊搜索時(shí)，有兩種信息的(de)呈現形式，一種是在當前頁面展示，另一種是新開頁面。

當搜索無内容時(shí)，我們給用(yòng)戶什(shén)麽?最簡單粗暴的(de)形式是直接告訴用(yòng)戶沒有，但這(zhè)種體驗太不好，作爲交互設計師應該思考一件事“在沒有結果展示時(shí)我們還(hái)能爲用(yòng)戶做(zuò)點兒(ér)什(shén)麽?”從用(yòng)戶的(de)角度思考，即“啥都沒有，我要做(zuò)什(shén)麽呢(ne)?”帶著(zhe)疑問來(lái)開始這(zhè)個(gè)頁面的(de)設計，用(yòng)戶分(fēn)爲主動和(hé)被動。主動的(de)用(yòng)戶這(zhè)時(shí)候會做(zuò)什(shén)麽?或許會重新發起一次搜索，輸入更加精确的(de)關鍵詞、提交報錯或反饋，這(zhè)類用(yòng)戶總會找到他(tā)想做(zuò)的(de)事情。而對(duì)于被動的(de)用(yòng)戶，我們就應該去了(le)解他(tā)，投其所好。如相似度和(hé)關聯性推薦、熱(rè)門推薦、可(kě)能喜歡、搜索曆史等形式。

有時(shí)候用(yòng)戶對(duì)于搜索結果并不滿意，我們可(kě)以在頁面上做(zuò)結果頁展示的(de)補償方案：如讓用(yòng)戶進一步明(míng)确搜索詞，縮小搜索範圍，如通(tōng)過分(fēn)類和(hé)篩選功能。二是引導用(yòng)戶在應用(yòng)可(kě)支持的(de)範圍内進行搜索，如同花順的(de)股票(piào)搜索、知乎的(de)搜索案例等。

 

結語

本文把APP開發中的(de)搜索功能做(zuò)了(le)一個(gè)簡單總結;但搜索的(de)場(chǎng)景往往根據具體業務需求千變萬化(huà)，不同的(de)APP搜索場(chǎng)景也(yě)許會不一樣，然而這(zhè)恰恰是用(yòng)戶體驗設計的(de)意義點所在，也(yě)是設計的(de)本源，即“探索人(rén)搜索的(de)初始欲望”。關于搜索，可(kě)以思考的(de)點還(hái)有很多(duō)，而相對(duì)正确的(de)答(dá)案都在每一次的(de)具體業務中。