您當前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計教程 >> 設(shè)計理論 >> 瀏覽設(shè)計教程

導(dǎo)航和搜索之間的相互協(xié)調(diào)

把網(wǎng)站的搜索欄置于導(dǎo)航欄上,這種不怎么好的實現(xiàn)方式會讓用戶在查詢上投入更多的精力。

我們有經(jīng)常會譴責現(xiàn)在一種用像漢堡一樣的菜單鍵來取代全局的導(dǎo)航欄,我們可以發(fā)現(xiàn)這反映了一種缺乏對chrome的簡單化理念的理解,但人們會很合理地問這樣一個問題,當我們有東西要搜索時為什么還要關(guān)注導(dǎo)航欄?現(xiàn)在搜索已經(jīng)足夠強大了,可為什么還不滿足呢?畢竟,那些成功的網(wǎng)站如谷歌和亞馬遜也是像這樣將搜索展示給用戶,而且在移動端一些文字冗長和容易出現(xiàn)錯誤的地方,他們更喜歡用搜索框代替,通過這樣,使用戶不會害怕搜索。

這里有五個案例來講解為什么不讓用戶只依賴搜索。

1、 只有知道搜索什么才能搜索

想要設(shè)計一個好的搜索查詢,用戶需要清楚地知道他們要搜索什么,他們需要理解并放入正確的關(guān)鍵字。有時這是很簡單的,例如當搜索最近的超市,大部分的用戶可以想出一個好的搜索關(guān)鍵詞,但是當一個不擅長這個方面的人正在試圖買一個新的烤爐或一個新的剪草機時,在搜索上他可能需要一些向?qū)В罕热缡鞘裁搭愋偷??屬性特征是和烤爐有關(guān)系的?而剪草機呢?

類別性登錄頁面經(jīng)常通過導(dǎo)航欄來幫用戶快速得到一個搜索用的心理模型:什么子分類是可用的和什么屬性特征和那個特別的范疇是有關(guān)系的。用一個割草機做例子,去到Sears.com’s Lawn Mowers的首頁我們可以發(fā)現(xiàn)那里有自動推進式割草機,手動式割草機,無線和有線的,還有卷割草機,我們還可以清晰的看到這些有關(guān)的要素,還有其他的細節(jié),例如排放的類型和速度。即使這是你第一次來,這些美觀而又全方位的圖片能夠幫助你在搜索割草機的時候知道應(yīng)該搜索什么。

導(dǎo)航和搜索之間的相互協(xié)調(diào)

2、搜索需要記憶

即使用戶對自己需要搜索的東西很熟悉時,搜索時也需要他們回憶出有關(guān)的信息,想出一個有意義的查詢,用戶需要考慮有關(guān)于這個目標的一些特征并在查詢的時候合并起來使用。

導(dǎo)航欄可以通過識別來取代回憶(此處出自10 usability heuristics for ui design ):而不是強迫用戶想出復(fù)雜的查詢,他們可能只能回憶起很少信息,然而用識別功能可以增加他們對有關(guān)聯(lián)的條目的查詢。用除草機為例,如果只是搜索可用的工具,你可能要去想出你自己的約束條件然后

把他們轉(zhuǎn)到在這個網(wǎng)站上可能有關(guān)的項目上。因此你可能要以 “我可能要在這個過程中要折騰一番”來開始,然后試圖從回憶起中查詢匹配的目標主題。把用戶的目標轉(zhuǎn)移到一種被認為是不太容易的搜索查詢上會比簡單的在頁面上選擇連接來說,會加重記憶上的負擔而且通常都不是太成功。

用Netflix比較Sear的界面。假設(shè)你是一個14歲男孩,想要看動作搞笑而語言上并不是很搞笑的電影。

Nettflix.com:喜劇部分

導(dǎo)航和搜索之間的相互協(xié)調(diào)

在喜劇部分中,很難理解哪個電影是所需類型的。你有兩個選擇:要么仔細瀏覽列表中的每一部電影直到找到一個看起來適合的,或者去搜索框哪個詞語能夠描述你想要看的電影類型?;蛟S“physical comedy PG-13”?或是“Jim carry PG-13”?祝你好運!

