产品策划
46条表单设计的宝贵经验，与你分享
本文从420万表单用户的使用经验中进行了提取，列举了大量在设计表单时可以参考的建议，以及一些需要避免的问题，供大家一同参考和学习。 您最近填写过在线表单了吗？ 答案应该是肯定的。根据最近的研究，84%的人每周至少会填写一份线上表单。 虽然你可能没有感受到，但在线填表单已经成为我们生活中不可或缺的一部分了。 其实，几乎每个把用户由A带向B的线上交互都是一个网络表单：与某个公司联系、订火车票、购物、订一晚酒店等等。 网络表单最早在1994年开始用于在线销售，第一个拖拽式表单2006年在屏幕上出现。从那时起，表单已经成为线上交互的关键。 企业和客户之间需要通过网站进行联系，小到县城的官网，大到国家政府网站，现在很难想像一个没有网络的世界。 但为什么线上表单一直备受诟病？ 当然，确实没几个人喜欢填表，但大多数人绝对不会介意填写那些清晰、简洁、设计优秀的表单。 其实这也就是症结所在。太多的在线表单冗长、令人迷惑或让人感到有所冒犯(有时甚至三者同时出现)。 当表单产生让人迷惑，或提出的要求超出必要范围时，用户的放弃几率就很大大增加。有些用户可能会放弃填写，甚至于退订整个业务。无论是以上哪种情况，您都不会再有第二次机会。 在设计一个表单的时候，我们怎么保证用户能填到最后一步？ “创建一个表单很简单，难的是让人填完它。” 在帮助420万用户创建线上表单后，我们在JotForm发现了一件重要的事情，就是一些小小的改变会让整个事情大有改观。通常，这些改变都是从那些被放弃的表单中获得的灵感。 例子： HubSpot发现，当一份14页的潜在用户登记表，被放在一个单独的登录页上时，用户填完的可能性要高出17%。 Marketo发现，一些非关键的填写区域，反而让每位潜在客户的线索成本上涨了25%。 表单设计成什么样呢？应该直观、简单以及体验友好。以下是一些推荐的参考方法。 第一部分：表单的主要元素 01 欢迎填表者：标题与介绍 无论是谁，欢迎朋友的时候难道会不说“你好吗？”我们都知道礼貌的重要性，但是在线上却经常疏忽了这一点。 欢迎页和标题让您有机会以一种清晰而友好的方式介绍表单和自己，而且还会留下一个良好的第一印象。 看看BettingExpert的数据吧：通过修改表单标题来强调“注册理由”以后，他们的注册率提高了31.54%。 标题是对下文最短最精的概括。用户一般都会跳过表单内容，而且几乎都不会仔细阅读那种特别详细的描述。所以用最少的文字说清楚一个表单的目的尤其重要。 标题可以简单理解为描述被调查者对表格的期望。尽可能保持中立：要确保应答者诚实回答，而不是去满足出题者的设想。甚至像陈述一个目标这样简单的事情，也可能会不知不觉地诱使应答者试图迎合。 而且现在也需要一份清单，说明应答者应该事先准备的外部文件，没人想中途去满屋子找纳税证明或者护照。 如果填表肯定需要很长的时间去完成，一定要提前告知用户。不过如果是又快又简单的？让用户感到惊喜吧(但不要冒险侮辱任何人的智力，以防万一)。毕竟，他们能够通过查看进度条或字段数量来推断出这一点。 02 放置相关的标题和副标题 一个有趣的事实：人类会在50毫秒内形成第一印象。重点：由于时间不够长，他们无法仔细阅读你的作品。 表单用户很可能就是快速浏览一小部分内容，忽略大部分内容。而且有很大可能是他们正在忙着其他事情，无法集中注意力或者几乎就没有什么耐心，只想要快点结束。 显然，我们无法阻止用户，所以只能通过简洁明了的标题来引导他们。标题绝对是个得力助手：可以将文本结构化、清晰化、保持用户的参与度。 用户应该可以看一眼标题就知道他们应该怎么做，而不是非得把剩下的全部看完。 测试这一点的最好方法是单独阅读标题，是否能让人看懂呢？ 03 问题之间要有分隔符 分隔符很重要。就传统表单来说，在视觉上把问题隔开以达到减少干扰的最好方法，就是使用分隔符。并不需要在视觉上做出很大的区别，区别太大反而容易分散用户注意力。 04 多页面表单或单页表单？ 这主要取决于表单有几个议题。 如果只有1，2个议题，单页表单肯定是最佳选择。但是如果一个表单有很多议题，那么就需要多页表单来呈现。想象一下：用户在面对一个似乎有成千上百议题的表单时，得有多心烦。 05 强调“行动召唤”（CTAs,Calls-to-Actions） 成功的“行动召唤”强调的是“行动”部分：单击这个按钮，用户要执行什么操作？类似“发送”，“注册”或者“过程”之类的通用标签并不会削弱召唤机制。描述越多越好。 为了消除不确定性，试着从用户的角度回答一下这个问题“我想干什么？”举个例子，如果是某项服务的调查表单，那就应该是“我需要免费咨询”。 还需要更多证据吗？在这类研究中，Unbounce发现只是把“开始你的试用”换成“开始我的试用”，就提高了90%的点击率。 06 标明表单中的区域 这并不是说要弄得花里胡哨的…… 单选框、挑选区域和复选框之所以有效，是因为它们既简单又常见。表单元素的标准格式等同于更好的可用性。 单选框适用于有很多选项而只有一个可选的情况。复选框用在多项选择的情况下最好。 为了更短的认知适应过程，要尽可能的使用多选框或者单选框而不是下拉菜单。就像Luke Wroblewski说的：“下拉菜单应该是UI中的最后选择。” 07 别忘了“感谢”页面 记住用户们都是花费了时间的。所以千万不要唐突结束，要记得说谢谢。 第二部分：怎么写用户才愿意看 以下是一些关于表单书写艺术的小建议。 08 言简意赅 从形式上来说，我们都更喜欢简单的语言，甚至是那些学者，天才和专家。那为什么还有那么多线上对话像是复读机一样？ “请接受来自我们最诚挚的道歉。即便如此，我们还是希望能知道您的建议。除此之外……” 像一个老学院派那样说话只会疏远用户，让他们瞠目结舌。 简单不意味愚蠢，而是等于可读性。这意味着最清晰的平白直述。每个词语都应该是最短，最直接的版本，能用“不过”就别用“尽管如此”。不用行话，不写复杂句。 你可以通过大声朗读来检查连贯性。耳朵能够听到眼睛看不到的东西，特别是在描述那些冗长复杂概念的时候。 09 拟人化 一份表单应该就像是你和填表者之间的对话。通过用“我”，“你”，“你的”这些代词来拟人化。 10 减少被动句 主动语态的表达（比如：约翰写了一封投诉信）比被动语态（比如：一封投诉信由约翰写出）更加有力。 被动语态会更冗长，不够集中。 （译者注：以下文章中带横线的内容适用于英语语法，不感兴趣的读者可自行跳过。） 一个被动语态句子究竟有多糟？这是两点教训： 动作的执行者不够清晰（一封信被写出了） 这个句子的Be动词（to be ,has been,was）后面跟着一个过去分词。 还是不确定？你可以去查一下微软Word可读性标准，或者普渡大学语句方法。 11 尽可能地删减词语 许多作者都会陷入这样的思维误区：用的词越多，就显得他们越聪明。其实不是这样的。在表单编写方面，或者说各种写作中，删减词语都要比添加词语更加有益。 “你删掉的每一个词，都会为你多争取一个读者。”在仔细检查不必要的词语后，文章会更笃实，更连贯，更吸引人。 删减重点： 副词（以ly结尾）。 无意义的量词（很多，大量）。 空洞的程度形容（副）词（非常，特别，尤其）。 “that”这个词。…
