亚洲av午夜福利精品一区人妖,亚洲乱码日产精品a级毛片久久,91精品视频观看,青草青草久热精品视频在线观看

沒想到,B端搜索功能設(shè)計(jì)還有這么多考究!

2025-3-4    杰睿

搜索框的設(shè)計(jì)并不簡單,很多的細(xì)節(jié)需要設(shè)計(jì)師去注意和思考的。下面總結(jié)一下我在設(shè)計(jì)搜索框的經(jīng)驗(yàn),分享給大家。

 

 

 

 

你可能認(rèn)為,搜索不就是一個矩形框+放大鏡圖標(biāo)再加一個占位符不就搞定了嗎?

 

經(jīng)過多年的設(shè)計(jì)工作頻繁設(shè)計(jì)搜索功能后,我發(fā)現(xiàn)在不同類型的產(chǎn)品中搜索框的交互方式、視覺樣式都有所不同,且用戶在搜索前、搜索中、搜索后都需要注意用戶在搜索各個流程中的可能操作,包括正向流程、反向流程。

 

搜索框的設(shè)計(jì)并不簡單,很多的細(xì)節(jié)需要設(shè)計(jì)師去注意和思考的。下面總結(jié)一下我在設(shè)計(jì)搜索框的經(jīng)驗(yàn),分享給大家。

 

友情提示:文章尾部有福利相送,不要錯過~

 

 

 

 

 

搜索是用戶將查詢的信息輸入搜索器中,搜索引擎就會在約定的規(guī)則下將獲取到的信息反饋給用戶的過程。

 

搜索是B端產(chǎn)品中非常重要的一個功能模塊,通過搜索框用戶可以快速找到或者篩選出自己想要的內(nèi)容,在引導(dǎo)用戶走向方面起到了絕對性的作用。

 

 

1、用戶分層

 

體驗(yàn)設(shè)計(jì)中有個概念叫用戶分層,即便是同一個頁面,我們也需要去細(xì)分不同的場景對用戶做分層,為不同的用戶做設(shè)計(jì),搜索功能就是最好的為有明確目標(biāo)的用戶分層的設(shè)計(jì)。

 

搜索功能的用戶分層可分為幾種場景:

  • 有明確想搜的內(nèi)容并記得所有關(guān)鍵詞
  • 有明確想搜的內(nèi)容但記不清所有關(guān)鍵詞
  • 無明確想搜的內(nèi)容

搜索首先要確定哪幾個字段可以被搜索到,名稱?編號?等等...

 

有明確目的型用戶在進(jìn)行了搜索這個行為后,便生成了搜索歷史。因此,我們可以通過挖掘用戶搜索行為背后的目的,來分析為什么使用不同的布局。

 

模糊搜索使用的頻率居多,畢竟有時候用戶不一定可以精準(zhǔn)的記住想要搜索的準(zhǔn)確信息。不過也不是絕對的,兩者皆可選擇,可根據(jù)產(chǎn)品場景選擇。

 

 

2、搜索的作用

 

 

 

 

 

2.1 降低用戶的行為門檻

 

搜索功能可以簡單地輸入,快速輸出,只要幾個關(guān)鍵字就可以獲得符合用戶需求的內(nèi)容,將原有的用戶行為成本轉(zhuǎn)移給系統(tǒng),從而讓使用體驗(yàn)更加快捷、輕松。

 

同時語音輸入和拍照搜索進(jìn)一步降低了用戶行為門檻。

 

2.2 減少用戶操作,縮短行為路徑

 

搜索功能可以幫助用戶快速定位信息,從而提高了用戶對內(nèi)容的觸達(dá)效率。常見的例子就是:bi?r用戶有明確的購物需求時,不需要一步步點(diǎn)擊商品分類,選擇商品類型、品牌等信息,就可以快速直達(dá)自己所需的商品。

 

所以,搜索框的體驗(yàn)如何,決定著B端產(chǎn)品解決問題的能力、效率以及用戶的使用頻率。

 

好的搜索框一方面能幫助用戶節(jié)約時間成本,讓用戶在大量且復(fù)雜的信息中篩查所需目標(biāo),提升用戶體驗(yàn);另一方面,還能協(xié)助產(chǎn)品收集用戶行為目標(biāo)并做好數(shù)據(jù)埋點(diǎn),為后期的更新迭代提供強(qiáng)有力的依據(jù)。

 

