怎樣設計出正確的搜索模式

■劉新

在這篇文章中，我將介紹5個最佳實踐，這些實踐可以幫助大家設計更好、更實用的搜索機制。

1 .視覺線索

無論創建任何類型的用戶界面，為用戶提供快速掃描屏幕所需的工具是你設計的一部分。這樣做可以確保你的用戶知道在什么地方找到他想要的東西，何時需要使用以及與其交互后會發生什么。

放大鏡圖標

使用放大鏡圖標，我無法保證這樣會加快搜索欄查找的速度。但是圖標越簡單越好，較少的細節可以讓用戶更快地瀏覽。雖然，一個圖標本身沒有輸入容器或按鈕，實際上會使搜索更加困難。

一個實際的搜索按鈕

不是所有用戶都是資深網民，這也就意味著并不是每個用戶都知道，一旦在輸入框里輸入查詢內容，按下回車鍵就可以得到相關信息。因此，在搜索輸入旁邊設計一個實際的按鈕可以幫助用戶確認他們的下一個動作，從而減少用戶所需的認知負荷。

2 .輸入特性

有時候，越是閃亮，強大或面積大的東西越不一定能引起人們的注意，搜索模式也一樣。不如將它改為你理想的風格！但切記搜索框的設計必須與你的網站或應用程序的主題相吻合，并同時確保它足夠引人注目。

3 .透明占位符

為輸入的占位符文本使用適當的副本很重要，它們通常是暗示用戶可以搜索的內容。這確保了他們知道要搜索什么，并且不會因編寫錯誤導致查詢失敗而感到沮喪。最近，Web工具可以通過在HTML5中添加提示作為占位符來輕松完成此操作。

提示：

眾所周知，人類的短期記憶容量有限。因此，盡量保持用于占位符文本的副本簡短而直接。使用較長的提示會增加用戶的認知負荷，從而損害用戶體驗。

在某些項目中可能需要設計一個更具體的搜索功能。在這種情況下，你可以使用懸停的工具提示來確保提示在任何時候都是可見的，這樣用戶就可以將他們的短期內存用于其他任務。

4 .引導查詢，即自動提示

很多時候，用戶會忙于思考搜索結果，而沒有專注于構建一個適當的搜索查詢。當用戶無法找到他們所期望的結果時，這也是一個負擔。這個用戶的操作失誤，也正是設計師的錯誤。在這里，自動提示就可以派上用場了。

采用自動提示的目的不是為了使搜索速度更快，而是在用戶查詢構建中提供一點幫助。你可以通過執行預測的搜索模式來實現這一點。例如用戶想問這個可怕的詞是什么？預測的搜索模式是根據用戶正在編寫的所有字符，猜測輸入的是什么詞匯，預測他們的查詢將會是什么而彈出自動建議。

正如Jakob Nielsen領導的團隊所研究的那樣，大多數用戶未能從第一次查詢中收集到他們所預期的搜索結果。因此，通過設置引導查詢，除了大大減少用戶執行搜索的工作量，還可以增加他們查找所需內容的次數。

提示：

不要給他們任何錯誤的自動建議。確保你使用的所有機制是合理的，并且符合你的用戶需求。

5 .不要忘記定位

用戶對AD Shaikh＆K.Lenz在2006年發現的某些UI元素和模式的位置有一定的要求。搜索就屬于這種被要求的模式之一，絕大多數用戶希望在界面的頂部中心或右上角找到它，就像上面提到的研究結果。

我認為每天我們都會處理很多所謂的最佳實踐，卻往往很容易忽略一些簡單的話題，比如我在這篇文章中提到的那些。搜索是一個不斷發展的模式，我知道這篇文章沒有涵蓋現有的所有指導方針。了解這一點，我希望這篇文章能夠幫助到你們當中的一些初學者，甚至UX和UI設計的老手。