從時(shí)間邏輯淺談移動(dòng)端搜索

2022-06-06    分類: 網(wǎng)站建設(shè)

“搜索”是許多移動(dòng)端應(yīng)用中的常見功能,尤其對(duì)于電商類、引擎類、信息流類的應(yīng)用,搜索往往是其中最重要的功能之一,據(jù)說(shuō)淘寶用戶90%的行為都從搜索框開始。無(wú)論是移動(dòng)端還是pc端,“搜索”的設(shè)計(jì)思考都以“用戶要得到什么?”作為出發(fā)點(diǎn);但兩者的展現(xiàn)形式卻不盡相同。相較于pc端,移動(dòng)端的搜索功能需要在更小的屏幕空間上占有一席之地;根據(jù)不同的業(yè)務(wù)形式,其展現(xiàn)的方式也是多種多樣。本文以“搜索的時(shí)間邏輯”作為脈絡(luò),從“為什么要搜索-搜索前-搜索時(shí)-搜索后”對(duì)搜索功能進(jìn)行解剖式分析,給自己做分析整理的同時(shí)也分享給剛剛?cè)腴T做移動(dòng)端體驗(yàn)設(shè)計(jì)的同學(xué)。

為什么要搜索-關(guān)于搜索的行為思考

關(guān)于搜索的行為思考

不同的搜索目的

不同的用戶或使用場(chǎng)景,用戶搜索的目的往往不同,一般分以下三類。

1.精確搜索。這種場(chǎng)景下用戶目的清晰明確、直奔主題,通過(guò)在搜索框輸入內(nèi)容快速找到所需目標(biāo),完成此次搜索動(dòng)作。常見案例如百度地圖、UBER、網(wǎng)易有道詞典、同花順的搜索功能等。

2.提高尋找效率,高效鎖定目標(biāo)或快速縮小范圍:這時(shí)候“搜索”功能在一定程度上和“篩選”近似,有時(shí)候往往和篩選一起使用。這種常見于信息瀏覽類應(yīng)用,在用戶瀏覽信息的同時(shí)往往“迸發(fā)”出念頭,想要快速瀏覽有針對(duì)性內(nèi)容,于是開始使用搜索。常見案例如愛奇藝、下廚房、優(yōu)酷、美團(tuán)、大眾點(diǎn)評(píng)、知乎等。

3.用戶不知道自己想要什么,通過(guò)“搜索”啟發(fā)自己靈感,因?yàn)楹芏鄳?yīng)用的搜索頁(yè)面中往往有“精心安排”的信息。為迎合這類用戶需求,搜索頁(yè)面一般有熱門搜索的關(guān)鍵詞、搜索類目、紀(jì)錄等等。

寫在搜索前-搜索怎么放

1.搜索圖標(biāo):在導(dǎo)航欄一側(cè)或其他位置放置,根據(jù)用戶場(chǎng)景和重要級(jí)需求決定。一般搜索圖標(biāo)放在右側(cè),當(dāng)右側(cè)有兩個(gè)及以上按鈕時(shí),考慮平鋪或折疊。

2.搜索欄:以搜索欄的形式直接放在導(dǎo)航欄或放在導(dǎo)航欄下方等其他位置,此時(shí)搜索欄可結(jié)合語(yǔ)音、拍照、刪除(在輸入后顯示)等功能按鈕。

3.搜索作為標(biāo)簽欄中的某一個(gè)功能:根據(jù)內(nèi)容重要性決定排在第幾個(gè)標(biāo)簽中。

4.搜索以單獨(dú)頁(yè)面或主頁(yè)P(yáng)0功能展現(xiàn):直接作為主頁(yè)面或主頁(yè)以較大篇幅顯示搜索欄,內(nèi)容及形式根據(jù)用戶場(chǎng)景定義。

圖1

