hme
網頁設計的搜尋鈕正確用知
2012年06月22日 Admin
評論(0)

搜尋的位置要明顯到訪客第一眼就能看到且隨時能夠找到;搜尋欄應該讓訪客感覺可以輸入;搜尋按鈕看上去應該更像是個按鈕;不要把無關的東西在搜尋按鈕邊上


1、搜尋欄的意義

訪客總是和你想的不一樣,訪客很多時候是不會按照你設定的網址導向走的,他們更多的時候是上來就透過Google或Yahoo直接輸入 SEO關鍵字 進行搜尋。對於購物者而言,如果清楚的知道想要什麼,他們會很明確的使用搜尋欄,這種情況下購物者顯示出了明確的購物意圖,因此搜尋欄能夠把該意圖轉變為真實的購買行為。來自Fast Search的資料顯示,30%的購物者進入電子商務網站後會立刻使用搜尋欄,超過30%的人通過網址導向沒有找到需要的物品後轉而使用搜尋欄。

如果一個 網頁設計 沒有足夠合理的資訊架構體系,那麼搜尋引擎不僅僅是有幫助性的,甚至是至關重要的設計功能。有可能比網頁設計的網址導向更對訪客有幫助。事實上,搜尋是訪客瞭解在一些綜合性網頁設計內容最直接有效的方式。最好的搜尋設計就是給訪客提供一個簡簡單單的搜尋欄在頁面顯眼固定的位置上,但卻有強力搜尋的能力和範圍寬 廣的功能。

所以,如果你的網站沒有足夠清晰的資訊架構體系,那麼,請把你的搜尋欄還給搜尋,不要再試圖去綁架你的搜尋欄!


2、被綁架的搜尋欄

http://www.zghzp.com/

不可否認,右側的背景很美,但是我是來搜尋的不是來欣賞圖片的,這個背景搞的我都不知道這個搜尋還有上面的頻道切換是不是可以點擊了(我試圖去點擊新版上線,未果)。這個設計的訪客體驗差及了。

http://www.shtimber.com/

搜尋跟留言板有什麼關係?搞個留言板的按鈕跟搜尋放在一起是什麼邏輯?這讓我在想搜尋的時候很不爽

http://cn.china.cn/

這個很讓我無語,在搜尋按鈕後面補個按鈕就罷了,居然還來個比搜尋按鈕還大2倍多的按鈕……

http://b2b.hc360.com

這個大概是我見過的最無語的搜尋欄了。想不清楚為什麼現在還有網頁設計會把“設為首頁”、“收藏本頁”這樣的功能擺出來,而且是擺在搜尋欄上。

http://www.8035.com/

對於這個,首先視覺完全被放在了那2個“新”、“熱”上去了,壓根沒有想著點前面的東西了;不知道為什麼要把這2個東西擺在搜尋按鈕的後面,還有,這麼長的搜尋欄是否是在告訴我,你們網頁設計的東西很難找,需要很長的關鍵字呢?

現在很多網站都傾向於搞一個這樣會閃的gif圖片來突出某些內容,我習慣把這些東西叫小螞蟻。有的網站搞的很誇張,這小螞蟻長的胖的出奇,訪客的吸引力完全都放在了那只胖螞蟻上,根本沒有想著胖螞蟻前面的東西;有的網頁設計覺得每個欄位都需要突出於是每個欄位上都搞個“新”、“熱點”,最後的結果就是整個網站看著就像個螞蟻窩。個人覺得要想用這個小玩意贏得好的訪客體驗,至少要保證3點:小、簡、少。小,不至於讓我感覺感覺突兀;簡,能表達意思就可以了;少,不至於搞的我想點了不知道點哪裡。


3、把搜尋欄還給搜尋

把搜尋欄還給搜尋!搜尋就是搜尋,不要給搜尋背上太多的東西。一個搜尋頻道、一個搜尋搜尋欄、一個搜尋按鈕這樣就已經足夠多了,再多一點搜尋欄都會受不了!當然,你也可以讓你的搜尋欄更精簡,精簡到只有一個搜尋欄。

把搜尋叫搜尋!搜尋的位置要明顯到訪客第一眼就能看到且隨時能夠找到;搜尋欄應該讓訪客感覺可以輸入;搜尋按鈕看上去應該更像是個按鈕;不要把無關的東西在搜尋按鈕邊上,它就應該一個人待著!

 


轉貼來源:信仰互聯網

 


參考文獻:

1.林智新(民97)。網路搜尋影響點擊廣告因素之探討,大同大學資訊經營學系所碩士論文。

2.李青蓉等編著.(1998).人機介面設計,台北縣:空大。

3.邱柏清.(2004).網頁介面愉悅行之研究,國立台灣科技大學設計研究所碩士論文。





關聯關鍵字: 主機代管



本頁標籤:

網頁設計SEO關鍵字



轉貼: 推到Plurk 推到Twitter 分享到Facebook


發表評論
評論(0)



匿 稱 
E-Mail  (必填)
網 址  (必填)



心情 生活 流行 科技 旅遊 財經
健康 創作 資訊 運動 管理 其他

近期迴響
12.12 別讓皮膚鬧情緒,做個素顏美女!
10.18 初秋換顏重新出發
11.20 SEO搜尋引擎最佳化是絕對必要...
10.28 何謂proxy?
10.25 iPhone檢測癌症?傳準確率...

Tags
民宿   東京   旅遊   泡湯   俄羅斯   洗腎   泰國   旅遊小知識   旅遊小常識   自行車   旅遊潮   背包   童話   飲食   衛生   跟團   賞楓   資訊   賞鯨   生態   韓國   護照  
友善連結


Valid CSS! Valid XHTML 1.0 Transitional