05 搜尋 - · PDF file在測試中,大型的外部搜尋引擎,例如Google,雅虎...

17
搜尋 在我們的測試中,人們使用外部搜尋引擎的成功率很 高,而使用網站內部的搜尋引擎的成功率則糟透了。然 而,在一個特定網站範圍內的搜尋實際上應該比網際搜 尋更有效率。 搜尋是 Web 使用者體驗中很重要的一部分,使用者對 於它有著強烈的期望。對你來說,建立良好搜尋功能的 最好辦法就是學習大型搜尋引擎的準則,然後應用在你 的網站上。本章將討論如何在網站上設計有效的搜尋功 能,以及如何最佳化網站在外部搜尋引擎上的命中率。 05 Lesson

Transcript of 05 搜尋 - · PDF file在測試中,大型的外部搜尋引擎,例如Google,雅虎...

Page 1: 05 搜尋 -  · PDF file在測試中,大型的外部搜尋引擎,例如Google,雅虎 和MSN 搜尋,在56% ... 個搖滾樂團。雅虎

搜尋

在我們的測試中,人們使用外部搜尋引擎的成功率很

高,而使用網站內部的搜尋引擎的成功率則糟透了。然

而,在一個特定網站範圍內的搜尋實際上應該比網際搜

尋更有效率。

搜尋是Web使用者體驗中很重要的一部分,使用者對

於它有著強烈的期望。對你來說,建立良好搜尋功能的

最好辦法就是學習大型搜尋引擎的準則,然後應用在你

的網站上。本章將討論如何在網站上設計有效的搜尋功

能,以及如何最佳化網站在外部搜尋引擎上的命中率。

05Lesson

Page 2: 05 搜尋 -  · PDF file在測試中,大型的外部搜尋引擎,例如Google,雅虎 和MSN 搜尋,在56% ... 個搖滾樂團。雅虎

134

設計好網站的黃金準則 05 搜尋

搜尋是一個網站上最重要的設計元素之一。在本書研究

的 25個網站中,其中的 19個都有搜尋引擎,人們在這 19個網站上都進行了搜尋。這顯示出使用者是多麼地依賴搜尋。

儘管一些使用者會立即使用搜尋輸入框,但也有人更喜

歡使用像導覽連結這樣的方法來找到資訊。搜尋功能對

於那些確切知道想要什麼,而且能夠快速想出一個好的

搜尋關鍵字的人來說尤其有用。但是,提供好的連結分

類將會鼓勵人們探索你的網站去找到他們想要的東西,

尤其是當他們只是在瀏覽,或不知道應該在搜尋輸入框

中輸入什麼關鍵字的時候。網站同時支援這兩種行為對

於吸引廣泛的使用者是很重要的。

搜尋功能的現狀

在進行搜尋時,大部分使用者會在搜尋引擎中輸入一

個、兩個或三個字。想要從數十億的頁面中挖掘出使用

者問題的答案,這些字能夠提供的資訊並不太多。但是

在測試中,大型的外部搜尋引擎,例如Google,雅虎和MSN搜尋,在 56%的情況下都成功了,這是相當不錯的(有時,人們會將這三個搜尋「巨頭」按照其首字

母縮寫為GYM)。儘管在我們的研究中,大部分使用者都使用了這三巨頭中的某一個,不過也有人喜歡其他的

搜尋引擎,主要是美國線上搜尋(AOL Search)。

當人們只用內部搜尋引擎對他們所在的網站進行搜尋

時,成功率只有 33%。在網站內部搜尋的成功率不該比在網際網路搜尋差那麼多。實際上,由於以下一些原

因,它應該做得更好:

儘管一些使用者會立即使用搜尋

輸入框,但也有人喜歡透過使用

像導覽連結這樣的方法來找到資

訊。同時支援這兩種行為對於吸

引廣泛的使用者是很重要的。

一個粗略的估計方法是,如果

你的網站頁面數量不到 100,你可能不需要搜尋功能。具有

100到 1000個頁面之間的網站只需要一個簡單的搜尋引擎。

只有當你有幾千個頁面時,你

才需要更多的投入,以便將搜

尋功能做得更好。

另一個評估網站是否需要搜尋

功能的方法是看看你的產品清

單、新聞發佈或者其他重要的

內容分類。如果這些列表都很

