網頁制作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是最難理解的,因為在我輸入內容的同時它不能夠為我指明當前搜索引擎的名稱。