用户名: 密码: 验证码: 注册           网站地图 高级搜索 RSS订阅 收藏本站
山东十七地市站长联盟信息: 济南 青岛 淄博 枣庄 东营 烟台 潍坊 济宁 泰安 威海 日照 莱芜 临沂 德州 聊城 滨州 菏泽      
您的位置:主页>设计在线>网页设计>

筛选下拉的表现方式

[ 来源: | 作者: | 更新日期:2007-12-14 13:20:13 | 评论 0 条 | 我要投稿 ]
本周工作中遇到了筛选条件中有分类的交互方式,如图:

字串2

  上图中:有n个类别供用户选择,n>=2;每一个n中有m个筛选条件。

字串7

  对一种筛选场景的两种表现方式:A图和B图

  A图:

  优点:从属类别关系比较明确,清晰了解“条件m”从属哪个“n类别”。
       扩展性比较好,当n或m数量较大,下拉容纳较大。
缺点:当用户不清除分类和条件的从属关系时,选择就变的不确定。例如,我找类别2下的某一种分类,有可能要从类别1中开始寻找。这样就增加用户的模糊度。
        用户鼠标的点击次数加大。
  容易给用户带来双重搜索的疑惑。例如,有的用户会认为,是先把所有类别1的全部搜索出来,再从中选择“我的好友”或“我的同事”。

字串2

  B图:

  优点:清晰明了,从整理上可以看到所有的分类和条件。
        不会给用户造成双重搜索的误导。
        排版中界面宽度占用较少。
缺点:页面高度不容易控制,条件的扩展性较差。
        只能显示筛选条件,不能明确筛选的分类。

字串5

  以上是我个人的一点看法,不知道windows有没有相关的规定。
  淘宝的设计也是满有意思,贴来一看:

字串4

字串2


Tags:方式 表现 筛选 用户 条件 类别 分类 选择 从属 搜索
您的评论
用户名:新注册) 密码: 匿名评论 [所有评论]

·用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为