[版權(quán)聲明]:版權(quán)歸作者Alite所有，轉(zhuǎn)載文章請注明作者與文章出處：http://alite.aliued.cn

嘀咕嘀咕：
每次寫文章往往開頭是最難的，總想給UED讀者不同的sense。就像我們設(shè)計(jì)產(chǎn)品總是想迎合我們的用戶，最后覺得好似跟在用戶后面狂奔的傻子。我們希望通過教育我們的用戶來嘗試一些新鮮的玩應(yīng)，用戶是否買單就很難說了。從一個極端走向另一個極端，顯然是不科學(xué)的。用戶的需求一定要聽，但要有鑒別的聽。好的設(shè)計(jì)用戶總愿意為它買單，差的設(shè)計(jì)用戶會讓我們?yōu)樗I單。

類目選擇：
這里我先從電子商務(wù)網(wǎng)站中比較重要的類目選擇談起，什么樣的設(shè)計(jì)用戶才會愿意掏出錢包支付設(shè)計(jì)賬單?

eBay.com
EBAY的LIST搜索結(jié)果頁面類目選擇如圖所示。

從EBAY的設(shè)計(jì)的樣式看，國外用戶更喜歡把類目選擇放在最左邊的位置，并且在LIST頁面類目選擇還是可以折疊的。根據(jù)最新YAHOO報(bào)告顯示：可能用戶點(diǎn)擊左側(cè)的比上面的要少，但是他們覺得這樣促使了更多對Results和翻頁的點(diǎn)擊，并且沒有對廣告產(chǎn)生影響。也不需要用戶在看結(jié)果前需要滾動……
針對以上的特點(diǎn)我設(shè)計(jì)了搜索結(jié)果后LIST頁面一個隱性廣告的方式，在為用戶提供導(dǎo)航功能的同時，還為用戶有針對性的提供一些推薦熱賣商品信息。如圖所示。

當(dāng)用戶在首頁搜索框中輸入MP3時，點(diǎn)擊搜索按鈕進(jìn)入LIST搜索結(jié)果頁面，將看到左邊為MP3相關(guān)類目選擇，右邊為搜索OFFER結(jié)果頁面.
上圖給出了類目的幾種狀態(tài)（鼠標(biāo)經(jīng)過，鼠標(biāo)移開，鼠標(biāo)點(diǎn)擊后），讓用戶可以輕松的選擇自己需要的產(chǎn)品類目。同時，為用戶提供關(guān)聯(lián)度高的隱性提示產(chǎn)品信息,可以提高用戶使用類目的黏度。當(dāng)顧客在超市選擇購買的物品時,他們會根據(jù)賣場放置產(chǎn)品的位置去尋找自己需要的產(chǎn)品.所以越簡單的提示類目選擇會對用戶尋找產(chǎn)品越方便.由此,制定出一套類目選擇規(guī)則的方案:
1.白色方框代表未被選中類目;
2.藍(lán)色方框代表已被選中類目;
3.白色方框內(nèi)含對號代表鼠標(biāo)經(jīng)過未必選中類目,鼠標(biāo)點(diǎn)擊后將變成藍(lán)色方框已選狀態(tài),其他如有被選中狀態(tài)將被取消;
4.藍(lán)色方框內(nèi)含叉號代表鼠標(biāo)經(jīng)過已被選中類目,鼠標(biāo)點(diǎn)擊后將變成白色方框棄選狀態(tài),頁面刷新恢復(fù)到未被選中初始狀態(tài).

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

思想啟迪

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

屬性篩選

很多電子商務(wù)網(wǎng)站中的屬性篩選與類目選擇聯(lián)系的非常緊密，這里我也不想單獨(dú)去談屬性篩選畢竟他們聯(lián)合起來才能更好的幫助用戶完成查找商品的操作。

eBay的屬性篩選緊貼類目的下面，可見它們的關(guān)系非常的緊密。其中所有屬性篩選條件都是可以疊加篩選的，交互控件也是非常常見的幾種，減少實(shí)現(xiàn)成本，提高用戶接受程度，使操作的門檻盡量放底。關(guān)于它放置的位置，也是和類目相同的考慮，前邊已經(jīng)說明這里不再贅述。還有一點(diǎn)也值得關(guān)注，把類目和屬性都放在最左邊的位置，可以讓搜索結(jié)果OFFER盡量在第一屏顯示更多條數(shù)，這是用戶最關(guān)心的結(jié)果。在用戶測試過程中，在購買消費(fèi)品中的C類用戶里更關(guān)心屬性大于類目，屬性篩選和快速篩選的操作頻度會略高于類目選擇。相比類目他們的黏度會更高。如果大家關(guān)注下，Taobao.COM的LIST頁面屬性篩選，原來是標(biāo)簽方式的，現(xiàn)在也變成了下拉菜單為主的控件。

Alibaba.com

阿里巴巴國際站他們選中四萬個搜索詞匯做類目直達(dá)，經(jīng)過用戶研究證明：這四萬個搜索詞匯用戶關(guān)心屬性篩選大過類目選擇。所以國際站把屬性篩選放在類目的上面。如圖所示。

當(dāng)選擇屬性中的內(nèi)存大小，音樂格式后，當(dāng)前的內(nèi)存一行和音樂格式一行會消失，已選的4G與WMA會在已選行中出現(xiàn)。再次點(diǎn)擊已選屬性，將刪除已選屬性，同時頁面刷新。這樣的一個屬性直達(dá)改進(jìn)方案：屬性區(qū)域數(shù)據(jù)有明顯上漲,同比上漲11% ,類目上漲1.5%, 區(qū)域選擇上漲1%。結(jié)論是：類目的上漲20%, 可以帶動屬性35%的增長。了解用戶的需求，進(jìn)行數(shù)據(jù)分析與大膽的嘗試，會給我們帶來更多的商業(yè)價值。

思想創(chuàng)新

在思考中文站的類目與屬性篩選的現(xiàn)狀與網(wǎng)站目標(biāo)時，我經(jīng)常會問自己：目標(biāo)用戶是誰？用戶需要一個什么樣的搜索結(jié)果頁，用戶需要一個什么樣的類目與屬性篩選？

屬性直達(dá)

根據(jù)用戶研究給出的研究報(bào)告表明，測試用戶中有2/3的用戶關(guān)注屬性大過類目，由此秉承大膽設(shè)想，小心求證的思想，我做了以下方案——屬性直達(dá)。什么叫屬性直達(dá)呢？按照某種算法，當(dāng)搜索詞與其中的類目名稱或ID一致的時候就默認(rèn)選中相匹配的類目。舉個例子：用戶想查找MP3這個搜索詞，我們原來是先讓他進(jìn)行選擇類目然后再進(jìn)入屬性篩選?，F(xiàn)在只要用戶輸入MP3關(guān)鍵詞后，系統(tǒng)將自動匹配到相關(guān)的類目下（同時也給用戶可以選擇其他類目的入口），用戶再想精準(zhǔn)定位商品，只要去選擇屬性就可以了。其實(shí)，類目與屬性篩選深入其本質(zhì)，它們都可以稱為導(dǎo)航。其中導(dǎo)航有一條可用性原則就是盡量減少流程中的操作步驟。那怎么樣才能幫助用戶方便輕松的搜索到需要的結(jié)果呢？屬性直達(dá)就是幫助用戶解決問題的關(guān)鍵，把用戶最關(guān)心的，最常用的操作首先推薦給用戶。如線框圖所示。

非屬性直達(dá)

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

總結(jié):

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