fuhei.net Lucars’ Blog

在互联网混迹那么多年，每天浏览网页，遇到大大小小的表单比GCD要填的表格还要多。归纳一下我们经常使用的表单：登陆/注册、发表文章/评论、创建各种分类/目录、上传照片/多媒体文件、各类调查调研等等等等。网站如何让我们每次遇到新的表单的时候不会因为产生困扰而造成提交的失败应该作为他们互联网从业者的终极目标之一，我们总是会有稀奇古怪的使用习惯这让做好提交表单变成了一件很困难的事情。为了满足尽量多的我们的需求，互联网的表单没有一天不在变化着，然而我们却发现为了能够正确提交表单我们仍然需要学习使用各种各样的“新功能”，同时大量的功能性表单却让我们的浏览器越来越接近崩溃的边缘。

我们需要更加简短的表单

我们每到一个新网站最先使用的绝大多数都是注册表单，网站们为了提高注册的成功率让现在的注册表单基本只需要5、6个输入框就可以完成，而把所有对网站直接价值不那么高的用户私人信息抛到当用户需要使用时才填写，这不仅仅是为了能够让用户迅速注册，还是对用户隐私尊重的表现，因此几乎所有的网站都使用了这样的做法。更有甚者连为了保证用户不输错密码的验证框都去除了：

豆瓣网注册用户

这不是最短的注册表单（曾经记得看到过仅需要填写一个Email的注册表单）但是我敢保证这是各大网站的注册表单中成功率最高的注册表单了。我挺喜欢这样的表单的，如果可以把昵称也不要，去掉确认《使用协议》的checkbox那就更爽了，不过这样却增加了一定的风险使我们注册完后发现我们的密码是不正确的，豆瓣可能借鉴了Myspace的注册无视了这群注册成功但是永远登陆不了的用户，如果是应了增加注册成功率的商业指标的话也无可厚非。

我们需要一步完成的表单

可能为了控制表单流程防止使用出错，可能处于交互的需要有很多表单并不能在一页上完成，而不得不continue到下一个表单甚至再下一个表单，我们想我们绝大多数时间都没有这个耐心去使用这样的一个流程颇为复杂的表单，有啥内容是不可以放在一个页面里面来完成的呢？在现在的Ajax技术已经非常成熟的情况下还需要使用N多个提交来完成表单是多么愚昧的想法，更甚的是那些无法修改已经提交的内容而只能重头再来的调查类表单。

多步骤表单

上面是一个典型的多步骤表单，整个流程是：下载Excel文件并填写内容 => 上传填好内容的Excel文件 => 再修改页面已经读取的内容并确认提交。我真的怀疑当时话那么大力气做这个功能是为了什么？藐视我们的智商吗？我绝对无法想像我在使用这个功能时候的状态。向这样的Batch Upload功能一定会有更好的替代解决方案，例如像Flikr那样的批量图片上传方案，尽管不可避免地使用了两步表单，但是在我们使用上来说那玩意儿好用太多了。

我们需要功能专注的表单

一个表单只做一件事是最好的，我们不会在没有目的的情况下去使用表单，所以表单要专注于他将要完成的功能，那些喧宾夺主的辅助功能只能使我们的使用更加困扰。我们期望看到是夸大突出的核心功能，这样我们在使用的时候便可以专心向原先设定的目标前进，否则花心的我们会东点点，西点点啥时候不知不觉要不让表单提交失败，要不就直接离开了。

WordPress发表文章

文章编辑器是WordPress的发产品页面最核心的内容，这个页面下面的“摘要”、“发送Trackbacks”、“自定义域”等功能都被默认隐藏了，因此更加突出了文章编辑器的位置，我们承认我们往往懒得点开被默认关闭的内容。不过WP的编辑器还有一些另用户困扰的地方，左上角的那排功能按钮添加视频和工具栏中的内嵌媒体功能似乎冲突了？好在WP这个页面的核心功能非常专注，让我们很容易就搞清楚了。

我们需要提示完善的表单

其实我们在使用表单的时候还是需要很高的学习成本的，为了可以达到我们的目标不得不忍受各式各样的新表单当中的变态要求，因此我们比较喜欢那些拥有完善提示的表单，在这些表单里面可以看到我们如何及为什么要填写这些内容。行业拥有许许多多的标准，譬如我们看到radiobox就知道是需要点击选择其中一个的，譬如我们看到dropdown list就知道要下拉选择，希望在表单当中有创新的行为的时候有明确的功能提示。

表单提示

上面是一个很传统的表单，但是表单还是对这些inputbox做了输入提示，这其实是一个很贴心的服务，熟悉的用户可能会这样的提示不屑一顾，但是从一个注册表单截取出来的图，对于第一次来访的我们，有这样的提示还是很重要的。

除了对输入提示有要求以外，我们还期望对表单错误提示有明确的指示，最近经常看到登陆表单出现这样的错误提示：

您的用户名或者密码或者提示问题或者提示问题答案有错误。

我真想把制作这个功能的人的脑袋上砸一个窟窿出来，在频繁使用cookie来记录用户信息的时代，还有多少人能够明确地记录下以上四个信息没有错误？况且我们完全可能拥有不止一个用户名，在互联网那么大的坑里面如何找到我在你这儿使用的是哪个？

我们需要脉络清晰的表单

今天看到一个发布产品的表单，顿时令我傻眼了，和之前相比他确实简短了一些，但是他的简短不是通过减少非必要字段来解决的，而是删去了表单块内容的原有的分割，这让原本很清晰的表单立刻变得让我摸不着头脑，只看见一堆表单元素展现在页面上，完全失去了之间井然有序的分块。我们可以理解一个表单当中有非常非常多的元素需要填写，但是无法忍受的是这些元素没有规则地排布的页面上面，混乱地不知从哪里开始敲打键盘。

（例图太大，不贴了）

Ebay的老产品表单有4400像素以上的高度（真是无法想象这样高的表单竟然还要分两步走才能完成，不知道Ebay那帮白痴怎么想的），这样的页面对我们来说简直就是噩梦，但是好在Ebay的表单一块一块清楚地罗列，让我们很大一部分人都能够去忍受它的存在。然而Ebay的新Simple版表单虽然将高度缩减了一半，但是仍然保留着优秀的模块分布而且在视觉上更加强化每一块区域填写的内容是什么。

等等

其实我们的要求不高，越来越多的表单也开始真正关注我们的这些需求，我们可以理解为了商业指标而放弃部分利益的手段，但是这样在短期内可能会有直接的效果，但是长期来看并不能带来真正的效益。还是要牢牢抓住以客户第一的心态来制作页面，才能真正抓住我们的心呐。