短,使用者可以很容易地在一

個頁面上掃描它們,那麼應該

不需要搜尋功能(一個重要的

例外是,如果你有很多不同的

內容分類,以至於有太多的清

單需要掃描,使用者因此有可

能迷失。那就需要搜尋功能)。

設計提示:如何知道網站

是否需要搜尋功能

Page 3: 05 搜尋 -  · PDF file在測試中,大型的外部搜尋引擎,例如Google,雅虎 和MSN 搜尋,在56% ... 個搖滾樂團。雅虎

設計好網站的黃金準則

135

05 搜尋

與網際搜尋相比,在一個網站上搜尋時只有很少的 ■

頁面需要考慮。

在單一的網站上搜尋時,你能夠更瞭解使用者的 ■

意圖。例如,根據所要搜尋的網站,你將會知道

〝jaguars〞指的是汽車、動物、一個足球隊還是一個搖滾樂團。雅虎網站就無法做到這一點。

你知道你的網站上哪些文件是最重要的,因此你可 ■

根據它們的內在價值對搜尋結果進行排序,而非根

據外部搜尋引擎用演算法估算出來的價值。

你也知道哪些文件是陳舊過時的,因此,可以在預 ■

設的情況下給它們較低的排名。

與大型的搜尋引擎相比,你有可能得到更多的(關於 ■

頁面的)中繼資料資訊,與那些外部搜尋引擎透過對

你的網站進行走遍所得到的結果相比,你的搜尋軟

體能夠對文件之間的關係有更多的瞭解。

你有一個有限範圍的辭彙表,因此你會知道這些辭 ■

彙的同義詞、拼寫錯誤和其他變體,這樣就算使用

者所輸入的查詢關鍵字沒有出現在頁面文字中,你

還是可以傳給他們一個可能滿足他們需要的文件。

你能夠信任自己提供的資訊,因此能夠使用那種最 ■

優的、是由人工撰寫的頁面摘要,而不是像搜尋引

擎那樣顯示出由電腦產生的一個小片斷作為摘要。

大型搜尋引擎之所以那樣做,是因為它們不相信網

站會誠實地描述它們自己。

你不必去和那些兜售垃圾資訊的網站進行競爭,也 ■

不必與那些試圖操縱搜尋引擎以便取得高於它們應

得等級的網站進行競爭。

購買更好的搜尋軟體。考慮 ■

到有那麼多使用者依賴搜

尋,這個投資是值得的。還

有,你應該花些時間來調整

該軟體的設定,讓它在你的

網站上查詢時能達到最好的

效果。

按照本章中的可用性準則來 ■

設計搜尋介面和搜尋引擎結

果頁面(SERP)。

改進你的網站頁面,讓他們 ■

能夠跟搜尋軟體有更好的配

合。書寫頁面標題時,要讓

使用者能夠很容易地在搜尋

結果頁面上進行掃描。在書

寫頁面內容摘要時,這個摘

要能夠幫助使用者決定應該

點擊哪個項目。請使用本章

最後一節描述的搜尋引擎最

佳化(SEO)原理來協助搜尋軟體執行得更有效率。

改進搜尋功能的三個簡易方法

Page 4: 05 搜尋 -  · PDF file在測試中,大型的外部搜尋引擎,例如Google,雅虎 和MSN 搜尋,在56% ... 個搖滾樂團。雅虎

136

設計好網站的黃金準則 05 搜尋

搜尋功能應該有的樣子

在使用者測試中,人們常告訴我們,他們希望一般的網

站及內部網站上的搜尋功能可以像他們所喜愛的主要搜

尋引擎一樣。幸運的是,Google、雅虎和MSN的工作方式是一樣的:他們都包括了一個搜尋輸入框和按

鈕,以及一個線性的、按優先順序排列的結果頁面。事

實上,領先的搜尋引擎遵守了所有主要的可用性準則,

這也是它們保持領先的主要原因。新的可用性準則不只

是要設計出「好」的搜尋,還要設計出使用者所期望的

搜尋。偏離了使用者期望的設計幾乎都會導致可用性問

題。

由於人們對搜尋的理解是如此的根深蒂固,因而在設計

其他的互動模式時,應該避免讓使用者以為是在搜尋。

例如,在提供帶參數的查詢時,即使用者需要為查詢指

