改出一张“好”表单 / 理想园

这篇纯粹只是想说,设计一张好的表单出来,真的是不容易的。

起因是下面这张学院要求填写的表格。

打印出来之后手写填,一步一步计算出结果。其实这张表设计得还算清晰,但还不够好。

比如,正表部分左侧,有三分之一的位置被标题占领了,看起来很直观 / 美观,但是直接导致右边的内容空间不够。在填写具体内容的时候,经常需要换行写。

而且当你打开 Word 看的时候,你就会发现这个人的确不怎么会排版……空白部分里面的行对齐很奇怪。(怪我强迫症)

实在看不下去,我们就来替这位老师(?)改下吧。

把标题用横排的方式放,具体内容可以填写的字数就很多了。当然这样子排,标题可能会变得不是很明显。解决方法也简单,加个浅浅的底纹颜色就好了。最好也别用太深的颜色,除非你对打印机的质量很有自信。

另外,我们把“测评分”这项放到了跟标题栏在一起,这是一种节省空间的办法。另外大家可能会注意到,小计的格子都用了更深色的底纹,这是用来配合最后的总分栏的。也就是说,只要把这些深色格子里的数字相加,就可以得到最后的总分。即便大家都明白这点,看到底纹提示的时候,可以增强一点正确的“顺手”感。

在空间允许的情况下,在表单里增加一些如何正确填写、计算的提示,也是很让人舒服的做法。原来这张表里就已经有了一些,比如每个单项的总分限制、如何计算测评总分等等。我就顺便把如何通过“得分”计算“测评分”,也就是那个要乘的系数也写了进去,也算是完美了。

每次统计表格的时候,都是班长大人最痛苦的时候。所以表格的易读性也非常重要。

这个设计里,我把基本信息的学号这栏调到了最右侧,而所有的总分项也都在最右侧。这个设计是方便统计,你在看表格校对的时候,目光只需要停留在最右侧,注意学号和所有“高亮”的格子(小计和总计),就可以了,不需要左右寻找。在信息设计的时候考虑每个人的需求,其实也是挺重要的事情。

所以不要小看生活中的每一张表格,他们都是很有讲究的存在。找个时间再聊聊电子表单吧。

改出一张“好”表单 / 理想园》上有1条评论

  1. Pingback引用通告: 网页表单的门道 / 理想园 | Phy 的博客

发表评论

电子邮件地址不会被公开。 必填项已用*标注