搜索時(shí)-搜索框的變身

  • 以搜索欄形式展現(xiàn)的搜索功能,搜索框的位置可以出現(xiàn)較短的文案,長(zhǎng)度需限制在搜索框的長(zhǎng)度以內(nèi),起到隱性提示和引導(dǎo)的作用,有時(shí)也會(huì)加入運(yùn)營(yíng)內(nèi)容;當(dāng)出現(xiàn)搜索框時(shí),往往配合“取消”“刪除”“語(yǔ)音輸入”“拍照輸入”等功能;當(dāng)搜索框與其他功能按鈕一起出現(xiàn)時(shí),需要注意各個(gè)功能按鈕的可用性問(wèn)題。

圖2

  • 以圖標(biāo)形式展現(xiàn)的搜索功能,當(dāng)用戶點(diǎn)擊時(shí),或以動(dòng)效形式出現(xiàn)搜索框,或直接至單獨(dú)的搜索頁(yè)面。當(dāng)然,搜索框的形式展現(xiàn)時(shí),點(diǎn)擊行為也會(huì)觸發(fā)至一個(gè)新的頁(yè)面。無(wú)論以上哪種形式,當(dāng)至單獨(dú)的搜索頁(yè)面時(shí),可展現(xiàn)的關(guān)于“搜索”的內(nèi)容就更加精彩紛呈了。一般可以給出以下內(nèi)容:

(1)與搜索字段相關(guān)的聯(lián)想詞列表:頁(yè)面上實(shí)時(shí)展現(xiàn)與搜索關(guān)鍵詞有關(guān)的單一內(nèi)容列表或多樣性內(nèi)容展示。若關(guān)聯(lián)詞有相關(guān)操作或二級(jí)內(nèi)容,如關(guān)閉、搜索結(jié)果的副標(biāo)題或補(bǔ)充內(nèi)容等,可直接在關(guān)聯(lián)詞后露出。

(2)搜索內(nèi)容的支持范圍:定義內(nèi)容、類目列表、范圍欄(scope bar)給出支持的標(biāo)簽或者tab。其目的是讓用戶明確“搜索”支持的范圍,相當(dāng)于搜索的tips,有時(shí)候“篩選”功能會(huì)在該頁(yè)配合搜索一起使

(3)搜索歷史

(4)熱門搜索

(5)可能在搜索(根據(jù)用戶習(xí)慣、喜好等數(shù)據(jù)推薦)

(6)精華內(nèi)容

(7)運(yùn)營(yíng)推廣內(nèi)容:如內(nèi)容推薦、建議類目的關(guān)鍵詞。(如類目的設(shè)計(jì)、CMS頻道的設(shè)計(jì)、促銷活動(dòng)的設(shè)計(jì))(參考案例 百度地圖)

(8)廣告

(9)以上幾種內(nèi)容的結(jié)合體

圖4

針對(duì)關(guān)鍵詞的進(jìn)一步推薦搜索的列表(我個(gè)人稱之為漸進(jìn)式搜索,參考案例:知乎APP),這是一種搜索內(nèi)容未能提供情況下,讓用戶能夠“有所得”得好方法,提升了用戶體驗(yàn)。試想當(dāng)你輸入了一大段文字之后展現(xiàn)的頁(yè)面是“暫無(wú)內(nèi)容”,相比于此,提前讓用戶知道:“我們這里暫時(shí)沒有你要的。但是,或許可以看看別的”“別的內(nèi)容或許也有你意想不到的驚喜奧!”此方案看上去像降級(jí)方案,但本質(zhì)是讓用戶的搜索行為可控,反而提升了搜索結(jié)果的用戶體驗(yàn)。

圖5

搜索后-搜索的結(jié)果呈現(xiàn)

當(dāng)我們完成搜索時(shí),以何種形式呈現(xiàn)什么樣的內(nèi)容才能更好的滿足我們的需求呢?當(dāng)用戶點(diǎn)擊搜索時(shí),有兩種信息的呈現(xiàn)形式,一種是在當(dāng)前頁(yè)面展示,另一種是新開頁(yè)面。

