篩選下拉的表現(xiàn)方式_網(wǎng)頁設(shè)計(jì)教程
推薦:網(wǎng)站大規(guī)模改版注意事項(xiàng)【序】近期,一些網(wǎng)站都進(jìn)行了大規(guī)模的改版,如:豆瓣,迅雷(內(nèi)部展示頁),yobo,等。效果和用戶反應(yīng)都很一般�;叵肫鹬霸�(jīng)的幾次改版經(jīng)驗(yàn),匯總分析后
本周工作中碰到了篩選條件中有分類的交互方式,如圖:
上圖中:有n個類別供用戶選擇,n>=2;每一個n中有m個篩選條件。
對一種篩選場景的兩種表現(xiàn)方式:A圖和B圖
A圖:
優(yōu)點(diǎn):從屬類別關(guān)系比較明確,清楚了解“條件m”從屬哪個“n類別”。
擴(kuò)展性比較好,當(dāng)n或m數(shù)量較大,下拉容納較大。
缺點(diǎn):當(dāng)用戶不清除分類和條件的從屬關(guān)系時(shí),選擇就變的不確定。例如,我找類別2下的某一種分類,有可能要從類別1中開始尋找。這樣就增加用戶的模糊度。
用戶鼠標(biāo)的點(diǎn)擊次數(shù)加大。
輕易給用戶帶來雙重搜索的迷惑。例如,有的用戶會認(rèn)為,是先把所有類別1的全部搜索出來,再從中選擇“我的好友”或“我的同事”。
B圖:
優(yōu)點(diǎn):清楚明了,從整理上可以看到所有的分類和條件。
不會給用戶造成雙重搜索的誤導(dǎo)。
排版中界面寬度占用較少。
缺點(diǎn):頁面高度不輕易控制,條件的擴(kuò)展性較差。
只能顯示篩選條件,不能明確篩選的分類。
以上是我個人的一點(diǎn)看法,不知道windows有沒有相關(guān)的規(guī)定。
淘寶的設(shè)計(jì)也是滿有意思,貼來一看:
分享:激發(fā)你靈感的50個優(yōu)秀的Favicons原文:http://www.smashingmagazine.com/2007/01/31/inspire-yourself-50-remarkable-favicons/翻譯:Blank(懌飛)InspireYourself:50RemarkableFavi
- 中國互聯(lián)網(wǎng)黑色產(chǎn)業(yè)人數(shù)近10萬 5分鐘1起網(wǎng)絡(luò)入侵
- 馬云最后的發(fā)布會:打假,打出阿里的新未來
- 實(shí)踐分享:ACCESS數(shù)據(jù)庫導(dǎo)入mysql數(shù)據(jù)庫
- ACCESS數(shù)據(jù)庫轉(zhuǎn)ORACLE數(shù)據(jù)庫分享
- CDN.net免費(fèi)CDN申請使用教程:100GB流量香港日本新加坡節(jié)點(diǎn)
- WordPress 教程:為插件自定義數(shù)據(jù)表
- 如何使用查找我的iPhone教程
- 微信公眾平臺教程(二) 消息管理與群發(fā)
- 中國IPv4地址今年將告罄 IPv6期待打破政策局
- 移動廣告野蠻成長:75%投放在iOS平臺
- 災(zāi)難面前,互聯(lián)網(wǎng)公司可以如何做的更好?
- 富士康500萬部iPhone遭蘋果退貨 損失10億元
- 相關(guān)鏈接:
- 教程說明:
網(wǎng)頁設(shè)計(jì)教程-篩選下拉的表現(xiàn)方式
。

