心弦

最近又发现了两个优秀的表单设计，虽然其中的理念都算不上新鲜，但仍然值得拿出来探讨一下，因为类似的设计确实不太常见。

第一个是我在一个名为“Sandvox”的软件中见到的（如下图）。这是一个购买软件授权的表单，表单项包括“版本”、“用户数量”、“优惠券代码”和“购买”的一些选项。现有大部分的表单设计都是表单项纵向排列，表单项中的元素横向排列；但这个表单却反其道而行之，并且在表单项之间以线条来分隔，不仅非常的清晰，而且节省了大量空间，给人以耳目一些的感觉。此外，这个表单在操作上从左向右的顺序也和上面注册的操作相符，逻技关系非常清楚和统一。

第二个则来源于Zoomr这个类似Flickr的照片分享网站。在Flickr莫名其妙地被GFW封锁以后，我就不得不忍痛放弃上面的照片，开始寻找替代品。注册Zoomr的过程是非常愉悦的，这在很大程度上要归功于其优秀的注册表单设计（如下图）。

首先，页面非常干净清爽，内容少，看起来不累，也就是所谓的认知负担低；

其次，表单项的标签和输入框的位置恰到好处，视线遵循由上及下的顺序；

再次，也是这个设计的最大亮点，就是输入框右面的提示信息－它们是让我心情愉悦的根源！想想看，填表本来就是很枯燥无味的过程，但如果你每完成一项，都有人在旁边鼓励你、表扬你，你会有怎样的感受？更别说那个绿色的对号图标让人感觉十分顺畅（绿色常常代表通过，就像交通灯一样，不是吗）！

最后，没有恼人的校验码输入过程。校验码是我填表时最头疼的部分之一，如果单单是数字还好，最怕就是那种包括了大小写字母和数字的长长的看不清楚的一串，还不知道到底是不是大小写敏感的设计（比如无比弱智的北京奥运会门票预定网站提供的注册表单）。当然有些网站在这个部分上处理的不错，给我印象比较深的是Digg，它会对要求输入校验码表示歉意（如下图），至少态度上很诚恳，能够让不耐烦的用户产生一丝怜悯和同情。

以前的文章：《关于表单可用性的一些资料和想法一：标签和输入框的位置》