定一些特定的條件參數時,不要使用標有「搜尋」文字

的按鈕。帶有參數的查詢對於電子商務網站是有幫助

的——例如,指定鞋的尺碼、寬度、顏色、品牌或者樣

式來尋找,肯定比透過關鍵字來尋找更有用。然而,這

些尋找並不符合搜尋的設計模式,因此你應該給它們另

外一個名字,以避免使用者感到困惑。

結合關鍵字搜尋和其他搜尋功能的進階搜尋對於使用者

也是有幫助的,但它應該是一個輔助的選項,只有在使

用者的要求下才被顯示出來。

現在,使用者正在形成某些使用Web的心理模型,他們期望把這些模型應用到整個Web上,甚至是他們的內部網站上。這一點很好。對於常見任務使用方式的假

定能夠讓使用者關注他們的目標,而不是關注學習操作

介面的技巧。然而,如果你的設計和使用者預想的心理

模型發生衝突的話,這一切通通會被破壞,因此不要犯

這個錯誤。

新的可用性準則不只是要設計出

「好」的搜尋;還要設計出使用

者所期望的搜尋。偏離了使用者

期望的設計幾乎都會導致可用性

問題。

一個可以輸入文字的輸入框; ■

一個標有「搜尋」文字的按 ■

鈕,使用者點擊後可以開始

搜尋;

出現在一個新頁面中的搜尋 ■

結果清單,這些結果按照其

重要程度排列。

使用者對於搜尋功能的三個期望

對於絕大多數的使用者來說,

搜尋就等同於關鍵字搜尋,而

不是其他類型的搜尋。對於其

他的動作,例如確認、提交、

或者開始,不要使用標有「搜

尋」文字的按鈕。

設計提示:在什麼情況下搜尋不是搜尋

Page 5: 05 搜尋 -  · PDF file在測試中,大型的外部搜尋引擎,例如Google,雅虎 和MSN 搜尋,在56% ... 個搖滾樂團。雅虎

設計好網站的黃金準則

137

05 搜尋

www.zappos.com

在 Zappos.com上,鞋子照片上的帶參數查詢框是一個很好的設計,為什麼要看那些沒有適合你的尺碼的鞋子呢?這個頁面上略顯不足的地方是,關鍵字搜尋按鈕上的文字應該改為「Go!(開始)」以外的辭彙,以別於帶參數查詢尺碼的按鈕。為帶參數的查詢提供一個〝go〞按鈕是很好的,但是搜尋按鈕上的標籤文字應該是〝Search〞。

從我們的經驗中可以知道,當使用者看到搜尋按鈕時,他們可能會瘋狂地尋找可以輸入關鍵字的輸入框。

目前,對於非關鍵字的查詢,還沒有一個標準的辭彙可作為按鈕上的標籤文字,但是「Find(尋找)或「Retrieve(檢索)」似乎還不錯。如果是用於精選搜尋結果的查詢,你可以使用類似「Refine Results(對結果進行精選)」這樣的標籤文字。

Page 6: 05 搜尋 -  · PDF file在測試中,大型的外部搜尋引擎,例如Google,雅虎 和MSN 搜尋,在56% ... 個搖滾樂團。雅虎

138

設計好網站的黃金準則 05 搜尋

搜尋功能介面

搜尋介面,即一個使用者可以輸入查詢內容的文字方塊,再加上一個標有

「Search(搜尋)」的按鈕,通常應該位於頁面左上角,或者頁面的右上角,因為使用者習慣從這些地方開始找。該文字方塊肯定應該出現在首頁

上,但理想情況是出現在網站的每個頁面。當使用者在網站上迷失方向或

放棄導覽時,他們就會求助於搜尋。你無法事先預測使用者何時會這樣

做,因此唯一安全的設計就是讓搜尋無論在哪裡都可以使用。

www.dimewill.com

這個網站有一個指向搜尋引擎的連結,但是它幾乎不會被注意到,因此,大部分使用者都不知道它可以使

用。在經過一段時間徒勞的觀察之後,使用者會得出該網站沒有搜尋功能的結論。

Page 7: 05 搜尋 -  · PDF file在測試中,大型的外部搜尋引擎,例如Google,雅虎 和MSN 搜尋,在56% ... 個搖滾樂團。雅虎

設計好網站的黃金準則

139

05 搜尋

