搜尋結果頁面設計5項最佳實踐

搜尋結果頁面設計是影響訪問您網站時用戶體驗的最重要的事情之一。它可能會吸引注意力或使潛在客戶關閉網頁並永遠忘記您的網站。毫無疑問，所有企業家都希望處理第一種情況並吸引那些認為他們的網站有吸引力的訪問者。無論您提供何種類型的服務，您的搜尋結果 UI設計都很重要。本文介紹如何創建最佳的搜尋結果頁面設計。

 

基本原則

搜尋結果頁面的主要功能是準確提供您正在尋找的結果。為了提供方便的搜尋，此頁面應包含許多過濾器和反映其使用上下文的調整。即使是採用極簡設計的谷歌，也在其搜尋頁面中加入了十幾個附加功能。它們跨越以下幾組：

 

輸入特徵

這意味著搜尋框包括自動建議和即時結果。

 

訊息功能

該組包括找到的結果數量、相關搜尋、廣告、由帶有片段和URL的超連結標題組成的單個結果、對查詢重新制定的支持等。 

 

控制功能

這些分頁，自動對焦導航選單（內容類型和日期），用於高級搜尋選項，搜尋工具選單（圖文並茂，訪問過的網頁等）和幫助。

 

個性化功能

個性化功能包括配置文件、設定、通知等。

 

頁面布局 

搜尋頁面UI設計中使用了不同類型的布局。例如，大多數電子商務商店使用水平「畫廊」，其中結果在邏輯上顯示為列表。此類網上商店中的每個結果大多以更簡潔的圖形形式顯示，便於視覺掃描。 

儘管列表和圖庫是最常見的搜尋頁面布局類型，但一些更複雜的產品需要不同的方法，這意味著使用顯示其規格的全部細節，從而實現快速的視覺掃描和比較。 

在某些情況下，搜尋結果可能包含地理空間元素。因此，對於時空上下文特別重要的移動搜尋結果，最廣泛使用的布局看起來像二維地圖。

 

混合結果

如前所述，不同類型的搜尋結果需要不同的布局。大多數情況下，網頁設計鼓勵用戶指定和縮小他們的搜尋範圍，以便為他們提供最方便的布局。然而，許多以內容為導向的網站的目標是激勵用戶進行更多探索，它們採用更具創造性的方法，允許不限制用戶搜尋。這是一個具有混合結果的布局。它混合了不同的視圖和搜尋結果類型。

 

零結果

儘管大多數搜尋結果引擎旨在提供自動建議和一組功能來幫助用戶找到最準確的結果，但某些搜尋查詢只是無法返回一些有意義的結果並顯示所謂的零結果頁面。

零結果頁面是通過提供有關如何重新表述搜尋查詢的建議和建議來支持用戶的機會。

 

搜尋結果頁面UI改進的5個關鍵提示

我們都努力追求更簡單的解決方案的想法，並努力爭取更好的結果。享受藝術作品是人類的天性，這包括您的網站，它也是一種數字傑作。人們可能喜歡您的網站的主要原因有兩個：界面設計以及用戶體驗。

這意味著您的網絡商店必須具有視覺吸引力和清晰性，並且應該表現出快速的響應能力，以便能夠吸引注意力並積極影響用戶的決定。一般來說，有多種方法可以改進網站設計，或者對其進行優化以達到更好的性能水平；然而，網站用戶體驗的中間階段往往被低估。

因此，如果潛在客戶對您的產品感興趣，他們會進行查詢並等待搜尋結果。他們從那裡獲得的印象將使他們留下或離開。他們可能會遇到設計不佳的頁面或與查詢沒有任何匹配的產品類型的頁面。

另一方面，可能會出現包含高質量圖片和有價值訊息的頁面。您為此網頁選擇的設計越好，您將來獲得的結果就越好。選擇合適的布局並不是改進它的唯一方法。有數以千計的方法可以改善您的搜尋結果頁面UI。讓我們來看看搜尋結果UI設計改進的最佳實踐。

 

1. 提供訊息

讓您的客戶看到關鍵細節

您的頁面應包含儘可能多的有用訊息。展示小而漂亮的照片，添加產品或服務的簡短描述等。無論如何，讓互動繼續。

 

儘量減少點擊次數

「產品結果頁面，產品頁面，產品詳情頁面……」——點擊你的網站的過程可能是枯燥無用的。不要讓您的客戶尋找他們需要的按鈕。把它放在正確的地方，讓它工作。