除了設(shè)計(jì)方式外,搜索還涉及到結(jié)果信息的數(shù)據(jù)匹配規(guī)則,受到算法精準(zhǔn)性、商業(yè)化干預(yù)程度的影響,設(shè)計(jì)師同樣需要關(guān)注搜索結(jié)果如何更好地匹配用戶的精確搜索、模糊搜索需求,以從信息設(shè)計(jì)層面提升用戶體驗(yàn)。

 

 

 

 

搜索流程,即搜索前、搜索中、搜索后的頁面跳轉(zhuǎn)以及搜索框形態(tài)的變化。

 

對應(yīng)的就有:搜索入口——搜索推薦頁——搜索聯(lián)想頁——搜索結(jié)果頁——搜索結(jié)果頁返回。

 

 

 

 

 

設(shè)計(jì)師想要設(shè)計(jì)流暢的搜索體驗(yàn)是無法避開梳理搜索流程的,考慮完整的搜索鏈路和用戶關(guān)鍵體驗(yàn)路徑,并且設(shè)計(jì)出對應(yīng)的所有細(xì)節(jié),將搜索功能的價值發(fā)揮到最大化。

 

對于搜索系統(tǒng)來說,整個流程可以分為三步,分別是:

  • 理解用戶搜索意圖
  • 召回內(nèi)容
  • 排序內(nèi)容

 

 

 

B 端業(yè)務(wù)中搜索使用的場景有兩類:一類是全局搜索,一類是頁面局部搜索(常見的有列表搜索、表單搜索)。

 

 

1、全局搜索

 

對于B端系統(tǒng)中模塊分類較多,所涉及到的內(nèi)容比較全面的,一般會選擇全局搜索,全局搜索是通過關(guān)鍵詞匹配全局范圍內(nèi)的信息來搜索的。

 

優(yōu)勢:無學(xué)習(xí)門檻,用戶無需考慮內(nèi)容對應(yīng)的分類只需輸入關(guān)鍵詞;

 

劣勢:精準(zhǔn)度不夠高;搜索出來內(nèi)容泛;需用戶二次查找目標(biāo)內(nèi)容。

 

注意:設(shè)計(jì)全局搜索時要注意搜索后的結(jié)果展示邏輯,如果分類較多,界面還可以根據(jù)分類tab分別歸類不同。

 

tips:搜索功能在頁面中的重要程度及搜索范圍,決定了搜索的位置和樣式。

 

目前大部分網(wǎng)站在布局搜索框位置時,大致遵循以下幾個規(guī)則:頁面居中、頁面頂部居中、頁面頂部右邊、頁面頂部左邊

 

知乎的搜索入口位于頂部導(dǎo)航欄的顯著位置,引導(dǎo)用戶進(jìn)行搜索,并且搜索框內(nèi)的占位文字根據(jù)算法會間隔一段時間改變,引導(dǎo)用戶發(fā)現(xiàn)新的內(nèi)容,促進(jìn)用戶在知乎上的使用時長。

 

 

 

 

 

 

B端全局搜索入口的樣式

 

 

1.1 頂部導(dǎo)航欄搜索框

 

最常見的搜索方式之一,將搜索以輸入框的形式居于頁面頂部(狀態(tài)欄或標(biāo)題欄下方),在視覺上非常醒目,用戶進(jìn)入應(yīng)用即能快速找到,很符合用戶的視覺瀏覽動線,也是C端產(chǎn)品提高轉(zhuǎn)化率的流量入口。

 

1.2 “放大鏡”圖標(biāo)入口

 

形態(tài)相對比較簡單,通常以“放大鏡”樣式的 icon 出現(xiàn)在界面右上角,視覺上不會過于突出,常用于搜索行為不是特別頻繁的場景,需點(diǎn)擊后才會跳轉(zhuǎn)至搜索框頁面。

 

Icon 搜索入口相較于上述提到的類型在視覺引導(dǎo)方面略遜一籌,相對弱化了搜索功能,但節(jié)省了更多的導(dǎo)航欄空間,呈現(xiàn)位置比較靈活,可單獨(dú)呈現(xiàn)、也可與其多個其他功能 icon 并列組合展示。

 

 

 

 

 

2、頁面?局部搜索

 

指的是在頁面中的某個模塊加入搜索的功能。

 

常見在數(shù)據(jù)列表頁面加入搜索的功能,搜索的目標(biāo)只在該模塊該內(nèi)容中進(jìn)行搜索,搜索的信息具有局限性,當(dāng)然也是更加準(zhǔn)確地搜索用戶想要的目標(biāo)信息。

 

下圖是一個美團(tuán)商家后臺的列表頁面,此頁面加入了搜索的功能。

 

 

 

 