保持搜尋介面的簡單性,不要提供搜尋整個Web的選項。Web使用者已經有了自己偏好的搜尋引擎了,當他們想要搜尋Web時,他們會去用那些引擎。搜尋任何你自己網站之外的東西只會把你

的頁面弄得混亂不堪,唯一的例外是當你有多個

網站時。如果是那樣的話,一個多網站的搜尋也

許是合適的,但是要小心,因為它會讓你的使用

者介面變得複雜,同時降低可用性,因為使用者

期望的是提供單一網站內的搜尋功能。

設計提示:不要試圖將你的網站做成搜尋引擎

www.nordstrom.com

當我們在 2000年測試 Nordstrom時,雖然使用者常需用到搜尋功能,但是他們在網站上找不到。現在請仔細看看這個螢幕截圖,看你需要花多長時間才能找到搜尋功能?當搜尋功能不是一個輸入框時,使

用者就很容易忽略它。

Page 8: 05 搜尋 -  · PDF file在測試中,大型的外部搜尋引擎,例如Google,雅虎 和MSN 搜尋,在56% ... 個搖滾樂團。雅虎

140

設計好網站的黃金準則 05 搜尋

www.nordstrom.com

Nordstrom已經重新設計過它的網站,讓搜尋介面位於一個輸入框和一個下拉式清單方塊中,這讓搜尋功能比以前更為明顯了。該公司把下拉清單的預設值設為「在全部類別中」進行搜尋,這是正確的,

因為這是用得最多的設置。人們通常不會改變「全部」這個預設值,因為這樣他們可以看到最多的搜尋

結果。過早地縮小搜尋範圍可能會阻礙使用者看到有意義的結果。在大多數情況下,我們提醒設計人員

不要使用搜尋的下拉式選項,因為它們會讓人困惑,尤其是使用者不能很容易地區分這些選項時。例

如,「名牌牛仔褲」可能屬於很多類別(衣服,特價,兒童服裝)。人們不得不停下來猜測應該選擇哪個

類別,這會令人感到費力。

Page 9: 05 搜尋 -  · PDF file在測試中,大型的外部搜尋引擎,例如Google,雅虎 和MSN 搜尋,在56% ... 個搖滾樂團。雅虎

設計好網站的黃金準則

141

05 搜尋

www.disney.com

在這個熱鬧的迪士尼首頁上,你可以迅速找到搜尋框,這個事實證明了輸入框具有吸引視線的能力。這個頁面

上的問題是,輸入框太窄了,同時,底線讓搜尋按鈕看起來更像是一個連結而不是按鈕。連結和按鈕的區別在

於,連結只是將你帶到了一個新的頁面,而按鈕會觸發一個命令。由於搜尋是一個動作,因此你應該使用一個

按鈕來啟動。

Page 10: 05 搜尋 -  · PDF file在測試中,大型的外部搜尋引擎,例如Google,雅虎 和MSN 搜尋,在56% ... 個搖滾樂團。雅虎

142

設計好網站的黃金準則 05 搜尋

http://disneyland.disney.go.com

迪士尼樂園網站的搜尋框比迪士尼首頁上的那個更加標準:它被放置在頁面的右上方,同時,按鈕看起來就像

個按鈕。然而,在同一公司的Web空間內,將類似搜尋這樣重要的介面元素在不同的頁面上到處移動是不好的。不一致的使用者介面將會破壞網站帶給使用者的品牌一致感。表示搜尋區域的最簡單方法是,去掉輸入框

開始處的〝Search〞標籤,同時將〝go〞按鈕改為〝Search〞按鈕。

Page 11: 05 搜尋 -  · PDF file在測試中,大型的外部搜尋引擎,例如Google,雅虎 和MSN 搜尋,在56% ... 個搖滾樂團。雅虎

設計好網站的黃金準則

143

05 搜尋

當使用者跟隨迪士尼首頁上的連結來到另一個頁面後,上面的搜尋介面又是另一副模

樣。迪士尼樂園網站和迪士尼影片網站使用差別很大的使用者介面是有道理的,因為它

們提供的服務很不相同(一個是用來預定假期的,一個是用來尋找和購買電影的)。但

是,關鍵字搜尋仍當以同樣的方式被展現出來,這樣才有助於使用者在導覽過程中形成

