改善網(wǎng)站搜索用戶體驗(yàn)的方法

2010-02-08 企業(yè)官網(wǎng)建設(shè)專題

搜索就像用戶與系統(tǒng)之間的對(duì)話：用戶將其信息需求表示為查詢，而系統(tǒng)將其響應(yīng)表示為一組結(jié)果。搜索是構(gòu)建內(nèi)容繁多網(wǎng)站的一項(xiàng)基本活動(dòng)，也是至關(guān)重要的元素。

在本文中，我想分享5個(gè)技巧，以幫助您改善搜索UX。

1.將搜索框放在用戶希望找到的位置

當(dāng)用戶必須搜索搜索框時(shí)，效果不佳，因?yàn)樗煌怀霾⑶也蝗菀装l(fā)現(xiàn)。

您在下面看到的圖表摘自A. Dawn Shaikh和Keisi Lenz的一項(xiàng)研究：該圖表顯示了在142位參與者進(jìn)行的調(diào)查中站點(diǎn)搜索表單的預(yù)期位置。研究發(fā)現(xiàn)，對(duì)于大多數(shù)用戶而言，最方便的位置是您網(wǎng)站頁(yè)面的左上角或右上角區(qū)域。

1個(gè)

參與者希望找到搜索的區(qū)域。右上角仍然是用戶希望找到搜索的第一個(gè)位置。

因此，將搜索框放置在布局的右上角或中上角區(qū)域，可以確保用戶可以在期望的位置找到它。

理想情況下，搜索框應(yīng)適合網(wǎng)站的總體設(shè)計(jì)，但在用戶需要時(shí)設(shè)法使其略微突出。

您擁有的內(nèi)容越多，您希望顯示的搜索功能就越突出。如果搜索對(duì)于您的站點(diǎn)是必不可少的（例如，您的網(wǎng)站是一家電子商務(wù)商店），請(qǐng)使用大量的對(duì)比，以使字段和圖標(biāo)從背景和周圍的元素中脫穎而出。

搜索是eBay最重要的功能之一。請(qǐng)注意eBay主頁(yè)上“搜索”按鈕的對(duì)比色

2.為搜索輸入字段使用適當(dāng)?shù)淖侄未笮?/span>

使輸入字段太短是Web設(shè)計(jì)人員中的常見(jiàn)錯(cuò)誤。當(dāng)用戶鍵入長(zhǎng)查詢時(shí)，一次只顯示一部分文本，這意味著可用性很差，因?yàn)橛脩魺o(wú)法輕松查看和編輯其查詢。實(shí)際上，當(dāng)搜索框的可見(jiàn)字符數(shù)量有限時(shí)，由于較長(zhǎng)的查詢將難以閱讀，因此用戶被迫使用簡(jiǎn)短，不完整的查詢。

如果輸入字段的大小根據(jù)其預(yù)期輸入而定，則它們既易于閱讀，也便于用戶理解。經(jīng)驗(yàn)法則是輸入27個(gè)字符的文本（此大小可容納90％的查詢）。

3.明確用戶可以搜索的內(nèi)容

最好在輸入字段中包含一個(gè)示例搜索查詢，以向用戶建議可以進(jìn)行搜索的內(nèi)容。HTML5使得在輸入字段中輕松包含文本作為占位符變得容易。如果用戶可以搜索多個(gè)條件，請(qǐng)使用輸入提示模式進(jìn)行解釋（請(qǐng)參見(jiàn)下面的IMDb示例）。但是請(qǐng)確保將提示限制在幾句話之內(nèi)，否則會(huì)增加認(rèn)知負(fù)擔(dān)。

4.不要在用戶點(diǎn)擊“搜索”按鈕后刪除用戶的查詢

保留原始搜索查詢。重新制定查詢是許多信息旅程中的關(guān)鍵步驟。如果用戶在第一次嘗試中找不到所需的內(nèi)容，則可能希望使用稍有不同的查詢?cè)俅芜M(jìn)行搜索。為了讓他們更輕松，請(qǐng)將初始搜索詞留在搜索框中，這樣他們就不必再次輸入整個(gè)查詢。

5.使用自動(dòng)提示機(jī)制

尼爾森·諾曼小組（Nielsen Norman Group）的研究發(fā)現(xiàn)，典型用戶在查詢表述方面非常差勁：如果他們?cè)诘谝淮螄L試中沒(méi)有獲得良好的結(jié)果，則以后的搜索嘗試很少會(huì)成功。實(shí)際上，用戶通常會(huì)在第一次否定嘗試后立即放棄。但是，可以通過(guò)使用自動(dòng)建議機(jī)制來(lái)改善這種情況。自動(dòng)提示機(jī)制可通過(guò)嘗試根據(jù)輸入的字符來(lái)預(yù)測(cè)查詢來(lái)幫助用戶找到合適的查詢。如果此機(jī)制有效，它將幫助用戶更好地表達(dá)搜索查詢。在您的網(wǎng)站上加入自動(dòng)建議機(jī)制時(shí)，請(qǐng)記住以下幾點(diǎn)：