另外,B端常見在表單頁面加入搜索的功能,搜索的目標(biāo)只在表單選擇內(nèi)中進(jìn)行搜索,搜索的信息同樣具有局限性,可以通過控制某個字段或者某幾個字段的信息來展開搜索。

 

3、同一頁面多個搜索入口

 

B端業(yè)務(wù)中復(fù)雜的場景中存在同一個頁面中有多個搜索入口(如上圖美團(tuán)),設(shè)計(jì)前需梳理清楚每一個搜索入口的交互邏輯,不同搜索入口覆蓋的搜索范圍、搜索過程、搜索結(jié)果是否一致,在占位文本上也需體現(xiàn)出該搜索入口的搜索內(nèi)容。

 

 

 

 

1、根據(jù)搜索結(jié)果分類

 

1.1 模糊搜索

 

模糊搜索是用戶搜索意圖不明確時,將用戶的查詢與待檢索的內(nèi)容進(jìn)行模糊匹配。

 

模糊搜索無法精確理解用戶的查詢意圖,搜索結(jié)果可能有大批量用戶不想要的信息,使用模糊搜索時一定要結(jié)合實(shí)際場景,慎重使用。

 

優(yōu)點(diǎn):只要有相關(guān)的內(nèi)容都會被檢索出來,減少了精準(zhǔn)搜索帶來的記憶負(fù)擔(dān);

 

缺點(diǎn):容易把相關(guān)的信息也帶出來,例如檢索186,把相關(guān)號碼也匹配出來。

 

 

 

 

 

1.2 精確搜索

 

精確搜索是指用戶在搜索時,針對某一數(shù)據(jù)字段搜索,來查找所需要的數(shù)據(jù)。

 

根據(jù)業(yè)務(wù)場景不同,我們會查找某一字段,或者是用標(biāo)簽切換不同字段來查找。可以幫助用戶在巨大的信息池中縮小目標(biāo)范圍,快速而準(zhǔn)確的定位到目標(biāo)數(shù)據(jù),并速獲取需要的信息。

 

優(yōu)點(diǎn):搜索匹配精準(zhǔn)度高。

 

缺點(diǎn):每次只能對單一條件進(jìn)行搜索。

 

 

 

 

 

總結(jié):

 

我們可以根據(jù)產(chǎn)品的發(fā)展階段、需求側(cè)重、用戶的專業(yè)度和使用習(xí)慣來綜合決策使用哪一種方式更合適。如果側(cè)重查詢效率且用戶是有專業(yè)門檻的使用者時,可以優(yōu)先考慮精確搜索;如果側(cè)重查詢結(jié)果的豐富度,可以優(yōu)先考慮模糊搜索。

 

 

2、根據(jù)搜索欄表現(xiàn)形式分類

 

基于搜索欄的表現(xiàn)形式,可以分為以下四種類型:單屬性搜索、切換屬性搜索、多屬性模糊搜索以及多屬性組合搜索。

 

 

 

 

類型之間沒有優(yōu)劣之分,根據(jù)業(yè)務(wù)場景使用對應(yīng)的類型即可。

 

2.1單屬性搜索

 

單屬性精確搜索:通過某個特定屬性就可以快速定位到目標(biāo)數(shù)據(jù),具有唯一識別性的、高使用頻率的、對用戶決策有意義的。

 

適用場景:表格單一數(shù)據(jù)信息特征突出,可以用此數(shù)據(jù)標(biāo)簽快速定位目標(biāo)數(shù)據(jù)。

 

 

2.2切換屬性搜索

 

切換屬性搜索也被稱為定向搜索,是由用戶主動選定搜索范圍后再進(jìn)行搜索;

 

優(yōu)勢:搜索精準(zhǔn)度高。

 

劣勢:增加了部分用戶的學(xué)習(xí)成本及操作步驟。

 

適用于注重搜索結(jié)果的精準(zhǔn)性或展示產(chǎn)品搜索能力等場景,定向搜索適用的幾種場景:

 

a、產(chǎn)品數(shù)據(jù)量足夠大且重搜索功能,用戶對于搜索有明確目標(biāo),定向可以幫助用戶提高搜索的精準(zhǔn)范圍和效率;

 

b、搜索時輸入的內(nèi)容無法通過同一套搜索交互方式和后臺計(jì)算邏輯承載;如單次搜索和批量搜索的輸入格式不同,搜索結(jié)果存在多樣性;

 

c、需外露產(chǎn)品亮點(diǎn)功能,有多個常用的搜索屬性,對于前置條件的數(shù)據(jù)計(jì)算能力和開發(fā)成本更高。

 

 