搜尋結果頁面上的「添加到購物車」按鈕需要儘可能吸引潛在客戶。這並不意味著您需要將其設定為亮紅色或霓虹綠色；但是，您應該創造條件，讓客戶能夠快速找到它。讓潛在客戶在他們的願望改變之前將產品添加到購物車。

 

提供高級搜尋

這是一個選項，允許客戶添加一些搜尋要求、改變和組合它們以找到最相關的結果。在購買之前，讓他們有機會進行自己的研究並對結果進行分類。讓他們覺得他們的選擇是有史以來最好的。過濾器在這裡也很有用。

文本片段、圖像、添加到購物車按鈕和高級搜尋功能在您的搜尋結果頁面上很有價值。以排除死胡同的方式設計它。為您的合作未來保駕護航，達成交易！.

 

2. 回答客戶的問題

如果您的網站訪問者正在尋找男士藍色襯衫，則根本不需要在搜尋結果頁面上顯示白色襯衫、女士襯衫或一條藍色褲子。確保網站正常運行並且響應查詢的算法正確。

如果所需產品目前缺貨，請儘量不要將訪問者引導至空白頁面。提供一些有用的訊息：解釋問題，告訴訪問者該產品何時會再次進貨，或建議他們通過其他方式獲得該產品。您始終可以建議您的白襯衫作為替代品，但不能作為搜尋結果。

 

3.注意相關性

在這種情況下，最好的企業家助手之一是谷歌搜尋頁面。無論人們正在尋找什麼樣的產品，它都能提供很大的幫助和訊息豐富的建議。

谷歌地圖出現在屏幕上以顯示最近的位置以及前往附近頂級餐廳或咖啡店的最快路線。非常方便，你不覺得嗎？

當我們尋找一本書、襪子或汽車時，也會發生同樣的事情。Google 向我們展示了我們可以在哪裡購買產品，告知我們其價格和評級等。尋找會議時，科學家會獲得有關計劃活動的日期和地點的完整最新訊息。

Google應用的這些做法同樣適用於您的企業，並能從中獲利。關鍵是如果提供有關潛在客戶的特定訊息（例如當前位置或年齡），則可以實施它們：這些數據允許Google顯示更多相關訊息。

 

4. 為錯別字做好準備

我們都會犯錯。尋找某種產品的網際網路用戶也不例外。為了提供更好的用戶體驗，建議更正拼寫錯誤的字詞和與之匹配的產品。

看一眼 耐克 找出這是如何工作的。

 

5. 添加客戶反饋

真實的意見總是會有所作為。沒有比客戶撰寫的評論更好的產品描述了。因此，在搜尋結果頁面上為每個產品添加 1-2 條訊息豐富的反饋非常有用。此外，無需開發人員額外的努力即可向搜尋結果頁面添加帶有評論的小文本欄位。

 

搜尋結果頁面改進的其他提示

收集有關用戶首選項的訊息

您對受眾了解得越多，您的業務就越能以客戶為導向。位於不同地區的不同類別人群的需求幾乎沒有共同之處。所以，要非常注意查詢解析。收集有關先前搜尋的數據並將其與新搜尋進行比較。分析最頻繁的查詢並相應地修改您的內容甚至一般業務方法。

 

使用搜尋結果頁面分析工具

您的搜尋結果頁面可以為您的業務提供更重要的訊息。跟蹤常見的搜尋查詢和導致沒有結果的查詢。對這些方面的分析將幫助您更深入地了解您的搜尋結果頁面的需求。有了這些訊息，可以更清楚地了解哪些額外的變化可以帶來利潤。

 

使用有效的行動呼籲 (CTA)

使用簡短而有創意的CTA來改善搜尋結果的用戶體驗。稍微推動潛在客戶與您建立進一步的合作。

 

允許自訂

客戶喜歡自己玩設計。所以，讓它成為可能！添加一些簡單的自訂功能，如文本顏色、行數、視圖等，讓訪問者的注意力更持久，讓他們花更多的時間來熟悉您的產品。

 

嘗試影片而不是圖像

為了使您的結果頁面訊息量更大，請在搜尋結果頁面上展示帶有產品概述的簡短影片。這可能會增加客戶參與度並展示有關所展示商品類型的所有必要訊息。

 

結論

網站設計與流暢無縫的用戶體驗一起構成了一個強大的引擎，可以提高客戶選擇向您購買的可能性。搜尋結果頁面是任何網站的重要組成部分。一個簡單的事實證明了其完美設計的必要性：訪客在找不到所需產品或整體用戶體驗不好時離開。