如何製作有效的搜索框

已發表: 2020-11-15

搜索是從大型站點查找信息的最簡單方法。 基本搜索包括一個用於鍵入查詢的輸入框和一個用於提交的按鈕。 我們可能會認為,它不需要我們太多的注意力,但是,在一個內容豐富的網站上,一個好的搜索可以充當人工助手。 你通過打字來尋求幫助,你就會得到你想要的東西。

在亞馬遜網站上搜索 iPhone 12
圖片來源:Amazon.com.au

我們經常在網站上發現工作不佳的搜索欄。 但這並不總是該功能的功能或性能,而是取決於用戶的技能。

根據 Nielsen Norman Group 的說法,用戶的搜索技能很差,不知道搜索是如何工作的。 因此,為了提供有效的搜索,我們必須考慮從新手到專家的不同用戶。

為什麼搜索欄很重要

日復一日的搜索比以前更受歡迎。 我們現在擁有語音助手搜索技術,例如 Apple 的 Siri 或亞馬遜的 Alexa。 現在越來越多的電子商務搜索提供圖像搜索。 即使現在孩子們也知道如何在 YouTube 上搜索卡通片!

為什麼搜索欄很重要
圖片來源:freepik.com

首先,我們需要了解用戶搜索的原因以及用戶搜索的內容。 在內容較多的網站中,用戶經常使用搜索框來查找特定信息。 有時為了避免向下鑽取導航,一些用戶會直接跳轉到搜索框以節省時間。

NN Group 的研究顯示,在 17 年的搜索成功率中,2000 年的總體成功率為 64%,2017 年顯著增加了 92%。

這種成功率激勵我們構建更強大的搜索功能。 這樣用戶就可以在網站上獲得更多信任,並獲得積極的體驗。 因此,我們將吸引更多回頭客訪問我們的網站。

甚至例如,在電子商務網站中,當用戶在產品詳細信息頁面上沒有獲得特定信息時,他們會去搜索,如果客戶找不到它,那麼它就不存在。

請記住,如果您網站的信息架構不是那麼友好,那麼您的搜索框可以成為將用戶吸引到您網站的第二條生命線。

哪個網站需要搜索功能

在您的網站搜索中發現內容是僅次於導航的第二好的方式。 但是,如果您的網站是簡單的單頁瀏覽器,那麼搜索將幾乎沒有用處。 但是,在許多領域,簡單的搜索可以發揮至關重要的作用。 例如,數據驅動的網站、預訂服務網站或工作門戶網站。

用戶何時尋找搜索框

人們在自信時進行搜索。 當用戶想要控制自己的方式並想要獨立走到網站時,他們直接使用搜索框。

研究表明,大約 43% 的網站訪問者會立即進入搜索框,這些搜索者的轉化可能性是其 2-3 倍。

另一方面,一些用戶從導航開始,然後,如果他們卡在某個點上,他們通常會跳轉到搜索框。 如果我們闡明這個問題,我們應該在每個頁面上都提供一個搜索欄。

基本搜索步驟

當用戶開始搜索時,他們實際上是在開始一段旅程。 從查找搜索框到獲得結果的旅程。

如果他們得到預期的搜索結果,他們就可以完成任務或購買。 但這一切都始於搜索。

基本搜索步驟

搜索框的可見性

用戶在進入網站時總是不知道搜索框在哪裡。 使其對每一頁可見是非常重要的。

為了創建極簡設計,我們通常只放置一個幾乎隨導航消失的搜索圖標。 這實際上增加了交互成本。 相反,請使用打開的文本字段。

搜索框的可見性

搜索功能的最佳位置可以是頂部欄,它始終顯示在每個頁面上。 這種方式可以很容易地看到,它會加快用戶的搜索過程。

用戶在哪裡尋找搜索圖標。
A Dawn Shaikh 和 Keisi Lenz 的一項研究。 用戶在哪裡尋找搜索圖標。

搜索按鈕或只是一個圖標

為了使整個網站的可見性更加簡潔和現代,我們經常在搜索框旁邊顯示一個圖標。 一些用戶可能不會將其識別為按鈕,而不僅僅是搜索的標識符。 清晰的搜索按鈕告訴用戶如何執行搜索。

搜索按鈕或只是一個圖標

有足夠的空間來輸入查詢

搜索查詢的第一步是打字,打字非常費勁。 所以我們的搜索應該提供足夠的空間來輸入用戶的查詢。 根據 NN/g 對電子商務網站的研究,用戶平均輸入 14.5 個字符。 所以他們鼓勵在搜索框的長度中使用 27 個字符。

但是,標準搜索長度可能因站點而異。 最好的選擇可以在網站的搜索日誌中進行研究,以檢查用戶的查詢時間。

有足夠的空間來輸入查詢

提供有關您的用戶可以搜索的內容的提示

我們可以寫一些對我們的用戶有幫助的關於他們可以搜索的內容。 在這裡提供搜索示例作為佔位符可能是一種很好的方法,因此用戶可以在開始輸入之前查看關鍵搜索類別。

relocate.me 上的搜索框
資料來源:relocate.me
天貓網站搜索框
來源:天貓
Etsy 網站上的搜索框
資料來源:etsy.com

保持簡單但可用

默認情況下,當用戶搜索某些內容時,用戶期望他們可以簡單地輸入一個詞,任何詞,並獲得有意義的搜索。

因此,我們不要通過在搜索周圍提供太多選項(例如填充文本或大量說明)來混淆我們的用戶。 把事情簡單化。

這個過程應該感覺像是一種可以快速指導他們的人類體驗。

提供高級搜索

高級搜索有助於從大數據中查找內容。 它有助於縮小結果範圍。

如果我們提供高級搜索選項,首先要確保它不與簡單搜索選項重疊。 因為大多數用戶會更喜歡簡單的搜索。

理想的高級搜索可以使用沒有基本搜索突出的獨特鏈接。 我們可以將鏈接放置在靠近基本搜索框的位置,以便用戶輕鬆找到它。

提供高級搜索

將用戶的查詢保留在結果頁面上

在顯示搜索結果時,顯示他們搜索的內容很重要。 如果結果沒有完全按照他們的預期顯示,甚至顯示更少或太多的數據,這有助於他們優化查詢。

將用戶的查詢保留在結果頁面上
來源:target.com

當用戶執行搜索時,他們將得不到任何結果的風險很高。 在搜索框中保留查詢有助於他們立即註意到這一點。 另外,如果沒有找到結果,總是提到搜索項沒有找到,否則,用戶認為系統壞了。

結論

如果您到達本博客的末尾,我希望您能挑選一些有助於您的網站搜索體驗的要點。 首先,您可以先深入查看您的搜索日誌,以了解您的用戶行為並了解他們如何使用您的網站搜索框。

毫無疑問,搜索是任何大型網站或應用程序的重要功能。 提供更好的搜索體驗有助於贏得客戶的更多信任並獲得更多轉化。