设为首页 - 加入收藏 ASP站长网(Aspzz.Cn)- 科技、建站、经验、云计算、5G、大数据,站长网!
热搜: 创业者 数据 手机
当前位置: 首页 > 运营中心 > 建站资源 > 策划 > 正文

Web页面中的表格设计,远没那么简单(3)

发布时间:2017-05-10 06:16 所属栏目:20 来源:人人都是产品经理
导读:2)勾选框案例2 与案例 1 相同,指示全选的范围有所不同,案例 1 是以页面为单位进行选择,案例 2 是以数据类型进行选择,同时包含了筛选与全选的功能。 (3)勾选框案例3 勾选放置在条目后面,便于用户在查看完一条数

2)勾选框案例2

与案例 1 相同,指示全选的范围有所不同,案例 1 是以页面为单位进行选择,案例 2 是以数据类型进行选择,同时包含了筛选与全选的功能。

(3)勾选框案例3

勾选放置在条目后面,便于用户在查看完一条数据后,决定是否勾选。

(4)勾选框设计建议

  1. 当数据超过一页时,对全选操作提供全选范围;
  2. 当数据具有类型时,可以考虑对数据的不同类型进行全选;
  3. 对于逐条勾选的数据,若需要查阅数据后决定是否勾选,勾选框可以放在条目后面;当不需要查阅数据就能确认是否勾选,勾选框应该放在条目前面。

3、对齐

在表格设计,对齐有两方面的目的,一是便于数据对比;二是便于用户阅读,其分别对应了数据与文字两种类型。

(1)对齐案例1

(编辑:ASP站长网)

网友评论
推荐文章
    热点阅读