編者注：用戶(hù)界面設(shè)計(jì)是任何想要留住用戶(hù)的應(yīng)用程序和網(wǎng)站的重要組成部分，如何設(shè)計(jì)符合用戶(hù)習(xí)慣的服務(wù)產(chǎn)品并非易事。在本文中，Bruno Charters在“獲得正確的搜索模式”一文中描述了設(shè)計(jì)者希望關(guān)注的五個(gè)細(xì)節(jié)。雖然切入點(diǎn)很小而且支離破碎，但作為一名新秀甚至是老將，這一點(diǎn)必須牢記在心。

完美的案例

1.視覺(jué)提示

在創(chuàng)建任何類(lèi)型的用戶(hù)界面時(shí)，為用戶(hù)提供他們所需的快速瀏覽頁(yè)面工具是您工作職責(zé)的一部分。這樣做將使您的用戶(hù)能夠準(zhǔn)確找到他們想要的內(nèi)容，無(wú)論何時(shí)，以及一旦他們與之交互后會(huì)發(fā)生什么。

（1）放大鏡圖標(biāo)

使用圖標(biāo)。我不想強(qiáng)調(diào)我會(huì)找到搜索欄的速度。越簡(jiǎn)越好。您可以確保用戶(hù)可以快速掃描它的細(xì)節(jié)越少。雖然，只有一個(gè)圖標(biāo)本身沒(méi)有可以輸入的容器或按鈕實(shí)際上使搜索更加困難。

極簡(jiǎn)主義搜索圖標(biāo)的示例

人們經(jīng)常意識(shí)到，即使沒(méi)有標(biāo)簽，放大鏡圖標(biāo)也會(huì)顯示搜索工具。但壞消息是，只有一個(gè)圖標(biāo)會(huì)使搜索變得更加困難。

（2）真實(shí)搜索按鈕

不是每個(gè)人都是千禧一代學(xué)會(huì)上網(wǎng)的人，這意味著并不是每個(gè)人都知道他們需要在輸入查詢(xún)后按Enter鍵。在搜索輸入旁邊添加實(shí)際按鈕將幫助用戶(hù)確認(rèn)他們的下一個(gè)動(dòng)作，這反過(guò)來(lái)減少了用戶(hù)所需的認(rèn)知負(fù)荷。

不要將按鈕放在左側(cè)，頂部或底部

提示：

或者，您可以隱藏輸入按鈕，直到文本輸入行為完成。

確保按鈕尺寸合適，以便點(diǎn)擊行為自然。

2.輸入您的特征

有時(shí)，最亮，性能最好或更大的汽車(chē)根本無(wú)法做到這一點(diǎn)。搜索模式是相同的。

（1）你想表達(dá)的設(shè)計(jì)

將設(shè)計(jì)與網(wǎng)站或應(yīng)用程序的主題相匹配，同時(shí)確保它脫穎而出。

YouTube的新主題和令人驚訝的黑暗主題通過(guò)將搜索模式與其他元素結(jié)合起來(lái)完美地體現(xiàn)了這一點(diǎn)：“這不是關(guān)于誰(shuí)是最大的問(wèn)題”。

確保您輸入的長(zhǎng)度不會(huì)太短。諾曼集團(tuán)的一項(xiàng)研究表明，一個(gè)27個(gè)字符的輸入框可以滿(mǎn)足用戶(hù)90％的需求。

一個(gè)簡(jiǎn)單的搜索框示例，可以輸入5個(gè)字符和26個(gè)字符

3.清除占位符

在輸入的占位符文本中使用適當(dāng)?shù)母北痉浅Ｖ匾?，通常由用?hù)使用。這將確保他們知道要搜索的內(nèi)容，并且他們不會(huì)對(duì)他們不理解的內(nèi)容感到失望。最近，Web工具允許人們?cè)贖TML5中輕松添加提示作為占位符來(lái)實(shí)現(xiàn)此目的。

添加占位符可幫助用戶(hù)過(guò)濾其查詢(xún)行為

提示：

眾所周知，人類(lèi)的短期記憶力較弱。使副本保持占位符文本簡(jiǎn)潔明了。使用長(zhǎng)提示最終會(huì)增加認(rèn)知負(fù)擔(dān)并影響用戶(hù)體驗(yàn)。