正如你所看到,這個過程比在sear找到好的的除草機難得多。附加的在NETflix網(wǎng)站上的過濾器會使得比列出幾個次主題目錄下更容易找到一部滿足復(fù)雜標準的電影(在主題下的過濾器包括青年電影,但是在那里,用戶仍然不得不去搞清楚正確搜索主題,或者去按照順序瀏覽頁面上展示的可供選擇的東西)

3、搜索比瀏覽有更多的交互過程

搜索會強制用戶去做更多,因為他們不但要想出怎樣查詢,還必須自己打字。打字也是有很高的交互的;這樣容易產(chǎn)生錯誤、用鍵盤也會消耗時間(在觸摸屏上更多)

搜索的交互所需要的代價比直接瀏覽高得多。確實是這樣,一些交互所需的代價會因為心理暗示而減?。ㄈ鐁adical ROI improvement on Intranets所展示的那樣),但心理暗示可以使查詢更通用和簡單。再加上,很多網(wǎng)站沒很好地實現(xiàn)這個特點。

4、 網(wǎng)站搜索起來通常效率很低

即使用戶能夠想到一個很合理的查詢關(guān)鍵詞,不巧的是結(jié)果經(jīng)常會返回一些不相關(guān)的信息。大型搜索引擎在他們背后有復(fù)雜的算法和巨大的數(shù)據(jù)庫進行支持,即使查詢不能很好地被表示出來,一些有關(guān)的結(jié)果也會被找到。那在一些專門的網(wǎng)站通常都會有。在Netflix搜索physical comedy PG-13和jim carrey PG-13會返回無關(guān)的結(jié)果,正如你從下面截屏所看到的。

導(dǎo)航和搜索之間的相互協(xié)調(diào)

Netflix.com的搜索結(jié)果不僅復(fù)雜還都是無關(guān)的。這確實是真的,我們嘗試了一遍又一遍。

5、人們不知道要如何更好地在網(wǎng)上搜索。

人們對于搜索得認知被大型搜索引擎他們希望每個進行搜索都是一樣的而進行了破壞。我們可以看到在e-commerce網(wǎng)站上搜索“dressy comfort shoes size 7.5 black low heel”人完全被獲取的結(jié)果感到迷惑。一些網(wǎng)站試圖對搜索字符進行解析并試圖把它們匹配到數(shù)據(jù)庫中,但是很多次的匹配是很失敗的,正如你在下面以Zappos為例子看到的。

導(dǎo)航和搜索之間的相互協(xié)調(diào)

Zappos.com:“dressy comfort women’s shoes size 7.5 black low heel”的搜索結(jié)果頁面返回了很多結(jié)果但很多都是無用的結(jié)果,特別是鞋墊,這點可以在第一頁看到。

為了比這個結(jié)果更好一些,會去搜索一些接近的關(guān)鍵詞(雖然在意思上并不完全一樣)。像下面這些從Autozone找到的例子看出:搜索wipers camry沒有返回結(jié)果。

Autozone.com:沒有wipers camry的查詢結(jié)果。

導(dǎo)航和搜索之間的相互協(xié)調(diào)

總結(jié):

網(wǎng)站上的查詢是至關(guān)重要的,并且可以在搜索中加入一些有趣的特性。

然而,如果你要把搜索放進你的網(wǎng)站的導(dǎo)航欄上,請先考慮一下導(dǎo)航欄的重要的用途:它可以向用戶展示什么是他們可以在這個網(wǎng)站上找到的,并引導(dǎo)他們理解可以搜索的事物。用導(dǎo)航的分類經(jīng)常比只有一個好的搜索查詢更快更容易。再加上,很多網(wǎng)站的搜索還做的并不是很好。

原文來自:Raluca Budiu
http://www.nngroup.com/articles/search-not-enough/

[教程作者:Raluca Budiu]
免責聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/di2523.html
QQ手機版 5.0“一鍵下班”設(shè)計小結(jié)
如何提升35%逼格度?網(wǎng)頁設(shè)計,是定位表現(xiàn)?還是附加值?
圖趣網(wǎng)微信
建議反饋
×