常見的切換屬性搜索的三種設(shè)計(jì)形式:

 

a、下拉框型

 

明確并固定選項(xiàng)類別,降低用戶操作難度。下拉篩選適合的選項(xiàng)類別有限,不適合多類別、復(fù)雜維度的分類。

 

b、Tab 型

 

平鋪展示搜索條件內(nèi)容,每個 Tab 標(biāo)簽代表一個篩選維度,操作便捷。Tab 標(biāo)簽的數(shù)量不宜過多。

 

 

c、組合型

 

B 端類產(chǎn)品數(shù)據(jù)量豐富,在實(shí)際使用時,簡單的方式很難全面覆蓋到各個搜索場景,精準(zhǔn)定位搜索結(jié)果。所以通過多個篩選維度的結(jié)合,形成多屬性的組合搜索,能夠大幅提升搜索結(jié)果的準(zhǔn)確性。

 

 

d、切換屬性高級搜索

 

B端系統(tǒng)還有一種比較常見的搜索類型,是在定向搜索的基礎(chǔ)上,進(jìn)一步豐富了搜索選項(xiàng),比如指定搜索的時間范圍、數(shù)據(jù)類型等,設(shè)置的選項(xiàng)越詳細(xì)越能夠提升搜索結(jié)果的效果和準(zhǔn)確性。

 

在設(shè)計(jì)時需要注意,B 端系統(tǒng)用戶角色多,層次不同,所以更加需要注重搜索前的引導(dǎo),針對搜索規(guī)則、搜索限制等,應(yīng)該適時的以簡練易懂的語言提示。

 

2.3多屬性模糊搜索

 

多標(biāo)簽?zāi):阉鳎罕砀穸鄠€數(shù)據(jù)都具有特征,往往業(yè)務(wù)要求對數(shù)據(jù)的精確度較高。

 

適用場景:業(yè)務(wù)類型多樣用戶可能記憶不精確且有多個數(shù)據(jù)特征,對搜索的便捷性要求高精確性要求低。

 

2.4多屬性組合搜索

多屬性組合搜索:可以輸入多個字段進(jìn)行組合搜索(取并集),對空間的利用率高,適合更加復(fù)雜的列表內(nèi)容。

 

適用場景:綜合篩選項(xiàng),對空間的利用率高,多標(biāo)簽組合搜索可以得到較為精準(zhǔn)的搜索結(jié)果。

 

搜索欄設(shè)計(jì)

 

聊了這么多搜索內(nèi)容,與設(shè)計(jì)師密切相關(guān)且對外輸出的首要就是搜索欄設(shè)計(jì)。

 

對于用戶來說,搜索是為了解決用戶明確或者不明確的搜索需求,讓用戶能夠快速準(zhǔn)確搜到想搜的內(nèi)容。設(shè)計(jì)欄設(shè)計(jì)的目的就是,讓搜索能夠提高用戶獲取信息、內(nèi)容的效率。

常見搜索框設(shè)計(jì)樣式

 

1、填充色:通常選用與頁面背景顏色反差較大的顏色作為搜索框的填充色,方便用戶查找。

 

2、線框:多用于干凈簡潔的背景頁面。

 

3、投影:常用于風(fēng)格簡潔輕量的風(fēng)格頁面,同時搜索功能級別較高的場景。

 

4、透明度:常用于背景色復(fù)雜的場景,目的是為不破壞背景頁面的整體效果,在視覺上更和諧。 無外框:用于風(fēng)格簡潔的大留白的頁面。

 

 

 

 

 

完整的搜索流程包含了各種細(xì)節(jié):例如搜索欄的形式、光標(biāo)停留、輸入狀態(tài)、異常數(shù)據(jù)、搜索結(jié)果、二次篩選等等。整個過程包含很多交互的細(xì)節(jié)設(shè)計(jì),下面從激活搜索欄、輸入反饋、觸發(fā)方式來展開說明。

 

1、激活搜索欄

 

搜索激活指用戶激活搜索框時出現(xiàn)的搜索下拉面板,B端業(yè)務(wù)中搜索激活內(nèi)容常見以下三種:

 

 

 

 

 

1.1 搜索歷史

 

搜索記錄通常以標(biāo)簽或列表的形式顯示,以時間順序從新到舊排列,一般不會完全展示,可以滑動查看更多,或者折疊展開。

 

注意:搜索記錄會涉及對用戶行為的記錄,關(guān)系到用戶的搜索隱私,所以應(yīng)當(dāng)允許用戶手動刪除。

 