一致的感覺。幸好這兩個頁面的搜尋功能中最重要的部分是一致的:它們都包括一個輸

入框,而且都出現在右上方(既然此處這兩個網站的搜尋框都放在右邊,那麼首頁上的

搜尋介面就更有理由放在右邊了)。這裡的搜尋框夠寬,有 26個字元,可以容納大部分的搜尋辭彙。這個設計中的一些不足之處包括:標籤文字不應該是「Find It Fast(快速尋找)」。將一個使用者介面功能宣傳為「快速」或「容易」是很危險的,因為如果它沒

有做到這一點,使用者會更加失望。同時,提供多個〝go〞按鈕是不恰當的,這帶來了不必要的混亂。〝Search〞框的部份,應該以〝Search〞按鈕取代〝Go〞按鈕較為合適。

http://disneyvideo.disney.go.com

Page 12: 05 搜尋 -  · PDF file在測試中,大型的外部搜尋引擎,例如Google,雅虎 和MSN 搜尋,在56% ... 個搖滾樂團。雅虎

144

設計好網站的黃金準則 05 搜尋

查詢字串的長度和搜尋輸入框的寬度

這張圖表顯示了在我們的研究中,使用者查詢時使用的

字串長度。一半的查詢用詞都很短,不到 14個字元,而另一半則較長,使用者需要好幾個單字來表達他們的

搜尋需要。

0

10

20

30

40

50

60

70

基於如下兩個原因,寬一些的輸入框更好。首先,它們

鼓勵使用者輸入更長的查詢,這通常會帶來更精確和更

有用的結果。其次,當使用者能夠看到他們輸入的全部

內容時,打字錯誤和其他錯誤都會減少。

即便如此,我們不建議你把輸入框做得很寬來容納最長

的查詢字串。即使是網際網路的搜尋引擎,通常也是把

搜尋框的寬度設為 48個字元,但這個長度仍放不下研究中遇到的最長查詢。對於一個主流網站來說,搜尋只

是一個工具而非目標,這麼長的寬度會佔據太多的空

間。

在 Jakob 的《Homepage Usability: 50 Websites Deconstructed》書中建議的搜尋框寬度是 25個字元。現在,我們的建議變成了 27個字元。隨著人們越來越習慣於搜尋,趨勢似乎是朝著更長的查詢字串發

展。如果將來建議增加到 30個字元,我們也不會感到驚訝。實際上,如果想讓你的設計在未來也是有效的,

你現在就可以把搜尋框做成 30個字元的寬度。

這張圖表顯示我們研究搜尋查詢字

串的長度分佈結果。對於84%的查詢,長度逐漸增長到了22個字元;最後16%的查詢字串快速地變得越來越長。最長的一個查詢是68個字元,差不多是一整行。

目前,Web上搜尋框的平均寬度只有 18個字元,這意味著有27%的查詢辭彙都會顯得太長而無法放進搜尋框中。這會給

使用者帶來不便,也讓太多的

查詢容易出錯。

我們建議將搜尋框的寬度做成

27個字元,這樣對於 90%的使用者查詢來說都是足夠的。截

斷 10%使用者的一些查詢是大部分網站都能接受的取捨,這

是為了節省空間,因為搜尋框

應該出現在每個頁面上。

設計提示:將搜尋輸入框做得寬一些

Page 13: 05 搜尋 -  · PDF file在測試中,大型的外部搜尋引擎,例如Google,雅虎 和MSN 搜尋,在56% ... 個搖滾樂團。雅虎

設計好網站的黃金準則

145

05 搜尋

進階搜尋功能

有關進階搜尋的主要準則是這樣的:避免使用它。很少

有人能正確地使用進階搜尋。與其所帶來的價值相比,

它幾乎只會引起更多的麻煩。

除非你的使用者有專業的使用技巧(或者是專業的圖書

管理員),否則他們不會理解如何使用像布林搜尋這樣

的功能。在我們為本書所進行的研究中,只有 1.2%的查詢使用了高級語法(例如〝and〞、〝or〞或〝but〞)。更糟糕的是,當人們嘗試一個進階查詢的時候,他們通

常會犯錯,因而無法得到他們想要的結果。

