DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 注重用戶體驗:電子商務網站空搜索設計
注重用戶體驗:電子商務網站空搜索設計
編輯:關於網頁技巧     

網頁制作poluoluo文章簡介:空搜索指的是:不在搜索框裡輸入任何內容,直接點擊搜索按鈕。

  下午的時候群裡一個童鞋列出了一些電子商務網站對於空搜索的處理結果,然後引發了一個關於空搜索處理的討論。這裡,空搜索指的是:不在搜索框裡輸入任何內容,直接點擊搜索按鈕。

  可以肯定的是,造成空搜索的用戶的比例應該不大,主要是誤操作,當然也不排除向我這樣的探索者。但是作為電子商務網站用戶體驗的一部分,這個地方必須要考慮到。

  我們先來看看主流電子商務網站的處理結果(這裡不需要討論搜索引擎的返回結果,因為它就是做搜索的,沒有也沒必要去給你推送什麼其他的內容):

  阿裡巴巴中國站;彈出提示框“請輸入產品名稱”,點擊確定後沒有任何反應

  慧聰;彈出提示框“請輸入查詢內容”,點擊確定後光標落在輸入框內“輸入你感興趣的內容”後面

  百度有啊;跳轉到查看所有分類頁面

  淘寶;跳轉到查看所有分類頁面

  拍拍;跳轉到查看所有分類頁面

  卓越;跳轉到搜索結果頁面,提示找到0條搜索結果

  亞馬遜;刷新一次頁面

  從結果上看,主要分為4類:彈出窗口提示、跳轉到列表頁、顯示0條搜索結果、刷新一次頁面。那麼,哪個網站的設計的用戶體驗最爽呢?

  前幾天我正好對網站搜索部分做了一次改版,采取的是優化了的彈窗形式:彈出窗口提示輸入關鍵詞,該窗口自動在3秒內關閉,關閉後光標被移動到搜索輸入框內,且框內原先的提示信息被清除掉,彈窗的位置控制在離搜索框很近的位置,目的在於不要造成寬屏用戶的鼠標長途奔襲。

  於是我最開始的時候傾向與這種結果的返回。出發點是在於對於用戶的誤操作給出善意的提醒,同時盡最大可能不給用戶造成額外的負擔。

  洗澡的時候突然覺得這樣的做法有點不符合老大經常教導我的“產品要和運營掛鉤”的原則。應該盡最大的努力展示網站的內容給我的用戶,同時想辦法引導他們去點擊去使用,那麼,從這個角度來看,淘寶、拍拍的做法應該是合理的。

  擦干身子抽了顆煙,覺得這樣似乎也不是很妥,於是找wkcow討教了一下,被點醒了,其實最好的用戶體驗設計應該是亞馬遜。

  首先,空搜索既然是用戶的誤操作就需要給用戶一些提醒,那麼沒有任何反應的設計必然是錯誤的,因為用戶看到沒動,可能認為是網站出問題了,這種設計是最最傻的;其次,對於彈出窗口的設計用戶是不願意去等待那3秒的,那麼就必須要點一次確定,這樣就多了一次交互,還是給用戶增加了負擔,且在設計上要考慮彈出窗口的位置、光標的位置的問題,這種設計事實上很累也很傻;第三,返回列表頁的設計是想給用戶推送一些其他的內容,但是實際上用戶是不會理睬這些內容的,且這個結果改變了用戶的初衷,更改了最簡單的流程。

  亞馬遜的設計恰恰是一個最最正常的流程,不需要交互、不需要解釋,就是一個簡單的刷新已經告訴了用戶很多信息:點擊搜索按鈕,網址執行了該操作,但你輸入的是空白,我也就給你一個空白的結果(這裡,卓越跳轉到搜索結果頁,且提示搜索結果為0的做法是一個很不人性化的機械的執行用戶操作的傻設計)。

  把這次的探討總結成一句話共勉:注重用戶體驗,就需要盡可能的減少交互,不給用戶增加不必要的負擔!

  Update:發布的5G之後,老白和白鴉給出2種更優化的方法;

  之一:干嘛要刷新頁面? 這不還是讓人和機器交互了一次嗎,萬一頁面大這個刷新的成本有多少? 就讓他點了以後輸入框做個簡單的提醒(比如輸入框的光標出現,或者輸入框的顏色閃動等小到有那麼有點反應即可),不行嗎?

  之二:沒有空搜索,搜索欄默認熱詞,光標過去立即清空,等待用戶錄入同時提供下拉備選。

  誰還有更好的方法?歡迎探討。

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