在 PC 端產(chǎn)品具有頁面空間優(yōu)勢,用戶的搜索過程完全是通過搜索欄完成的。

 

搜索欄中會增加歷史搜索記錄,下方增加推薦關(guān)鍵詞,幫助用戶快速完成搜索。同時也可以喚醒用戶對某些商品的興趣和記憶,從而挖掘用戶潛在的搜索需求,這一點(diǎn)電商產(chǎn)品用得偏多。

 

在面板中展示“搜索歷史”和“最近瀏覽”,增加相關(guān)內(nèi)容曝光,去給用戶提供更多選擇以觸達(dá)目標(biāo)內(nèi)容,該交互形式通常出現(xiàn)在全局性搜索或多維度搜索功能中。

 

1.2 搜索發(fā)現(xiàn)

 

搜索發(fā)現(xiàn)是系統(tǒng)基于用戶的搜索記錄,依據(jù)算法向用戶展示的搜索關(guān)鍵詞推薦,但并不是必需模塊,可以基于產(chǎn)品定位進(jìn)行考量。常規(guī)的c端產(chǎn)品上用得多,B端產(chǎn)品用得少。

 

由于搜索發(fā)現(xiàn)也涉及用戶隱私,但應(yīng)用一般不會讓用戶直接刪除,所以應(yīng)當(dāng)允許用戶對搜索發(fā)現(xiàn)進(jìn)行隱藏,不然極其容易引起用戶的反感。淘寶、京東都有搜索發(fā)現(xiàn),并且也允許用戶進(jìn)行關(guān)閉/顯示的操作。

 

 

 

 

1.3 熱門搜索

 

熱門推薦是搜索推薦頁里面內(nèi)容推薦的總稱,可以演變成多種推薦形式,比如“熱搜推薦”、“推薦活動”等,熱門搜索是應(yīng)用商業(yè)化的重要手段,許多應(yīng)用都有這種模塊,并且內(nèi)容形式多樣。

 

知乎的熱搜就是結(jié)合熱搜、時事熱點(diǎn)等進(jìn)行推薦。

 

 

2、搜索輸入反饋

 

搜索反饋指用戶輸入本文時未確認(rèn)搜索執(zhí)行的中間過程狀態(tài)。在B端場景下搜索反饋具備很強(qiáng)的引導(dǎo)作用給予用戶當(dāng)下的狀態(tài)提示;

 

2.1 關(guān)鍵詞聯(lián)想

 

是通過已輸入的關(guān)鍵詞來預(yù)測可以找到的搜索結(jié)果,為用戶創(chuàng)造更加便捷的體驗(yàn)。

 

搜索聯(lián)想承載的不止顯性的設(shè)計(jì)呈現(xiàn),還有背后的算法邏輯;例如是否可以識別拼音、不同搜索方式呈現(xiàn)的聯(lián)想詞范圍,都需要提前確認(rèn)落地可行性后再統(tǒng)一定義相關(guān)交互規(guī)則,并在產(chǎn)品中的所有搜索場景中保持相同的交互邏輯。

 

 

 

 

2.2 自動糾錯

 

用戶在搜索時輸入了錯誤的詞匯,系統(tǒng)經(jīng)過判斷后會展示正確詞匯的搜索結(jié)果給用戶,并友好地告知用戶正確的搜索方式。特殊狀態(tài)包含無結(jié)果狀態(tài)、網(wǎng)絡(luò)不佳狀態(tài)等。

 

 

 

 

3、搜索觸發(fā)方式

 

3.1 實(shí)時搜索

 

實(shí)時搜索+實(shí)時顯示;搜索只有一個文本輸入框,沒有按鈕可點(diǎn)擊,這樣的搜索交互是通過輸入關(guān)鍵詞后,系統(tǒng)自動檢測所有內(nèi)容中符合關(guān)鍵詞的目標(biāo)信息,隨著關(guān)鍵詞的持續(xù)輸入,與之相匹配的結(jié)果會逐漸減少、直至找到目標(biāo),類似自定義篩選功能。

 

這種交互一般對于數(shù)據(jù)信息比較少的情況下會比較友好,加載的速度更快,避免服務(wù)器的壓力太大、影響反饋效率,例如地址搜索、查找聯(lián)系人等。

 

3.2 觸發(fā)搜索

 

關(guān)鍵詞輸入完成后,需要手動點(diǎn)擊搜索按鈕向服務(wù)器發(fā)送指令才會得到相應(yīng)的搜索結(jié)果,這種方式適合大部分表格場景,更加適合B端產(chǎn)品復(fù)雜且龐大的數(shù)據(jù)場景。

 

 

 

