×
新网 > 建站推广 > 正文

网站后台的数据表格页面怎么设计

  • 作者:新网
  • 来源:新网
  • 浏览:100
  • 2018-02-24 17:31:51

网站后台的数据表格页面怎么设计?近来对这个问题关注许久,查阅了网上许多资料,也抽空整理了一下网页端的设计规范,在此综合起来对企业后台的数据表格页面作一个简单的阶段性总结。

 网站后台的数据表格页面怎么设计?近来对这个问题关注许久,查阅了网上许多资料,也抽空整理了一下网页端的设计规范,在此综合起来对企业后台的数据表格页面作一个简单的阶段性总结。

mp36017835_1444975642970_2.jpg
<div>表格的类型
 
表格是一种对数据进行组织整理的手段。大体上可分为四类,入口型表格、设置型表格、纯记录型表格以及被动生成型表格。这四类表格对应提供的功能以及用户行为是有所区分的。在我所负责的签到和工作汇报的管理后台页面中只包含两类表格:设置型表格与纯记录型表格。
 
设置型表格
 
用户使用设置型表格主要进行的操作是快速扫视,搜索到需要进行增、删、改、查的内容。签到后台中用到的设置型表格有(管理员对签到规则以及人员规则进行查看和编辑)、签到管理员设置(管理员对签到管理员及其权限进行设置)。
 
纯记录型表格
 
纯记录型表格在大多数情况下只是作为一个数据的存放地而存在的。签到后台中用到的纯记录表格有签到记录表(员工及负责人查看或导出自己的签到记录)、各类明细报表(管理员及负责人查看或导出员工的签到明细)。
 
在设计时应该注意什么
 
根据不同角色用户对表格的使用行为中可以看出,在这两类表格设计上最重要的就是易读性和效率。即要在保证阅读舒适性的同时突出重要信息以便于查找。
 
1. 用户的目标是什么,而不是业务逻辑是什么
 
企业后台页面经常会出现的一个问题就是数据展示的逻辑是按照业务逻辑来展示,而非用户的角度来展示的。当你质疑这一点时,产品经理还会言之凿凿地说“业务逻辑就是这样的”,让人啼笑皆非。
 
例如签到记录表,对用户来说最重要的是「签到状态」这个信息,但是业务上的逻辑是先展示你的各种签到明细,最后才展示签到状态。因此按照业务逻辑来设计的话就会将无用信息固定在了左侧,用户最关心的信息反而排列在最后一列,大大降低了使用效率。
 
2. 告诉用户「你从哪里来」「你要到哪里去」
 
用户在使用设置型表格和纯记录型表格时的主要目的都是检视页面、找到自己要操作的项。因此在页面设计时要清晰地告诉用户你现在在看什么,以及你关心的数据在哪里。
 
例如签到记录表,由于表格自身属性原因,数据量大是无法避免的,用户在查看表格时比较吃力,容易不知道自己现在看的是哪里,因此给这一行提供一个悬浮的状态显示。对于用户关心的异常信息,可以通过标红等方式去展示,让用户在扫视过程中就能快速找到目标。
 
以上就是网站后台的数据表格页面的设计技巧以及注意事项。
 

免责声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,也不承认相关法律责任。如果您发现本社区中有涉嫌抄袭的内容,请发送邮件至:operations@xinnet.com进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。

免费咨询获取折扣

Loading