篩選下拉的表現(xiàn)方式_網(wǎng)頁(yè)設(shè)計(jì)教程

推薦：網(wǎng)站大規(guī)模改版注意事項(xiàng)
【序】近期，一些網(wǎng)站都進(jìn)行了大規(guī)模的改版，如：豆瓣，迅雷（內(nèi)部展示頁(yè)），yobo，等。效果和用戶反應(yīng)都很一般。回想起之前曾經(jīng)的幾次改版經(jīng)驗(yàn)，匯總分析后

　　本周工作中碰到了篩選條件中有分類(lèi)的交互方式，如圖：

　　上圖中：有n個(gè)類(lèi)別供用戶選擇，n>=2；每一個(gè)n中有m個(gè)篩選條件。

　　對(duì)一種篩選場(chǎng)景的兩種表現(xiàn)方式：A圖和B圖

　　A圖：

　　優(yōu)點(diǎn)：從屬類(lèi)別關(guān)系比較明確，清楚了解“條件m”從屬哪個(gè)“n類(lèi)別”。
擴(kuò)展性比較好，當(dāng)n或m數(shù)量較大，下拉容納較大。
缺點(diǎn)：當(dāng)用戶不清除分類(lèi)和條件的從屬關(guān)系時(shí)，選擇就變的不確定。例如，我找類(lèi)別2下的某一種分類(lèi)，有可能要從類(lèi)別1中開(kāi)始尋找。這樣就增加用戶的模糊度。
用戶鼠標(biāo)的點(diǎn)擊次數(shù)加大。
　　輕易給用戶帶來(lái)雙重搜索的迷惑。例如，有的用戶會(huì)認(rèn)為，是先把所有類(lèi)別1的全部搜索出來(lái)，再?gòu)闹羞x擇“我的好友”或“我的同事”。

　　B圖：

　　優(yōu)點(diǎn)：清楚明了，從整理上可以看到所有的分類(lèi)和條件。
不會(huì)給用戶造成雙重搜索的誤導(dǎo)。
排版中界面寬度占用較少。
缺點(diǎn)：頁(yè)面高度不輕易控制，條件的擴(kuò)展性較差。
只能顯示篩選條件，不能明確篩選的分類(lèi)。

　　以上是我個(gè)人的一點(diǎn)看法，不知道windows有沒(méi)有相關(guān)的規(guī)定。
　　淘寶的設(shè)計(jì)也是滿有意思，貼來(lái)一看：

分享：激發(fā)你靈感的50個(gè)優(yōu)秀的Favicons
原文：http://www.smashingmagazine.com/2007/01/31/inspire-yourself-50-remarkable-favicons/翻譯：Blank（懌飛）InspireYourself:50RemarkableFavi