最近在做搜索設計時，發(fā)現了兩個容易糾結的小問題，在這里談談自己的一些分析。

問題一：提交的關鍵字是哪個？

凡客的這個例子中，搜索建議“時尚斜拉鏈”高亮顯示，這個時候點擊“搜索”，提交的關鍵字是輸入框中的“s”還是“時尚斜拉鏈”呢？答案是“時尚斜拉鏈”。

再看看百度，當搜索建議中的“sina微博”高亮（鼠標懸停）時，點擊“百度一下”，提交的關鍵字是輸入框中的“s”，而不是高亮的“sina微博”。

到底哪種方式更好一些呢？我個人是這么認為的：

就搜索組件來說，主體應該是搜索框和搜索按鈕，搜索建議只是一個附加的工具，甚至可以沒有。

因此不管搜索建議狀態(tài)如何，“搜索”按鈕（或按“Enter”鍵）提交的應該是搜索框中的內容，這樣才不容易產生歧義。

回到凡客的例子，若選中搜索建議后（可通過點擊方向鍵、鼠標懸停、鼠標點擊等方式），點“搜索”或按“Enter”鍵提交的是該搜索建議，則搜索框中的內容應該立刻被替換掉；否則輸入框內不發(fā)生變化。

問題二：是否要高亮顯示第一條搜索建議？

看了很多相關產品，比如google、淘寶、百度、凡客等，它們的搜索都沒有高亮顯示第一條搜索建議。

但是也還有少數產品的搜索，是默認選中第一條搜索建議的。這樣會有什么問題呢？

和第一個問題類似，這里也容易出現分歧：即提交的關鍵字是輸入框中的內容還是高亮的第一條搜索建議呢？

如果提交的是搜索建議，那按照前面說的方法，把輸入框中的內容替換成第一條搜索建議是行不通的，畢竟這個不是用戶自己選的，那么這個歧義就很難解決了；另外，倘若用戶再手動選擇其他的搜索建議，搜索框中的內容也不適合再被替換成相應的搜索建議了，因為這樣就會和初始狀態(tài)不一致（初始狀態(tài)下搜索框中的內容和默認選中的搜索建議很可能是不一致的）。

如果提交的不是搜索建議，那么這里高亮顯示它又有多大的意義呢？

總結：

若觸發(fā)搜索操作后提交的是高亮的搜索建議，則搜索框中的內容應該被替換成相應的內容

在搜索建議中不要高亮顯示第一條內容

文章來源：legene的交互設計博客 轉載請注明出處鏈接。

標簽： 產品設計 交互設計 搜素組件 

版權申明：本站文章部分自網絡，如有侵權，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權歸原作者所有，如需使用，請與原作者聯(lián)系。