文章彙整

如何設計優良的行動網站 Part 2 – 網站搜尋功能

By Ellen 3 years ago1 Comment
首頁  /  網站設計與開發  /  如何設計優良的行動網站 Part 2 – 網站搜尋功能

image00

想要幫助行動網站的使用者快速找到他們想要的內容、網站的搜尋功能就變得非常重要。

將網站的搜尋功能放在明顯的地方

當使用者想要找尋某些特定內容的時候,通常會直接使用搜尋功能,因此我們應該將搜尋功能儘量放在使用者能第一眼看見的地方。

在下圖中,左側的設計使用者無法在第一時間知道搜尋功能的所在,必須在點開功能選單之後才能驚覺:哦!原來在這兒呀!

右側的設計則讓使用者可以直接看見搜尋框,並且使用搜尋功能。

image02

(圖片轉載來自google developers)

如果您不希望搜尋框佔去太多版面的話,也可以先將搜尋框隱藏起來,並且利用明顯的圖示告知使用者搜尋框的位置。

image06image07

 

為使用者提供更加相關的搜尋結果

儘量讓使用者能夠在第一時間內得到精準的搜尋結果,讓使者不需要透過層層的點擊、滑動頁面、經過多道程序才能得到想要的結果。

另外,行動裝置的輸入功能不像桌上型電腦那麼方便,因此提供”自動完成”、”關鍵字建議”、”英文字的拼寫糾正”等都是相當貼心的動作。

在下圖的例子中:左側的搜尋結果中出現了包含了”kid”這個關鍵字的所有內容。右側的搜尋結果則只列出包含”kid”關鍵字的商品。

image04

提供可縮小搜尋結果範圍的篩選器

提供好用的篩選器,幫助縮小搜索結果,提供更精準的搜尋結果給使用者。並且您必須確保所有的篩選器底下都有內容存在,不會將使用者引導到”空白的”搜尋結果去。

image03

另外如果能夠讓使用者事先知道篩選器可以提供多少結果,可以幫助使用者判斷如何使用篩選器。例如在篩選名詞的後面標註包含結果的數量,就是一個不錯的作法。

image01

另外,跟搜尋框一樣,將篩選器放在顯眼的地方,千萬不要讓使用者必須滑到頁面的底部才能找到篩選器。

引導使用者找到更精準的搜尋結果

透過事先問使用者幾個問題,可以幫助使用者得到更精準的搜尋結果。例如一個大型的鞋子購物網站,先讓使用者選擇性別、尺寸,就可以將搜尋結果縮小在選擇的範圍內,提供更精準的搜尋結果給使用者。

image05

 

歐斯瑞有限公司編寫製作

 

 

 

 

以上內容由Astralweb 歐斯瑞編寫製作

 000

推薦文章

Category:
  網站設計與開發

One Comment

留下回應

你的電子郵件地址不會被公開.

取得獨家電子商務祕技

建立更好的策略靈感

跟上全球的網路趨勢

絕佳的電商解決方案

電子商務戰略全指南

每月發送電商戰略指南,只要填寫E-mail即可訂閱!

請到您的信箱確認,即可完成訂閱。