美國心臟協會網站的搜尋框只有 17個字元寬。這比所有網站的平均值要稍小一些,同時,對於一個和健康有關的部門的網站來說,這尤其是個問題,因為醫學上會頻繁地使用長而複雜的術語。「Peripheral artery disease(外周動脈疾病)」在醫學用語中算是簡單的了,然而即便是它也無法放進該搜尋框中,這大幅地增加了使用者出錯的風險。試試看你能否準確無誤地輸入〝epidemiological studies homocysteine atherosclerosis〞

www.americanheart.org

有關進階搜尋的主要準則是這樣

的:應該避免使用它。很少有人

能正確地使用進階搜尋。與其所

帶來的價值相比,它幾乎只會引

起更多麻煩。

Page 14: 05 搜尋 -  · PDF file在測試中,大型的外部搜尋引擎,例如Google,雅虎 和MSN 搜尋,在56% ... 個搖滾樂團。雅虎

146

設計好網站的黃金準則 05 搜尋

唯一的例外是使用引號來聲明要一字不差地搜尋所輸入的文字字串。在研

究中,有 3.5%的查詢使用了引號,這足以讓網站去支援該功能。

如果你的網站要提供進階搜尋功能,最好的方法是把它轉到一個專門的進

階搜尋網頁面上,在那裡有足夠的空間來放置所有專門的搜尋工具,同時

也可以對它們進行詳細的描述。簡單搜尋應該是預設的功能,它應該以簡

單搜尋框的形式直接地放置在網站的首頁和內部頁面上。這種方法會引導

一般使用者先嘗試簡單搜尋,通常這對他們來說就是最好的了。

範圍受限的搜尋

範圍受限的搜尋,即將搜尋限制在某個特定範圍內的搜尋,是另一個在

某些時候有意義的進階功能。在範圍受限的搜尋中,使用者只會搜尋網

站內的某個特定區域,而看不到其他地方的結果。例如,在一個同時銷售

書籍、音樂和 DVD的網站上,範圍受限的搜尋將會對那些知道他們想要的電影片名的使用者有所幫助,但會妨礙他們尋找該電影是否有發行原聲

帶,這將會潛在地限制銷售量。範圍受限的搜尋對於那些類別明顯不同的

網站來說是有意義的,因為在這種情況下,使用者通常只會在這些類別中

的某個類別進行尋找。

在搜尋時限制範圍很危險,它有以下兩個原因:第一,如果在預設的情況

下搜尋是被限制範圍的(我們不建議這樣),那麼使用者可能認為他們是在

搜尋整個網站,而不會知道他們將得不到大部分可能的結果。使用者期望

的是全域搜尋,因此那些提供範圍受限搜尋功能的網站還是應該把全域搜

尋作為預設方式。第二,使用者可能會認為正在尋找的東西是在某個區域

中,而實際上它不在那裡。在這種情況下,他們可能找不到正在查詢的內

容,或任何其他該網站所能提供的有關該主題的內容。

如果你的確提供了範圍受限的搜尋,除了將全域搜尋設為預設模式外,還

應該遵循其他兩個準則:第一,在搜尋引擎結果頁面上明確指出搜尋的範

圍;第二,提供使用者只要進行一次點擊就可以在整個網站範圍內進行重

複查詢的功能。

Page 15: 05 搜尋 -  · PDF file在測試中,大型的外部搜尋引擎,例如Google,雅虎 和MSN 搜尋,在56% ... 個搖滾樂團。雅虎

設計好網站的黃金準則

147

05 搜尋

搜尋引擎結果頁面

我們對於搜尋引擎結果頁面的第一個準則是:你應該模

仿那些主流引擎的結果頁面。這就是,提供一個搜尋結

果的線性清單,並把最值得推薦的項目放在頁面頂部。

沒有必要對搜尋結果進行編號,因為所有的使用者都是

從上方開始掃描的。也沒有必要為搜尋結果標注其相關

性等級或其他對於該結果是否「好」的估計。使用者從

上方開始掃描,一旦搜尋結果看起來好像沒有很大的希

望時,他們就放棄,這是根據內容所做的判斷,而非根

據它的相關性等級。

每個搜尋結果都應該以一個可以點擊的標題開始,然後

是兩到三行的摘要。標題是最重要的,實際上,標題前

面的幾個字是最重要的,這是因為當使用者掃描搜尋結

果時,根本不會去閱讀整個標題。用那些最能表明該頁

面內容的字眼作為標題的開始是很重要的。摘要應該對

