表格可读性提升分析（2）
作者：一叶千鸟 来源：千鸟志 发布时间：2010-05-19 13:03:00
单元格内容不清晰
主要是单元格内容的展示以及数据属性对可读性的影响。分别阐述了根据数据特性定制显示的四种对齐方式，首先是满足用户需求，其次才是迎合用户的阅读习惯。最后一点，应该注意单元格的内容不留空。
可变长度字符串左对齐，“可变长度”指长度不一定的数据列，比如商品名称。此类情况应该符合用户的视线规律，左对齐排列，也能辅助对比明确各条数据的长短。如下图，表格的Title, Company, Location三个字段数据：
固定长度、较短字符串居中，“固定长度”指长度规格不会变化的数据列，比如日期2009.02.21（补0是数字书写规范）。“较短字符串”指很短也不需逻辑对比的数据列，比如操作链接，或表状态文字，放中间左右留白均等是折中的最好效果。如下图，表格的“报告、状态”两个字段数据：
可比较字符串右对齐，“可比较”指需要关联对比的数据列，基本都指数字的情况，比如钱有十位的￥24.30和百位的￥452.10。注意一点，这里的“可比较”其实也是“可变长度”的，只不过“可比较”是更重要的需求。表格的数据列对比，是各种系统和平台最经常碰到的需求，此点也是最容易被忽视的问题。如下图，表格的数字纵向对比效果：
合并列的单元格顶部对齐，“合并列的单元格”指使用了rowspan这个跨行属性，指需要在水平方向跨多个单元格的需求，复杂表格中一对多的关系。此时已经rowspan的单元格应该定义valign=”top”靠顶，以保证所有数据在第一行能显示完整。因为单元格默认垂直居中，如果是多行的数据表，用户从上往下的阅读开始往往搞不清楚对应的后续数据列内容。如下图，表格的“联系人、状态、价格”三个字段数据：
不留空白，空白单元格容易造成用户困惑甚至误解，用户会搞不清楚到底是没有数据，还是根本没有值？正确做法，没有数据的显示0，给没有值的单元格划线或者打叉。如下图，单元格内划横杠表示不支持：
0
投稿猜你喜欢
DW2004的中文乱码情况你遇到过么？乱码一般是怎么出现的呢？也许很多时候用其他软件（比如Editplus）写程序的时候，忘了meta标签里- 在ASP编程中，身份认证可以说是常要用到的。但怎么样才能做到认证的安全呢？表单提交页面：sub.htm
- 数据库镜像是将数据库事务处理从一个数据库移动到不同环境中的另一个数据库中。镜像的拷贝是一个备用的拷贝，不能直接访问，它只用在错误恢复的情况下
- 如何用Response.Write调用代替内嵌表达式？我们可以利用下面的代码，注意：代码的每一行对响应流有一次写操作，所有的代码都包含在一个
- 系列目录：1. 服务器XMLHTTP（Server XMLHTTP in ASP）基础2.
- 在 Internet 连接无处不在的今天，我们忽然有了另外一个需求，离线 Web。Gmail, Google Reader, Zoho 这些
- 内容摘要：除了内部性能增强和优化外，IIS6.0版本的 Active Server Pages(ASP)&nb
- 但是，具有identity特性的字段，不需要具有唯一性，更不必须是主键。 可以通过，set identity_insert tablenam
- 问题：SQL Server 2000中设计表时如何得到自动编号字段？解答：具体步骤如下：①像Access中的自动编号字段右键你的表-->
- 看到论坛上有人模仿alert，自己也写了一个。本来想模仿winapi里的MessageBox ；但可惜js 不支持，阻塞模式。返回值只能用异
- 九宫格是一种比较古老的设计，它最基本的表现其实就像是一个三行三列的表格。其实它最初是在window的c/s结构中用得比较多，比如我们经常看到
- 当产品走到HTML Coding这块，多浏览器的测试是很重要，也很麻烦的一个环节。现在大家主要是保证IE6，7及Firefox的一致。bro
- 字体的处理在网页设计中无论怎么强调也不为过， 毕竟网页使用来传递信息的， 而最经典最直接的信息传递方式就是文字，&nbs
- 很早就听说韩国网站的设计师们很会利用空间,来创造更多的信息承载量.最近浏览了几个韩国SHOPPING网站果不其然,就拿小小的广告轮播来说,非
- SQL Server通常都运行在多处理器的服务器上，这一点在现在尤为普遍。原因是多内核的处理器越来越普及。那么，在多处理器环境下，Windo
- .asa是文件后缀名,它是Active Server Application的首字母缩写。Global.asa文件可以管理在ASP应用中两个
- 对于SQL的Join，在学习起来可能是比较乱的。我们知道，SQL的Join语法有很多inner的，有outer的，有left的，有时候，对于
- 1.网页背景色的设置 犯错机率：很大普遍性：较广犯错可能性：懒/不知道约2年前我曾发现21cn上出现过一次没有设置背景色的情况，当时我用Em
- 作为一个网页设计师，不知道各位是否有这样的经历：客户给你的网站材料很多都是Word文档，虽然阅读起来很
- 微软建议用Request.BinaryRead()读取表单数据，但由于这种方法读出的是二进制数据，需要对读出的数据逐字节进行分析，生成有意义
