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

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

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

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

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

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

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

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

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

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

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

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

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

“改出一张“好”表单 / 理想园”的一个回复

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

To respond on your own website, enter the URL of your response which should contain a link to this post's permalink URL. Your response will then appear (possibly after moderation) on this page. Want to update or remove your response? Update or delete your post and re-enter your post's URL again. (Find out more about Webmentions.)