關(guān)于網(wǎng)站中搜索的那些事兒-上集

時(shí)間：2023-03-16 20:40:01 | 來(lái)源：電子商務(wù)

時(shí)間：2023-03-16 20:40:01 來(lái)源：電子商務(wù)

當(dāng)一個(gè)網(wǎng)站展示了大量信息時(shí)，用戶經(jīng)常不知道他們關(guān)心的那部分是展示在哪個(gè)位置。結(jié)果就是，他們會(huì)經(jīng)常使用搜索功能查找特定內(nèi)容或者提問(wèn)。

如果一個(gè)網(wǎng)站的數(shù)據(jù)信息整合不當(dāng)，那么搜索按鈕是一個(gè)至關(guān)重要的導(dǎo)航功能。他可以給感到困惑的用戶提供引導(dǎo)，幫助用戶獲取回答。優(yōu)秀的網(wǎng)站會(huì)在首頁(yè)上提供一個(gè)簡(jiǎn)單且視覺(jué)效果簡(jiǎn)潔的搜索。

盡管起初網(wǎng)站使用起來(lái)會(huì)非常高效，但是隨著時(shí)間的推移，網(wǎng)站會(huì)進(jìn)行拓展，增加新的內(nèi)容或者新的導(dǎo)航工具。這些拓展內(nèi)容通常會(huì)更改甚至破壞原本設(shè)計(jì)優(yōu)良的網(wǎng)站并改變其結(jié)構(gòu)，從而使得查找內(nèi)容更加困難。

最終的結(jié)果就是一個(gè)雜亂無(wú)章的網(wǎng)站會(huì)讓用戶感到困惑，甚至被激怒。網(wǎng)站里的內(nèi)容查找難度增加，且信息布局散亂。

你的搜索按鈕是你最好的助手，充當(dāng)仆人的角色，為用戶解決問(wèn)題，并提供他們想要的信息。當(dāng)然，這需要進(jìn)行認(rèn)真細(xì)致的設(shè)計(jì)，因?yàn)槟愕乃阉骺蚩梢宰屇愕挠脩繇樌M(jìn)行操作，以持續(xù)停留在網(wǎng)站上。而不是帶著困惑進(jìn)行點(diǎn)擊操作，在搜索框中，用戶只需要輸入想了解的內(nèi)容然后點(diǎn)擊查詢按鈕即可。

如果沒(méi)有一個(gè)精心設(shè)計(jì)且易于操作的搜索按鈕，困惑的用戶將會(huì)直接關(guān)閉網(wǎng)站。當(dāng)他們這樣做的時(shí)候，你將會(huì)面臨把用戶送到你的競(jìng)爭(zhēng)對(duì)手那的風(fēng)險(xiǎn)。而這意味著你失去了一個(gè)潛在用戶。

接下來(lái)將會(huì)從以下幾個(gè)方面進(jìn)行概述：

1. 什么時(shí)候你需要一個(gè)搜索功能？
2. 使用熟悉的放大鏡圖標(biāo)；
3. 保持你的搜索欄突出；
4. 提供一個(gè)提交按鈕；
5. 保證每個(gè)頁(yè)面都提供了搜索框（全局性搜索）；
6. 保證搜索框的輸入?yún)^(qū)域足夠長(zhǎng)；
7. 展示模糊匹配；
8. 提供搜索推薦或者搜索歷史；
9. 總結(jié)

1.什么時(shí)候你需要一個(gè)搜索功能

當(dāng)你的網(wǎng)站會(huì)持續(xù)更新時(shí)，你需要提供一個(gè)搜索功能。如果你覺(jué)得你的網(wǎng)站已經(jīng)擴(kuò)展到可以給用戶提供快速簡(jiǎn)潔的答案，并且網(wǎng)站內(nèi)容在沒(méi)有合理分類的情況下持續(xù)性增加，那你大概需要一個(gè)搜索功能。

對(duì)于那些熟練使用搜索引擎進(jìn)行問(wèn)題或者關(guān)鍵詞搜索的用戶，搜索功能使用起來(lái)非常簡(jiǎn)單。他們會(huì)覺(jué)得任何網(wǎng)站提供搜索是一個(gè)非常自然常規(guī)的事情。

當(dāng)用戶找不到他們想要的信息時(shí)，搜索功能可以幫助他們重獲對(duì)網(wǎng)站的控制權(quán)。

如果你計(jì)劃建立一個(gè)大型網(wǎng)站，比如說(shuō)一個(gè)與多家品牌合作的商業(yè)網(wǎng)站，或者你嘗試在網(wǎng)站上分享大量的優(yōu)秀內(nèi)容，如果你一開(kāi)始就提供了搜索功能，那將對(duì)你非常有利。你的用戶能夠快速找到他們想要的信息，他們會(huì)對(duì)此表示感謝。

2.使用熟悉的放大鏡圖標(biāo)

當(dāng)設(shè)計(jì)搜索框時(shí)，你可以使用用戶熟悉的放大鏡圖標(biāo)，這有利于用戶識(shí)別圖標(biāo)的含義。

在一段時(shí)間的困惑后，當(dāng)用戶開(kāi)始查找那些似乎遙不可及的內(nèi)容，產(chǎn)品，功能的時(shí)候，當(dāng)用戶非常沮喪的時(shí)候，你不會(huì)希望你的搜索按鈕特別難找到，且不易辨別的。

3.保證你的搜索欄突出

請(qǐng)務(wù)必保證網(wǎng)站上的搜索欄的顯示效果比較突出，以便于用戶能夠快速找到。當(dāng)用戶無(wú)法自行找到想要的內(nèi)容時(shí)，搜索將是一個(gè)非常便捷的解決方案。在搜索框中展示提示信息和搜索圖標(biāo)，以便于用戶知道在哪輸入，并且可以輸入哪些類型的關(guān)鍵詞。

設(shè)計(jì)師經(jīng)常會(huì)討論在哪里展示搜索框，最合適的位置當(dāng)然是符合用戶期待的頁(yè)面右上角或者頂部居中的位置。頂部居中的位置對(duì)用戶來(lái)說(shuō)肯定是最直觀的，類似于Youtubu，騰訊視頻等都是采用的這種方式。

4.提供一個(gè)提交按鈕

與Google一樣，用戶在輸入完問(wèn)題或者關(guān)鍵詞后，需要一個(gè)輸入提交的操作。設(shè)計(jì)一個(gè)尺寸較大的提交按鈕是比較合理的，一方面是減少用戶在小控件上點(diǎn)擊的難度，另一方面也是降低用戶點(diǎn)擊操作的出錯(cuò)率。

大多是用戶在輸入完后習(xí)慣于點(diǎn)擊鍵盤上的“Enter”，而不是拖動(dòng)鼠標(biāo)去點(diǎn)擊提交按鈕。因此，在網(wǎng)站測(cè)試中，應(yīng)確?！癊nter”功能是有效的以確保用戶能夠完成操作。

譯自：https://designmodo.com/ux-search-website/

PS：我是結(jié)合原文加上個(gè)人理解進(jìn)行翻譯的，如果有不當(dāng)?shù)牡胤?，歡迎指正！
編輯于2020-08-30