搜索結(jié)果頁是用戶搜索的落腳點(diǎn),在這個頁面,用戶會有目的性地瀏覽搜索結(jié)果。

 

搜索結(jié)果中隱含著搜索邏輯,全局搜索場景下多數(shù)為模糊搜索,即把與搜索關(guān)鍵詞詳盡的內(nèi)容頁反饋出來,匹配度低,需要花時間對結(jié)果二次篩選。

 

B 端中對數(shù)據(jù)結(jié)果的篩選重結(jié)果查看與數(shù)據(jù)操作,具有以下場景需求:

 

1. 快速瀏覽數(shù)據(jù),并能夠準(zhǔn)確找到數(shù)據(jù)。

 

2. 需要經(jīng)常變換條件的組合迭代查詢數(shù)據(jù),對查詢結(jié)果精準(zhǔn)定位。這就需要搜索結(jié)果后,不要清除用戶的查詢內(nèi)容。

 

3. 對數(shù)據(jù)進(jìn)行操作,如收藏、刪除、下載等。

 

不同的內(nèi)容需要不同的頁面布局來支撐的,b端場景中最常見的兩種布局,篩選上下布局和左右布局,當(dāng)然內(nèi)容部分又分列表布局和柵格布局。

 

搜索結(jié)果注意點(diǎn)?

 

1、凸顯關(guān)鍵信息:

 

為了便于用戶找到精準(zhǔn)高效的信息或者進(jìn)行便捷操作,在搜索聯(lián)想頁狀態(tài)時,當(dāng)用戶輸入的信息足夠清晰可預(yù)測,可以將關(guān)鍵信息凸顯呈現(xiàn),以引起用戶的注意力,在進(jìn)入搜索結(jié)果頁之前就可以提升轉(zhuǎn)化的可能性。

 

此外,這種關(guān)鍵信息凸顯的形式,在搜索的商業(yè)轉(zhuǎn)化方面也有明顯的作用。

 

 

 

 

 

2、沒有結(jié)果,如何設(shè)計(jì)

 

搜索沒有結(jié)果會讓用戶感到非常沮喪的,尤其是當(dāng)用戶進(jìn)行了好幾次搜索之后,依然沒有結(jié)果,應(yīng)當(dāng)為他們提供有價值的替代品。

 

一般出現(xiàn)無結(jié)果的狀態(tài)有兩種情況:

 

a. 用戶輸入錯誤,一般會提用戶正確的搜索方式,并且自動幫助用戶糾錯,

 

b.搜索結(jié)果無,這種情況一般設(shè)計(jì)會以空狀態(tài)提示用戶,采用友好的方式提醒用戶更換關(guān)鍵詞。

 

 

 

 

 

 

 

在使用中,搜索本身應(yīng)該是0思考成本的,否則就失去了索引的核心價值,基于此,總結(jié)一下5個設(shè)計(jì)注意點(diǎn):

 

1、保留搜索文字

 

當(dāng)用戶輸入搜索文本,點(diǎn)擊搜索按鈕,就進(jìn)入了搜索結(jié)果頁流程,此時搜索框內(nèi)應(yīng)當(dāng)保留搜索文本,以便于用戶明確搜索的內(nèi)容(不要依賴用戶的記憶力),同時,也便于用戶再次編輯搜索文本。

 

考慮到輸入/清除的便捷性,應(yīng)用也應(yīng)當(dāng)提供一鍵清除按鈕,點(diǎn)擊一鍵清除搜索的文本,減少用戶的操作成本。

 

 

 

 

2、搜索項(xiàng)多時,分類展示

 

搜索項(xiàng)目不可避免的比較多時,可以進(jìn)行分類展示,降低尋找成本,常用的有兩種分類方式:

  • 信息維度:常見的有列表信息自有屬性維度的分類和任務(wù)屬性維度的分類。
  •  
  • 條件類別維度:按照時間類、名稱類、狀態(tài)類等的分類。

 

 

 

 

3、使用有效的自動建議

 

無效的自動建議讓整個搜索體驗(yàn)降低,而精準(zhǔn)的自動建議會讓整個體驗(yàn)好上許多,它會根據(jù)用戶用戶的輸入內(nèi)容(詞匯詞根和后臺數(shù)據(jù))為用戶提供有用和精準(zhǔn)的輸入內(nèi)容建議,這有助于幫助用戶提高搜索過程的精準(zhǔn)度,提升整個搜索體驗(yàn)。

 

 

4、內(nèi)容糾錯

 