確保自動(dòng)建議有用。設(shè)計(jì)不當(dāng)?shù)淖詣?dòng)建議可能會(huì)使用戶感到困惑和分散注意力。因此，請(qǐng)使用拼寫自動(dòng)更正，詞根識(shí)別和預(yù)想性文本來(lái)改進(jìn)工具。

盡快提供自動(dòng)建議，例如在輸入第三個(gè)字符之后。這將提供即時(shí)價(jià)值并減少用戶的數(shù)據(jù)輸入工作量。

建議的項(xiàng)目少于10個(gè)（并且沒(méi)有滾動(dòng)條），因此信息不會(huì)變得不知所措。允許用戶使用鍵盤在項(xiàng)目之間導(dǎo)航。

突出顯示輸入的信息和建議的信息之間的差異（例如，輸入文本具有標(biāo)準(zhǔn)粗細(xì)，而建議的術(shù)語(yǔ)具有粗體粗細(xì)）。

自2008年以來(lái)，Google搜索就掌握了這種模式。

結(jié)論

杭州網(wǎng)站建設(shè)是建立有利可圖的網(wǎng)站的關(guān)鍵要素。用戶期望在查找和學(xué)習(xí)事物時(shí)獲得流暢的體驗(yàn)，并且他們通常會(huì)根據(jù)一組或兩組搜索結(jié)果的質(zhì)量對(duì)網(wǎng)站的價(jià)值做出非?？焖俚呐袛唷３錾乃阉鞴ぞ邞?yīng)該可以幫助用戶快速輕松地找到他們想要的東西。

上一篇：金融交易在技術(shù)上很復(fù)雜Plaid為開發(fā)人員提供了各種API產(chǎn)品返回觀點(diǎn)列表下一篇：找到聲音可以增強(qiáng)用戶體驗(yàn)的一個(gè)或多個(gè)案例不僅很重要

本文標(biāo)簽：

本文地址： http://www.bmwdream.cn/a/1099.html

相關(guān)專題

品牌官網(wǎng)設(shè)計(jì)
杭州派迪科技為高端客戶提供品牌官網(wǎng)咨詢策劃，品牌官網(wǎng)設(shè)計(jì)，品牌官網(wǎng)建設(shè)開發(fā)服務(wù)，以國(guó)際化視野和標(biāo)準(zhǔn)為基礎(chǔ)，為各行業(yè)領(lǐng)軍品牌提供高端企業(yè)網(wǎng)站定制、策劃、設(shè)計(jì)、互動(dòng)與制作
查看詳情
大策略營(yíng)銷門戶網(wǎng)站
杭州派迪科技有自己的營(yíng)銷型網(wǎng)站CMS系統(tǒng)，適合白帽SEO網(wǎng)站。特別對(duì)大策略的營(yíng)銷型門戶網(wǎng)站制作有一定的經(jīng)驗(yàn)，曾經(jīng)為上海天擎外貿(mào)行業(yè)網(wǎng)站、浙江兆龍營(yíng)銷型門戶、先臨三維門戶營(yíng)銷網(wǎng)站提供全程的技術(shù)支持及SEO優(yōu)化指導(dǎo)
查看詳情
集團(tuán)/上市公司網(wǎng)站
杭州派迪科技為杭州本地集團(tuán)公司提供網(wǎng)頁(yè)設(shè)計(jì)、制作、開發(fā)服務(wù)，為集團(tuán)公司網(wǎng)站建設(shè)提供了響應(yīng)式、營(yíng)銷型、品牌型、門戶型網(wǎng)站建設(shè)需求，歡迎廣大集團(tuán)公司客戶咨詢
查看詳情
外貿(mào)網(wǎng)站建設(shè)
杭州派迪科技為高端客戶提供外貿(mào)網(wǎng)站咨詢策劃，外貿(mào)官網(wǎng)設(shè)計(jì)，外貿(mào)官網(wǎng)建設(shè)開發(fā)服務(wù)，以谷歌搜索引起算法為基礎(chǔ)，為各行業(yè)外貿(mào)公司提供高端企業(yè)外貿(mào)網(wǎng)站定制、策劃、設(shè)計(jì)、互動(dòng)與制作
查看詳情
企業(yè)網(wǎng)站建設(shè)
高端專業(yè)、令人印象深刻的用戶界面、易于訪問(wèn)——企業(yè)網(wǎng)站必須反映一切，因?yàn)榕傻峡萍荚谶@里提供幫助，憑借精湛的技術(shù)、豐富的經(jīng)驗(yàn)、與客戶的持續(xù)溝通以及對(duì)每一個(gè)細(xì)節(jié)的關(guān)注，我們確保在快速的周期時(shí)間內(nèi)提供優(yōu)質(zhì)的服務(wù)。
查看詳情
半定制網(wǎng)站
杭州派迪科技模板網(wǎng)站建設(shè)專題_各行業(yè)方案專題欄目提供各行業(yè)產(chǎn)品適合的網(wǎng)站建設(shè)方案,幫助企業(yè)了解派迪科技建站效果等信息,您可以通過(guò)本站了解各行業(yè)網(wǎng)站建設(shè)方案,如需要獲取本行業(yè)定制網(wǎng)站建設(shè)方案,可以聯(lián)系在線客服或撥打電話咨詢
查看詳情