1.在當(dāng)前頁(yè)面展示搜索結(jié)果的頁(yè)面,內(nèi)容較簡(jiǎn)單,主要目的是為了讓用戶進(jìn)一步點(diǎn)擊選擇,使得搜索的結(jié)果可控。這種情況下常以列表形式平鋪地展現(xiàn)信息,相關(guān)地二級(jí)標(biāo)題或按鈕會(huì)結(jié)合搜索結(jié)果同步露出。這種情況下,很多時(shí)候鍵盤地“搜索”按鈕是禁用的或者鍵盤的設(shè)計(jì)無(wú)搜索按鈕。

圖6

2.當(dāng)需要展示的內(nèi)容有不同屬性,如列表、圖、圖文結(jié)合或更多的其他形式,則一般采用新開頁(yè)面的方式,信息的展示也需要做分層處理。信息的分層包括每個(gè)單元內(nèi)信息之間的對(duì)比、強(qiáng)調(diào)和弱化。不同單元和屬性的信息間優(yōu)先級(jí)展示以及展示方式的區(qū)分。參考案例如下:

3.當(dāng)搜索無(wú)內(nèi)容時(shí),我們給用戶什么?最簡(jiǎn)單粗暴的形式是直接告訴用戶沒有,但這種體驗(yàn)太不好,作為交互設(shè)計(jì)師應(yīng)該思考一件事““在沒有結(jié)果展示時(shí)我們還能為用戶做點(diǎn)兒什么?”從用戶的角度思考,即“啥都沒有,我要做什么呢?”帶著疑問(wèn)來(lái)開始這個(gè)頁(yè)面的設(shè)計(jì),用戶分為主動(dòng)和被動(dòng)。主動(dòng)的用戶這時(shí)候會(huì)做什么?或許會(huì)重新發(fā)起一次搜索,輸入更加精確的關(guān)鍵詞、提交報(bào)錯(cuò)或反饋,這類用戶總會(huì)找到他想做的事情。而對(duì)于被動(dòng)的用戶,我們就應(yīng)該去了解他,投其所好。如相似度和關(guān)聯(lián)性推薦、熱門推薦、可能喜歡、搜索歷史等形式。

圖8

有時(shí)候用戶對(duì)于搜索結(jié)果并不滿意,我們可以在頁(yè)面上做結(jié)果頁(yè)展示的補(bǔ)償方案:如讓用戶進(jìn)一步明確搜索詞,縮小搜索范圍,如通過(guò)分類和篩選功能。 二是引導(dǎo)用戶在應(yīng)用可支持的范圍內(nèi)進(jìn)行搜索,如同花順的股票搜索、知乎的搜索案例等。

結(jié)語(yǔ)

本文僅從“時(shí)間邏輯”的角度把搜索功能的形式做了一次簡(jiǎn)單總結(jié);但搜索的場(chǎng)景往往根據(jù)具體業(yè)務(wù)需求千變?nèi)f化,但這恰恰是用戶體驗(yàn)設(shè)計(jì)的意義點(diǎn)所在,也是設(shè)計(jì)的本源,即“探索人搜索的初始欲望”。關(guān)于搜索,可以思考的點(diǎn)還有很多,隨意拋出一個(gè)問(wèn)題,如:點(diǎn)擊“搜索”的時(shí)候一定要喚起鍵盤嗎?再問(wèn),點(diǎn)擊“搜索框”的時(shí)候一定要喚起鍵盤嗎?這些都沒有永恒的固定答案,而相對(duì)正確的答案都在每一次的具體業(yè)務(wù)中。

網(wǎng)頁(yè)題目:從時(shí)間邏輯淺談移動(dòng)端搜索
分享URL:http://www.muchs.cn/news23/163773.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供全網(wǎng)營(yíng)銷推廣、虛擬主機(jī)、ChatGPT、網(wǎng)站制作、商城網(wǎng)站、微信公眾號(hào)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

h5響應(yīng)式網(wǎng)站建設(shè)