輸入錯誤絕對是最常見的錯誤,如果用戶錯誤地輸入某個關(guān)鍵詞,而你的檢測到了,并且針對錯誤提供更正之后的結(jié)果,這樣就成功的規(guī)避了因?yàn)殄e誤的關(guān)鍵詞所導(dǎo)致的不良后果,用戶也不用再次進(jìn)行搜索了。

 

 

5、保留最近的用戶查詢

 

即使用戶熟知搜索引擎的全部功能,也需要借助大腦記憶來挑選關(guān)鍵詞,進(jìn)行搜索。

 

想要找出有意義的、可用的搜索關(guān)鍵詞搭配,用戶需要結(jié)合他們的搜索方向,最近的查詢,聯(lián)想相關(guān)的屬性和關(guān)鍵詞,使搜索體驗(yàn)更便捷流暢。

 

 

總結(jié)

 

搜索是我們?nèi)粘V蓄l繁接觸的功能,看似簡單,背后都隱藏了很多流程與邏輯,不建議設(shè)計(jì)師盲目遵從原型依葫蘆畫瓢。

 

設(shè)計(jì)師更應(yīng)該在設(shè)計(jì)之初從業(yè)務(wù)類型、功能定位、使用場景等多維度綜合分析選擇,從交互體驗(yàn)層面去深思搜索功能,因?yàn)樗阉鞒藬?shù)據(jù)匹配精準(zhǔn)度、搜索內(nèi)容廣度之外,搜索體驗(yàn)的便捷性也會影響用戶搜索的感受。

 

每一處細(xì)節(jié)背后的設(shè)計(jì)思路就變得尤為重要。

 

本文總結(jié)梳理了搜索功能,從搜索基本屬性、應(yīng)用場景,到搜索分類,再到搜索欄設(shè)計(jì),都進(jìn)行了闡述,最后再總結(jié)了搜索設(shè)計(jì)的一些注意點(diǎn)。希望你能夠幫忙理解搜索功能的設(shè)計(jì)。

 


作者:三原設(shè)計(jì)社
鏈接:https://www.zcool.com.cn/article/ZMTUzOTE0OA==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

蘭亭妙微(m.skdbbs.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)B端界面設(shè)計(jì)桌面端界面設(shè)計(jì)APP界面設(shè)計(jì)圖標(biāo)定制用戶體驗(yàn)設(shè)計(jì)交互設(shè)計(jì)UI咨詢高端網(wǎng)站設(shè)計(jì)平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan。

日歷

鏈接

個人資料

存檔

