DIV CSS 佈局教程網

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

網頁制作poluoluo文章簡介:設計心得:網站搜索的用戶體驗設計。

上圖A:IE上google的搜索框設計,鼠標移動到“搜索”觸發操作。

上圖B:火狐中google的搜索框設計,用放大鏡標識觸發。

上圖C:IE上搜索框設計,用按鈕的方式標識觸發操作。

破洛洛在多處進行操作習慣的調研,比如名站論壇、QQ群1(非互聯網活躍用戶)、QQ群2(大多是做HCI的)等。針對不同的用戶群體提出了同樣的問題:

哪種搜索最易用,是我最期望的,為什麼?

[b]普通用戶[/b](對快捷操作不熟悉,不是資深的網民):

心理上需要安全感,覺得全部顯示出來是最安全的。設計要明確的給出“你要我怎麼操作,哪裡是用來點擊的,哪裡是用來選擇的,我在哪裡輸入信息”。

A:最常見的,最明確的。但是“搜索”用文字表達,要去點擊才知道是按鈕的操作。

B:多了一份簡潔,但是按鈕再輸入框中,有誤認為是圖標的概念。

C:了解如何操作,就是不清楚下拉的選擇為什麼是在後面操作。

總結出來的樣式:

成熟型用戶:

表現方式變得不再重要,基本來說使用“Enter鍵”。使用鍵盤操作多,少量使用鼠標的用戶在輸入後,最快的滿足方式就是Enter建。而且西貝意外的發現成熟型人員比較喜歡輸入後才尋類別,不知道是調研的群體比較狹窄還是調研的人都比較喜歡這個方式~

所以思路就是這樣的“輸入》類別》Enter搜索”。那麼C方案就是比較適合的了。

總結出來的樣式:

那麼,是不是可以說忽視考慮資深網民的操作習慣,采用Enter的快捷鍵就ok了?重要的就是考慮普通網民的設計了呢?而且美觀和簡潔當道的Web世界,是不是圖標放到輸入框下,做可以點擊的樣子就是最合理呢?

如下方式是最好的嗎?歡迎大家給不同意見:

附調研部分意見:

不熟練用戶會將鼠標放到放大鏡那裡,有變化會更好,即ie上的搜索框的那種效果。。。

習慣輸入內容後enter。

並且在輸入完後,就有選擇搜索引擎類別,這也挺方便。

有些喜歡輸入前尋類別,個人偏向後者。

通常我只用enter按鍵。

估計是因為用本本久了,所以偏向喜歡C。

我會選C,比較直觀,不需要思考過程,箭頭下拉的指示也比較明確

對於普通網民來,他們絕大部分就只知道點“按鈕”AC都可以吧。

最好是輸入搜素關鍵詞後,直接enter按鍵就可以搜索。

選C,操作可提示性和美化程度結合得比較好。

我和很多人都是直接回車提交信息的。

我選B~。google一直都提倡輸入內容後直接按回車鍵,這點在用GOOGLE網站搜索的時候也會提示,所以在A裡的搜索沒有做直接的提示為按鈕也在情理之中,從這一點來說,B無疑是最佳的選擇,因為不會在視線裡造成其它的困繞。相對來說我覺得C是最難理解的,因為在我輸入內容的同時它不能夠為我指明當前搜索引擎的名稱。

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