有些項(xiàng)目需要更具體的搜索功能。在這種情況下，您可以使用懸停工具提示來(lái)確保提示始終可見(jiàn)，允許用戶(hù)使用短期內(nèi)存執(zhí)行其他操作。

在此示例中，工具提示可幫助用戶(hù)使用查詢(xún)格式以及他可以搜索的內(nèi)容。

4.引導(dǎo)查詢(xún)自動(dòng)建議功能

通常，您的用戶(hù)將忙于考慮搜索結(jié)果，而不是專(zhuān)注于確保輸入正確的搜索查詢(xún)。對(duì)于那些無(wú)法找到預(yù)期結(jié)果的人來(lái)說(shuō)，這也是一種負(fù)擔(dān)。這是用戶(hù)的錯(cuò)誤，也是設(shè)計(jì)師的錯(cuò)誤。這也是自動(dòng)建議機(jī)制派上用場(chǎng)的地方。

此機(jī)制的目標(biāo)不是更快地搜索，而是在查詢(xún)構(gòu)造中提供一些幫助。實(shí)現(xiàn)此目標(biāo)的一種方法是實(shí)現(xiàn)預(yù)測(cè)搜索模式。你在查詢(xún)的奇怪詞是什么？它只是通過(guò)分析用戶(hù)編寫(xiě)的任何字符的行為來(lái)預(yù)測(cè)他們的查詢(xún)目標(biāo)。

眾所周知，大多數(shù)未能在第一次查詢(xún)中找到預(yù)期搜索結(jié)果的用戶(hù)在下一次嘗試中將獲得很少的成功。 Jacob·領(lǐng)導(dǎo)的團(tuán)隊(duì)從相關(guān)研究中得出了相同的結(jié)論;尼爾森。因此，通過(guò)這樣做，除了能夠大大減少執(zhí)行搜索的用戶(hù)的工作量之外，還增加了尋找期望內(nèi)容的成功次數(shù)。

提示：

不要錯(cuò)誤地給他們?nèi)魏巫詣?dòng)建議。無(wú)論您使用哪種機(jī)制，請(qǐng)確保它有意義并滿(mǎn)足用戶(hù)的需求。

為用戶(hù)提供最近搜索歷史的可視提示。這對(duì)于頻繁的搜索行為非常有用。

保持簡(jiǎn)單，并使用最少的元素來(lái)分隔不同的自動(dòng)建議。 （即：填充和邊框）

限制提供給用戶(hù)的建議數(shù)量在5到9之間。記住米勒定律在用戶(hù)體驗(yàn)設(shè)計(jì)中的應(yīng)用。

5.不要忘記位置的重要性

2006年，A。D. Shaikh和K. Lenz發(fā)現(xiàn)用戶(hù)對(duì)某些用戶(hù)界面元素和模式的位置有一些期望。搜索是其中一種模式，大多數(shù)用戶(hù)希望在界面的頂部或右上角找到它，如下面提到的研究。

“許多參與者希望找到‘網(wǎng)站搜索引擎’位于頁(yè)面右上角或左上角的位置。 ”的

嘗試基于這種基于知識(shí)的搜索模型進(jìn)行設(shè)計(jì)，這將確保親愛(ài)的用戶(hù)很容易找到它。

結(jié)論

搜索是一種不斷發(fā)展的行為模型，我知道本文并未涵蓋所有現(xiàn)有指南?；诖耍蚁Ｍ疚哪軌驇椭恍┏鯇W(xué)者，甚至是用戶(hù)界面和用戶(hù)體驗(yàn)的老手。

在我看來(lái)，我們每天處理太多所謂的最佳實(shí)踐，所以很容易忽略一些簡(jiǎn)單的主題，正如我在本文中提到的那樣。

原文鏈接：https://uxplanet.org/getting-the-search-pattern-right-e71dbb59dc67

譯者：Mu Muzi，由36個(gè)編輯組編寫(xiě)。編輯：郝鵬程

翻譯地址：http://36kr.com/p/5124738.html

本文由@郝鵬程授權(quán)，未經(jīng)作者許可，不得轉(zhuǎn)載。

該地圖來(lái)自Unsplash，基于CC0協(xié)議

« 讓父母輕松享受智能生活天貓精靈新品評(píng)測(cè) | 解決問(wèn)題：建立自助服務(wù)站是否有益？ »