亚洲av午夜福利精品一区人妖,亚洲乱码日产精品a级毛片久久,91精品视频观看,青草青草久热精品视频在线观看
<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 欧美sm视频| 国产精品午夜av在线| 亚洲影音一区| 亚洲巨乳在线| 亚洲视频在线二区| 欧美亚洲在线视频| 尤物在线精品| 国产在线视频欧美| 国产一区二区三区免费在线观看| 国产精品一区二区久久国产| 久久精品一本| 欧美一区二区在线视频| 亚洲黄色一区| 国产精品久久久久久久午夜| 欧美一区二区三区久久精品| 欧美亚洲日本一区| 欧美在线视频网站| 久久久久久91香蕉国产| 久久一区二区三区av| 美女脱光内衣内裤视频久久影院 | 国产精品乱人伦一区二区| 久久成人免费电影| 久久久免费精品视频| 美女成人午夜| 欧美精品在线视频观看| 欧美视频在线观看一区二区| 国产精品入口麻豆原神| 美女在线一区二区| 国产小视频国产精品| 亚洲黄色在线观看| 亚洲国内精品| 一区二区三区黄色| 亚洲欧美在线aaa| 久久久久久久久久久久久女国产乱 | 亚洲成色777777女色窝| 亚洲国内自拍| 亚洲午夜极品| 亚洲国产二区| 国产欧美一区二区三区视频| 国产一区二区三区日韩欧美| 亚洲第一区在线观看| 一区二区三区四区五区在线| 亚洲第一中文字幕| 日韩一级欧洲| 欧美在线网址| 欧美欧美天天天天操| 国产精品捆绑调教| 欧美日韩在线高清| 国产欧美在线看| 国产精品免费观看视频| 国产一区二区主播在线| 欧美性视频网站| 国产一区二区精品丝袜| 亚洲欧洲精品一区二区三区 | 猛干欧美女孩| 国产精品推荐精品| 亚洲韩国日本中文字幕| 亚洲欧美影院| 欧美电影免费观看| 国产伪娘ts一区| 国产日韩视频一区二区三区| 亚洲国产精品久久91精品| 午夜精品福利视频| 欧美精品在线免费播放| 国产主播一区二区三区四区| 亚洲乱码国产乱码精品精98午夜| 欧美一区二区三区四区视频| 欧美精品免费在线观看| 国产免费成人av| 日韩图片一区| 久久久视频精品| 国产精品网站在线| 亚洲精品影视| 一本久久精品一区二区| 久久久999成人| 国产精品久久久久久久久久妞妞 | 久久躁狠狠躁夜夜爽| 国产精品久久久久久久app| 亚洲国产色一区| 久久成人综合网| 国产精品久久久一区二区三区| 亚洲电影自拍| 久久久久高清| 国产热re99久久6国产精品| 一区二区电影免费观看| 免费精品99久久国产综合精品| 国产精品无码专区在线观看| 亚洲精品永久免费精品| 久久久之久亚州精品露出| 国产精品入口夜色视频大尺度 | 久久婷婷色综合| 国产精品视频在线观看| 日韩亚洲综合在线| 免费亚洲一区| 欧美激情亚洲自拍| 国产精品久在线观看| 亚洲精品一区二区三区在线观看 | 欧美华人在线视频| 国内成人在线| 亚洲欧美在线x视频| 亚洲神马久久| 欧美视频免费看| a91a精品视频在线观看| 中文日韩在线| 亚洲另类春色国产| 欧美大片91| 国产精品有限公司| 亚洲国产天堂久久国产91| a4yy欧美一区二区三区| 欧美sm视频| 国产精品久久午夜夜伦鲁鲁| 在线精品国精品国产尤物884a| 99综合电影在线视频| 亚洲欧美bt| 欧美xxxx在线观看| 在线观看欧美精品| 久久夜色精品亚洲噜噜国产mv| 欧美日韩国产精品成人| 最新国产拍偷乱拍精品| 亚洲一区二区视频在线| 午夜亚洲性色福利视频| 国产精品久久国产精品99gif | 国产亚洲成年网址在线观看| 亚洲欧美日韩国产一区| 国产精品h在线观看| 在线视频亚洲欧美| 欧美三级小说| 亚洲综合999| 裸体一区二区三区| 欧美性猛交xxxx乱大交蜜桃| 日韩一本二本av| 欧美日韩国产三级| 亚洲网站在线播放| 国产精品区一区二区三区| 亚洲欧美变态国产另类| 国产女精品视频网站免费 | 亚洲精品国精品久久99热一| 亚洲天堂成人在线视频| 欧美日韩在线亚洲一区蜜芽| 一区二区三区视频在线观看 | 国产伦精品一区二区三区高清版| 亚洲一区二区视频| 国产欧美日韩视频| 久久久久久久国产| 亚洲国产精品专区久久| 欧美精品18videos性欧美| 一区二区欧美日韩视频| 国产精品网站视频| 久久久久久久999精品视频| 亚洲国产va精品久久久不卡综合| 欧美国产高潮xxxx1819| 在线午夜精品自拍| 国产女精品视频网站免费| 久久另类ts人妖一区二区| 在线欧美三区| 欧美日韩在线播放一区| 亚洲欧美中文另类| 伊人伊人伊人久久| 欧美日本亚洲| 午夜精品久久久久久久99樱桃| 国产夜色精品一区二区av| 免费黄网站欧美| 亚洲与欧洲av电影| 国产一区二区精品丝袜| 免费在线观看成人av| 亚洲免费观看| 久久久青草青青国产亚洲免观| 最新热久久免费视频| 国产精品白丝jk黑袜喷水| 久久精品日产第一区二区| 亚洲国产清纯| 欧美性开放视频| 久久久久五月天| 亚洲精品社区| 国产日本欧洲亚洲| 欧美极品在线播放| 欧美中文字幕| 99亚洲精品| 国产综合婷婷| 欧美日韩精品不卡| 在线观看精品视频| 欧美精品在线一区二区三区| 午夜精品亚洲| 亚洲精品中文字幕有码专区| 国产欧美精品xxxx另类| 欧美精品一区二区高清在线观看| 亚洲欧美日韩一区二区三区在线观看 | 亚洲性图久久| 精品999久久久| 国产精品久久久久毛片软件| 玖玖综合伊人| 欧美亚洲免费在线| 亚洲最新在线| 永久域名在线精品| 国产精品免费小视频| 欧美激情a∨在线视频播放| 欧美资源在线观看| 国产精品色午夜在线观看| 麻豆精品精品国产自在97香蕉| 国产精品视频xxxx|