DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 用戶體驗之關於站內搜索的設計
用戶體驗之關於站內搜索的設計
編輯:關於網頁技巧     

網頁制作poluoluo文章簡介:站內搜索,對於用戶來說,應該也算是個流程性的行為。從一開始意識到有搜索需求,到輸入搜索詞,再到從搜索列表裡找到可能合適的結果,再加上可能的搜索錯誤等等,這個過程其實也是比較復雜的。在進行搜索設計的時候,在每個流程點上都做好並不容易。

一直想整理一些關於站內搜索和搜索結果頁面設計方面的文出來,但也一直感覺太復雜、涉及的東西太多而不斷拖延。站內搜索對於不同的站來說有不一樣的使命和功用,所以設計需求會很很大的區別。一開始考慮收集些資料弄一篇文章搞定的想法,自然而然地就被拋棄了。

站內搜索,對於用戶來說,應該也算是個流程性的行為。從一開始意識到有搜索需求,到輸入搜索詞,再到從搜索列表裡找到可能合適的結果,再加上可能的搜索錯誤等等,這個過程其實也是比較復雜的。在進行搜索設計的時候,在每個流程點上都做好並不容易。另外,根據曾經看過的一篇老外文章談過,如果用戶是通過搜索引擎到達網站,然後再進行站內搜索的時候,這個用戶已經有離開的想法了。可能現實網站情況也是如此,如果站內搜索結果不當,造成的就是用戶流失。所以,搜索是個大命題,搜索引擎如此,站內搜索也是如此,都需要讓搜索用戶滿意。搜索設計也是種體驗設計。

我想將整個搜索設計劃分為幾篇文章來分別討論,初步設想的包括:站內搜索設計的基本原則、搜索框的設計、搜索結果頁面的設計、無搜索結果頁面的設計,以及搜索時的用戶引導等幾個話題。

這些以後再說。我覺得在進行搜索設計的時候最重要的一點是要先考慮清楚,用戶為什麼會使用到站內搜索?按照一般設計思路,只要網站導航設計的很好,鏈接引導很充分,用戶一步步點擊下去也是應該能找到目標內容的,所以站內搜索再做思路下是個補充功能。另外一種思路會把站內搜索作為很重要的需求滿足體驗來看待,是與導航功能並重,並且是比直接鏈接引導更偏向與用戶溝通的體驗設計。孰好孰壞,不同網站不同分曉。

01年的時候Jakob Nielsen在文章Search: Visible and Simple裡面談到了用戶為什麼會用到站內搜索有兩個原因:

* Search lets users control their own destiny and assert independence from websites’ attempt to direct how they use the Web. Testing situations routinely validate this. A typical comment is: “I don’t want to have to navigate this site the way they want me to. I just want to find the thing I’m looking for.” This is why many users go straight to the home page search function.
* Search is also users’ escape hatch when they are stuck in navigation. When they can’t find a reasonable place to go next, they often turn to the site’s search function. This is why you should make search available from every page on the site; you cannot predict where users will be when they decide they are lost.

大拿的話有點復雜,其實直白的理解可以是這樣的:

  • 這個用戶比較“懶”,不走尋常路

    網站所設想的用戶引導和導航對他不適用,他是個熟手,習慣使用自己的思路來尋找信息,同時他對自己想要什麼有明確的意識。所以,搜索對他來說是最快找到自己所要信息的手段。

  • 用戶比較煩,網站導航讓他迷了路。

    說實話,網站用戶體驗設計很多時候都是臆想出來的。設想的流程很可能並不能滿足用戶真正的需求,甚至網站的導航、用戶引導反而讓用戶在尋找信息的時候更加混亂。所以這個時候,用戶會希望用搜索功能來逃離網站迷宮。這個時候,很可能搜索是用戶在網站上最後的掙扎。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved