沒有反饋結果的電子商務網站使用者體驗設計

嘀咕嘀咕：

每次寫文章往往開頭是最難的，總想給UED讀者不同的sense。就像我們設計產品總是想迎合我們的使用者，最後覺得好似跟在使用者後面狂奔的傻子。我們希望通過教育我們的使用者來嘗試一些新鮮的玩應，使用者是否買單就很難說了。從一個極端走向另一個極端，顯然是不科學的。使用者的需求一定要聽，但要有鑒別的聽。好的設計使用者總願意為它買單，差的設計使用者會讓我們為他買單。

類目選擇：

這裡我先從電子商務網站中比較重要的類目選擇談起，什麼樣的設計使用者才會願意掏出錢包支付設計賬單?

eBay.com

EBAY的LIST搜尋結果頁面類目選擇如圖所示。

從EBAY的設計的樣式看，國外使用者更喜歡把類目選擇放在最左邊的位置，並且在LIST頁面類目選擇還是可以摺疊的。根據最新YAHOO報告顯示：可能使用者點擊左側的比上面的要少，但是他們覺得這樣促使了更多對Results和翻頁的點擊，並且沒有對廣告產生影響。也不需要使用者在看結果前需要滾動……
針對以上的特點我設計了搜尋結果後LIST頁面一個隱性廣告的方式，在為使用者提供導航功能的同時，還為使用者有針對性的提供一些推薦熱賣商品資訊。如圖所示。

當使用者在首頁搜尋方塊中輸入MP3時，點擊搜尋按鈕進入LIST搜尋結果頁面，將看到左邊為MP3相關類目選擇，右邊為搜尋OFFER結果頁面.
上圖給出了類目的幾種狀態（滑鼠經過，滑鼠移開，滑鼠點擊後），讓使用者可以輕鬆的選擇自己需要的產品類目。同時，為使用者提供關聯度高的隱性提示產品資訊,可以提高使用者使用類目的黏度。當顧客在超市選擇購買的物品時,他們會根據賣場放置產品的位置去尋找自己需要的產品.所以越簡單的提示類目選擇會對使用者尋找產品越方便.由此,制定出一套類目選擇規則的方案:
 1.白色方框代表未被選中類目;
 2.藍色方框代表已被選中類目;
 3.白色方框內含對號代表滑鼠經過未必選中類目,滑鼠點擊後將變成藍色方框已選狀態,其他如有被選中狀態將被取消;
 4.藍色方框內含叉號代表滑鼠經過已被選中類目,滑鼠點擊後將變成白色方框棄選狀態,頁面重新整理恢複到未被選中初始狀態.

Alibaba.com

阿里巴巴國際站的類目的選擇互動方式的誕生，其實聽起來蠻偶然的，首先是內因：右邊的廣告位賣出去了，所以左邊沒有地方放類目選擇和其他過濾條件。然後是外因：基於搜尋結果頁內容的側重來說，絕大多數使用者首先想看的還是結果，其次才是過濾等操作。所以國外大多數網站都是左右布局的，但當我們的過濾條件越來越豐富時，每用一次過濾或撤銷，都需要對頁面進行上下滾動。這對使用者造成了困擾，這也是曾經在買家調研中獲得的反饋。目前還沒有絕對的定論來說明是左右好還是上下好。所以，我們還是要基於現有的內容豐富程度，作多種嘗試。未來的國際站的類目也有可能是左右和上下的結合。

思想啟迪

從阿里巴巴國際站類目的選擇互動方式不斷演化的過程中，偶然中孕育著必然的萌芽。當類目運營非常專業化時，是否先去引導使用者點擊類目；當所搜商品沒有規範類目或少時，是否直接引導使用者看Results。不同時期的側重點應該是不同的，針對現在阿里巴巴中國站的現狀，我們的主要使用者群為國內的中小企業老闆，他們對電腦大部分是初學者，互動控制項的簡單方便是我們首要考慮的問題。所以我們保留了一些中庸的方式，但不代表未來我們不會改變，隨著使用者年齡層次的逐漸降低，更多的青年中小企業的老闆會重新組合我們的使用者群體，他們擁有高學曆，有新的思想願意嘗試新鮮的事物。那時候的類目互動方式的定位和現在一定不同。

屬性篩選

很多電子商務網站中的屬性篩選與類目選擇聯絡的非常緊密，這裡我也不想單獨去談屬性篩選畢竟他們聯合起來才能更好的協助使用者完成尋找商品的操作。

eBay.com

eBay的屬性篩選緊貼類目的下面，可見它們的關係非常的緊密。其中所有屬性篩選條件都是可以疊加篩選的，互動控制項也是非常常見的幾種，減少實現成本，提高使用者接受程度，使操作的門檻盡量放底。關於它放置的位置，也是和類目相同的考慮，前邊已經說明這裡不再贅述。還有一點也值得關注，把類目和屬性都放在最左邊的位置，可以讓搜尋結果OFFER盡量在第一屏顯示更多條數，這是使用者最關心的結果。在使用者測試過程中，在購買消費品中的C類使用者裡更關心屬性大於類目，屬性篩選和快速篩選的操作頻度會略高於類目選擇。相比類目他們的黏度會更高。如果大家關注下，Taobao.COM的LIST頁面屬性篩選，原來是標籤方式的，現在也變成了下拉式功能表為主的控制項。

Alibaba.com

阿里巴巴國際站他們選中四萬個搜尋字詞匯做類目直達，經過使用者研究證明：這四萬個搜尋字詞匯使用者關心屬性篩選大過類目選擇。所以國際站把屬性篩選放在類目的上面。如圖所示。

當選擇屬性中的記憶體大小，音樂格式後，當前的記憶體一行和音樂格式一行會消失，已選的4G與WMA會在已選行中出現。再次點擊已選屬性，將刪除已選屬性，同時頁面重新整理。瞭解使用者的需求，進行資料分析與大膽的嘗試，會給我們帶來更多的商業價值。

思想創新

在思考中文站的類目與屬性篩選的現狀與網站目標時，我經常會問自己：目標使用者是誰？使用者需要一個什麼樣的搜尋結果頁，使用者需要一個什麼樣的類目與屬性篩選？

屬性直達

根據使用者研究給出的研究報告表明，測試使用者中有2/3的使用者關注屬性大過類目，由此秉承大膽設想，小心求證的思想，我做了以下方案——屬性直達。什麼叫屬性直達呢？按照某種演算法，當搜尋字詞與其中的類目名稱或ID一致的時候就預設選中相匹配的類目。舉個例子：使用者想尋找MP3這個搜尋字詞，我們原來是先讓他進行選擇類目然後再進入屬性篩選。現在只要使用者輸入MP3關鍵詞後，系統將自動匹配到相關的類目下（同時也給使用者可以選擇其他類目的入口），使用者再想精準定位商品，只要去選擇屬性就可以了。其實，類目與屬性篩選深入其本質，它們都可以稱為導航。其中導航有一條可用性原則就是盡量減少流程中的操作步驟。那怎麼樣才能協助使用者方便輕鬆的搜尋到需要的結果呢？屬性直達就是協助使用者解決問題的關鍵，把使用者最關心的，最常用的操作首先推薦給使用者。如線框圖所示。

非屬性直達

考慮到技術因素，有可能我們推薦的類目與屬性未必是使用者需要的。因此我們有必要針對以上的情況設定非屬性直達的方式。使用者依然是先選擇類目，然後再選擇屬性。這樣的一個方式是中國站普遍使用的一個方式。如圖所示。

總結:

無論是屬性直達還是非屬性直達，目的只有一個儘快的協助使用者找到需要的商品。如果搜尋結果做到足夠的友好，使用者不再需要用類目和屬性篩選進行快速篩選，第一頁前10條的搜尋結果已經滿足了使用者需要，進入了DETAIL頁面。未來也可能逐漸弱化類目與屬性篩選，甚至可以把它去掉。思維發散的想想看，如果使用者可以通過，思想傳達，或口述傳達，不需要用手去點。想一想，張張嘴，電腦就幫使用者找到全球最佳結果的話，使用者（買家）才懶得注意網站設計了多少精美的類目和屬性篩選。