網(wǎng)站設(shè)計中搜索就像用戶與系統(tǒng)之間的對話：用戶將其信息需求表示為查詢，而系統(tǒng)將其響應(yīng)表示為一組結(jié)果。搜索是構(gòu)建內(nèi)容繁多網(wǎng)站的一項基本活動，也是至關(guān)重要的元素。本期高端網(wǎng)站設(shè)計公司Angle將為大家分享5個技巧，以幫助你改善搜索UX。

1、將搜索框放在用戶希望查找的位置
當(dāng)用戶必須搜索搜索框時，效果不佳，因為它不突出并且不容易發(fā)現(xiàn)。研究發(fā)現(xiàn)，對于大多數(shù)用戶而言，最方便的位置是您網(wǎng)站頁面的左上或右上區(qū)域。因此，將搜索框放置在布局的右上角或中上角區(qū)域，可以確保用戶可以在期望的位置找到它。理想情況下，搜索框應(yīng)適合網(wǎng)站的整體設(shè)計，但在用戶需要時可以使其稍微突出。你擁有的內(nèi)容越多，你越想突出顯示搜索功能。如果搜索對于你的站點是必不可少的（例如，你的網(wǎng)站是一家電子商務(wù)商店），請使用大量的對比，以使字段和圖標(biāo)從背景和周圍的元素中突出。

2、在搜索輸入字段中使用適當(dāng)?shù)淖侄未笮?br /> 使輸入字段太短是網(wǎng)站設(shè)計人員中的常見錯誤。當(dāng)用戶鍵入長查詢時，一次只顯示一部分文本，這意味著可用性很差，因為用戶無法輕松查看和編輯其查詢。實際上，當(dāng)搜索框的可見字符數(shù)量有限時，由于較長的查詢將難以閱讀，因此用戶被迫使用簡短，不完整的查詢。如果輸入字段的大小根據(jù)其預(yù)期輸入而定，則它們既易于閱讀，也便于用戶理解。經(jīng)驗法則是輸入27個字符的文本（此大小可容納90％的查詢）。

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

4、點擊“搜索”按鈕后請勿抹除用戶的查詢
保留原始搜索查詢。重新制定查詢是許多信息旅程中的關(guān)鍵步驟。如果用戶在第一次嘗試中找不到所需的內(nèi)容，則可能希望使用稍有不同的查詢再次進(jìn)行搜索。為了讓他們更輕松，請將初始搜索詞留在搜索框中，這樣他們就不必再次重新輸入整個查詢。

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

• 確保自動建議有用。設(shè)計不當(dāng)?shù)淖詣咏ㄗh可能會使用戶感到困惑和分散注意力。因此，請使用拼寫自動更正，詞根識別和預(yù)想性文本來改進(jìn)工具。
• 盡快提供自動建議，例如在輸入第三個字符之后。這將提供即時價值并減少用戶的數(shù)據(jù)輸入工作量。
• 建議的項目少于10個（并且沒有滾動條），因此信息不會變得不知所措。允許用戶使用鍵盤在項目之間導(dǎo)航。
• 突出顯示輸入信息和建議信息之間的差異（例如，輸入文本具有標(biāo)準(zhǔn)粗細(xì)，而建議術(shù)語具有粗體粗細(xì)）。

網(wǎng)站設(shè)計的搜索是建立有利可圖的網(wǎng)站的關(guān)鍵要素。用戶期望在查找和學(xué)習(xí)事物時獲得流暢的體驗，并且他們通常會根據(jù)一組或兩組搜索結(jié)果的質(zhì)量對網(wǎng)站的價值做出非?？焖俚呐袛?。出色的搜索工具應(yīng)該可以幫助用戶快速輕松地找到他們想要的東西，所以必須做好。本期高端網(wǎng)站設(shè)計公司Angle就為大家分享到這里。