標題進行詳細描述,而不是重複它。

Fitts定律(第 3章有詳細說明)描述的是,點擊一個目標的時

間和目標的大小成反比。很多

設計糟糕的搜尋引擎結果頁面

要求使用者點擊一個極小的目

標以便到達下一個頁面。由於

使用者不大可能跳到前面的頁

面上,因此這不是一個很有用

的功能。不過儘管如此,提供

指向搜尋結果的多個頁面的直

接連結還是可以的。但是使用

者應該能夠透過點擊箭頭連結

或「下一頁」連結來到達下一

個頁面,而不是必須精確操控

滑鼠以便選擇一個可點擊面積

很小的數字。

打靶練習

Page 16: 05 搜尋 -  · PDF file在測試中,大型的外部搜尋引擎,例如Google,雅虎 和MSN 搜尋,在56% ... 個搖滾樂團。雅虎

148

設計好網站的黃金準則 05 搜尋

www.americanheart.org

在一些網站上,你可以在摘要的下面加上一些內容用以

表明該文件的位址,這既可以是 URL,也可以是文件在網站中的哪個區域。但是對於大部分網站來說,這個資

訊無關緊要,出於簡潔性的考慮,應該把它去掉。

你也可以列出文件被更新的時間,只要它真是文件被書

寫或編輯的時間。如果該時間只是表明何時改正了一個

文字錯誤或文件何時被移動到了一個不同的伺服器上,

那麼這個功能不但沒用,反而會誤導使用者。

這個搜尋引擎結果頁面很容易掃

描,同時也有好的標題和摘要。使

用者在搜尋結果中翻頁也很容易,

因為頁面上方和底部的箭頭符號提

供了面積很大的目標連結。我們可

以從去掉每個搜尋結果的相關性

百分比來改進這個頁面的設計,這

是因為人們的注意力會集中在標題

和描述上,而不是那個百分比。還

有,使用者的查詢內容在左上角的

標準搜尋框中被重複了出來,但是

在搜尋引擎結果頁面上,較好的做

法是把查詢內容顯示在搜尋結果正

上方的一個較寬一些的搜尋框中,

這樣使用者就更容易發現它,同時

可用它來重新構造一些查詢。

任何時候當你在網站上顯示日

期時,都應該使用國際日期格

式。要拼寫出月份的名字,而

不是用一個數字表示它。不同

的國家在用數字表示日期時有

不同的習慣。例如在法國,5/4是指 4月 5號,而不是 5月 4號。

設計提示:搜尋引擎結果

頁面的日期表示法

Page 17: 05 搜尋 -  · PDF file在測試中,大型的外部搜尋引擎,例如Google,雅虎 和MSN 搜尋,在56% ... 個搖滾樂團。雅虎

設計好網站的黃金準則

149

05 搜尋

www.basf.com

這個跨國公司網站的搜尋引擎結果頁面的某些方面是正確的,但大部分是錯誤的。好的方面是:它

在一個可編輯的搜尋框中重複了使用者的查詢內容,而且每個搜尋結果都具有使用者期望的格式:

標題、在摘要中高亮顯示查詢關鍵字出現的位置,以及 URL。對於那些想要得到更多結果頁面的少量使用者來說,它也提供了一個簡單的方法來在這些結果中進行翻頁。

壞的方面是:它沒有必要提供搜尋「全部或任何單字」的功能。該功能應該被移到進階搜尋中,而

不是在這裡將預設的搜尋網頁面弄得很混亂。搜尋全部伺服器或者是某個區域的伺服器是一個不需

要的複雜功能,同時,也沒有必要將電子商務作為一個特殊的選項。搜尋特價商品的人們常常是想

要到達產品頁面,以便在那裡進行購買。

由於加入了很多額外的功能,實際的搜尋結果部分向頁面的下方推移了很多,你甚至無法在一個

1024 x 768解析度的螢幕上的顯著位置完整地看到第一個搜尋結果。沒有必要顯示相關性等級,同時,最好能把顯示項目的位置與URL合併為一行,這樣就可以在螢幕上顯示更多的搜尋結果了。最後,當然是不應該在第四個結果中使用以德語書寫的標題。英語系地區的使用者很可能跳過這個

項目,因為其摘要沒有清楚地表明該文章是用英語寫的。