您最填写过在线表单了吗？
答案应该是肯定的。根据最近的研究，84% 的人每周至少填写一份上表单。
虽然你可能没有受，但在线填表已经成为生活中不可或缺的一部了。
其实，几乎个把用户由 A 带 B 线上交互都是个网络表单：与某个公司联系、订票、物、订晚酒店等等。
网络表单早 1994 始用于线售，第一拖拽式表单 2006 屏幕出。从那时起，表单已线交互的关键。
企和客户之间需要通过进行联系，小到县城的官，大到国政府，现在很难想像一个没有络的世界。
但为什么上表单一直备受诟病？
当然，确实没个人喜欢填表，但大多数人绝对不会介填写那些清晰、简洁、计优秀的表。
其实这也是症结所在。太多在线表单冗长、令迷惑或让感到有所冒犯（有时甚至三者时出现）。
当表单产让人迷惑，或提出的求超出必范围时，用户的弃几率就会增加。 些用户可能会弃填写，甚至退订整业务。无论以哪种况，您都不会再第二次机会。
在设计一个表单的时候，我们怎么保证户填到最后一步？
「创建一个表单很简单，难的是让人填完它。」
在帮助 420 万用户创建线上表后，在 JotForm 发现了一件重要的事情，就是一些的改变会让整个事情大有改观。通常，这些改变都是从那些被放弃的表中获得的灵。
例子：
- HubSpot 发现，当一 14 页的潜在用户登记表，被放在一个独的登录页上，用户填完的可能性要高出 17%。
- Marketo 发现，些关键填写区域，反而让位潜在客户线索成本上涨了 25%。
表单设计成什呢？应该直观、简以及体验友好。以下是一些推的参考方法。
1. 欢迎填表者：标题与介绍
无论是谁，友的时候难道会说「你好吗？」我们都知道礼貌的重要性，但是在线上却往往忽略了这一点。
欢迎页和标题让您有机以一种清晰而的方式介绍表单和自己，而且还留下一个良的一印象。
BettingExpert 的数据吧：通过修改表标题来调「注册理由」以后，的注册率提高了31.54%。
标题是下文最短最精概括。用户般都会跳过表单内容，而几乎都不会仔细阅读那特详细描述。所以用最少文说楚个表单目尤其要。
标题可以简单理解描述被调查者对表格的望。尽可能保持中立：确保应答者诚实回答，不去满足出题者的设。甚至陈述一目标这样简单的事，也可能会不知不觉诱使应答者试图迎合。
而且现在需要一份清单，说明应答者应该事先准备的外件，没人想中途满屋子纳税证明或者护照。
果填表需要很长的时间去完成，一定要提前告用户。不果是又快又简单的？让用户感到惊喜吧(但不要冒险侮辱任何人的智力，以防万一)。毕竟，他们能够通查看进度条或字段数量来推断出一点。
2. 放置相关的标题和副标题
一个有趣的事实：人类会在 50 毫秒形成第一印象。重点：由于时间够长，他们无法仔细阅读你的作。
表单用户很能就是快速浏览一小部分内容，忽略大部分内容。而且有很大能是他们正在忙着其他情，无法集中注意力或者几乎就没有什么耐心，只想要快点结束。
显然，无法阻止用户，所以只能通过简洁了的标题来引导。标题绝对是个得力助：可以将文本结构化、清晰化、保持用户的参度。
用户应该可以看眼标题知他们应该怎么做，而不是把剩下全部看完。
测试这一点的好方法单独阅读标题，否能让人看懂呢？
3. 问题之间分隔符
分隔符很重。就传统表单，视觉把问题隔以达到减少扰的好方法，就使用分隔符。并不需视觉出很的区别，区别太反易分散用户注意力。
4. 多页面表单或单页表单？
这主取决于表单几议题。
如果只有1，2个议题，单页表单肯定是最佳择。但是如果一个表单有很多议题，那么就需要多页表单来呈现。想象一：户在面对一个似乎有成千上百议题的表单时，得有多心烦。
5. 强调「行召唤」（CTAs，Calls-to-Actions）
成功的「行召唤」强调的是「行」分：单击这个按钮，户要执行么操作？类似「发送」，「注册」或者「过程」之类的通标签并会削弱召唤机制。描述越多越好。
为消除不确定，试着从用户的角度回答一下个问题「我想干什么？」举个例子，果是某项服务的查表单，就应该是「我需要免费咨询」。
还需要更多证据吗？在这类研究中，Unbounce 发现只是把「开始你的用」换成「开始的用」，就提高了90% 的点击率。
6. 标表中的域
这并不是说要弄得花胡哨的……
选框、挑选域和复选框之所以有效，是因为它既简常见。表素的标准格式等同于更好的可用性。
单选框适用于有很多选项而有个可选情况。复选框用在多项选择情况下最好。
了短的认知应过程，尽可能使用多选框或者单选框不下拉单。就 Luke Wroblewski 的：「下拉单应该 UI中的后选择。」
7. 别忘了「感谢」页面
记住用户花时间的。所以千万不唐突结束，记得谢谢。
以下一些关于表单书写的小建议。
1. 言简意赅
从形式，我们都喜欢简单的语言，尤其那些学者，天专家。那什么还那么多线对话复读机一样？
「请接受自我们诚挚的道歉。即便如此，我们还希望能知道您的建议。除此之外……」
像个学院派那样说话会疏远用户，让他们瞠目结舌。
简单不意愚蠢，于可读性。这意清晰的平白直述。每词语都应该短，直接的版本，能用「不过」就别用「尽如此」。不用行话，不写复杂句。
你可通过大声朗读来检查连贯性。耳朵够听到眼睛看到的东西，特别是在描述那些冗长复杂概念的时候。
2. 拟人化
一份表单应该就像是你和填表者之间的对话。通过「我」，「你」，「你的」这些代词来拟人。
3. 减少被动句
语态的表达（如：约翰写了一封投诉信）被语态（如：一封投诉信由约翰写）更有。
被语态会更冗长，够集中。
（译者注：章中带横线的容适于英语语法，感兴趣的读者可自行跳过。）
一个被动语态句子究竟有糟？是两点教：
- 作的执行者够清晰（一封信被写错了）
- 个句子的 Be 动词（to be ,has been,was）面跟着一个去分词。
还是确定？你可查一微软 Word 可读性标准，或者普渡大语句方法。
4. 尽可能地删减词语
许多作者都会陷入这样的思维误区：的词越多，就显得他们越聪明。实是这样的。在表单编写方面，或者说各种写作中，删减词语都要添词语更有益。
「你删掉的每一个词，为你增加一个读者。」
在仔细检查不必要的词语后，文章会更笃实，更贯，更吸引人。
删减重点：
- 副词（ly结尾）。
- 无意义的量词（很，大量）。
- 空洞的程度形容（）词（非常，别，尤其）。
- 「that」这个词。
- 非必信息。
- 模糊词（东西，量，大量）。
5. 尽可能使用缩写
比起完形态（比如 cannot，is not），语句缩写形（比如 can’t，isn’t）能够让文章看起来更简洁，友好和易读。
另外，还能节省文字篇幅。一份优秀的表单阅读性都不错。
What’s 优于 What is。很简单。
6. 长句变短句
冗长曲折的句子容易人难解。密密麻麻的字堆是如此。
对大数读者来说，每个句子最 20 个单词，每个段落最 3 个句子，是最合适的。把每个长句扩成两个短句。短句际上并不逊。
使用空格，项目符号，表格以及破繁琐说的任何其素，都会使您的读者一气。
7. 检查文字
在写博的过程中，（艰难地）认识，优秀的文章是 30％ 的写作加上 70％ 的编辑。
你完善了问题，精简了文和内容后，把表格存储好。隔几天再回过头来看，你会发现有些前没有发现地可以再改进。
大多数用户体验的心理学理其实都在人的潜识中，所以难以让人注。
是颜色，体，线条和按钮都有其用途。
日常的小规模设可能不如十亿元的营活动那么引人注目。但小设也需花思。且，研究令人愉悦的设背后的理学机制很意思，本也不高。
是一些键的心原则，这些原则构成了设计优良的表格的坚实基础。
1. 比较成本和收益
我们做的每一个决定，从倒垃圾到订婚，都要经过我们头脑中的自成本收益分析。一项任务的成本是否值得成后的收益？
设计师的工是确用户在感上收益是大成的。
当然，成本收益是主观的，填表通常源于义，而不是受访者希望从中获益的行为。除非给受访者奖励，否则无法确保收益。但是可以把成本降最低。
降低受访者成本些关键策略:
2. 使用文本块
+1-919-555-2743 vs 19195552743.
哪个电话号码会留在你脑海里？然是第个。那是为它被分块了。
组块一种方便的记忆技：我们把它用于银行人识别码、社会安全码储柜码。它指的将信息排列「块」的过程，使内易保留、处理回忆。
研究声称数字 3 是帮助人们吸收和忆信息的神奇数字。尽可使它：针对落，列表，键步骤等等。
3. 定义格式要求
如果可，避免任意格式规则。但如果是必要的规则，红色记号笔拼写来。填表单时，没人愿意猜。密码要求、语法规则、编号间距等等，如果一个字需要特定的输入，告诉户。
席克定律
如果我要举办一个晚宴，我总是择从当地一小杂货店购我的配，而是从一个杂乱无章的超购。那是因为有太多的择往往会人感到麻木。这就是席克定律：它指，随着项增，做决定的时间在增。
应用到用户验领域，席克定律简直就是去繁求简的一剂良方：导航选择，给用户明确但受的选项。因为随着设计灵活的增加，它的用降低。少即是。
让设计更有说服力的20条经典原则：希克定律
阅读文章
将席克定律付诸践的一方法：
4. 下定决心（再次）删除
个链接有什么用？还是右上角的按钮？果并没有增效，就是减效。每一个字，每一图，铃铛图标或者口哨图标不是100% 必需的，降低你表单的转换率。
尼尔·帕尔称只需删除一个字段，的系人表提交率就可以提高 26%。
正如杜鲁·卡波特曾经说过，「我更相信剪刀，而不是铅笔。」
5. 减少打字需求
打是在线表单最耗时、最密部分，而经常会导致误——尤其是在手上。用按钮、滑块替换文本框并使用自动完成功能，将减少工作量并提高转化率。
6. 用条件逻辑缩短表格
根据 Marketing Insider Group 调查，有 78％ 互联网用户表示来自品个相关内容会增加他们买意愿。而体验与用户关时，销活动效将降低 83％。
因此，感谢条件逻辑！
条件逻辑（或「分支逻辑」）通过允许基于特定响应的附指令——类似：「如果这样，那么」，简了复杂的流程。
使用条件逻辑将不显示与用户无关的问题，从而减少完成表单的时间，从而使他们不太能放弃前面的任务。
是的，这听起来像是常识，但是大多数表都会向每个用户（无论是谁）提出相同的问题。使用条件逻辑是双赢的，因为通过确定义用户细，可以捕获更干净，更有用的数据。
双重编码理论
说树。您就会想树干、绿叶、树枝。
我们大脑像这样聪明：它把图像和文联系在起。
这重编码理论背后的关键原则，该理论指出记忆两不同但相互关联的系统，一用于文字信息(「树」)，另一用于视觉信息(「树、绿叶、树枝」)。
当某样东西两种方式(图像和字)被「编码」时，它被解和记住的几率仅仅一种方式(图像或字)被编码的几率要。
换句说，将单词和图像对使它们更容易忆。儿书籍充分用一点。在设计表单时，有两种方法以将双重编码理论付诸践。
7. 信息可视化
我们的大脑处理图像比处理文快得。使用图标、照、形状等索——无论什么有助说明你的观点——让用户验更加直观。
表计应该是一致的，但这并不是说就不能加入一些惊喜。通过使用非标准的界面素——如可点击的图像和切换的滑块——可以使表填写更加愉快和直观。
8. 颜色
你道吗：用户最初对产品的判断有 90% 仅仅基颜？
实际上，根据营销大尼尔·帕尔（Neil Patel）的说法，色彩是「购买定产品的因的 85％。」正确的组可以使读者人数提高 40％，理解力提高 73％，学习能力提高 78％。
你不需要成为名设计师来找出哪配色案和比效最好。像 Adobe Color CC 和 Paletton 这样便程序可以帮助你选择个能反映你公司形象调色板。
9. 让表单更漂亮
是肤浅的生物，习惯于相有吸引力的计在其方面也更好：更快、更智能、更易用。这被称为「审美可用性效应」，漂亮的界面增加了的耐心和忠诚度，甚至让更有同理心。
如内容或布局不吸引，38% 会止使用页。换句话说，如线上表单看起来不漂亮(也不容易填写)，那是浪费时。
当然，一人里一汉姆雷特。但一简单的界面、净的字体时的造型绝对会赢得用户欢。
度条效应
如果我们知道我们已取得的展，我们就动力去完一项任务。特别已领先度的时候，感知的作会相应减少，终达到超预效果。教授约瑟夫·努内斯泽维尔·德雷泽将这种象总结「度条效应」——「当人们能看到已付出的努力时，会动力完任务。」
10. 以下是一些适用于表单的进度条效应的应用方式：
问题排列从易到难
如表单里问题按照从简单到困难序排列(而保持逻辑序)，用户将快速完成表单初始阶段。这反过来会触发连胜效应：快速进步和动力感带来满足感，让用户不愿意打破连胜。这意味着，表单变更加苛刻时，用户会继续坚持下去。
画出进度条
随时反映用户进度。用户越接近目标，越有可能完成。如表单是多页，请指出有多少页要完成。
份来自 Clutch 研究表明 90% 用户希望在线表单能有进度条来管控他们花费时。
1. 用头脑风暴讨论题目
所有的表的关键都是题目。别是在头脑风暴讨论题目的候，最好的就是从目标出发，倒推回来。
所以你第个问题是：你表单目是什么？入职表？反馈意见？研究表单？
尽可能精确记下希望从表格中获得的信息。把它表达题目(以问结尾)，不灵光一闪。一留足时间反复推敲。
然后，写一些可的答案，这些答案可会给你一些灵感。
最，头脑风暴讨论题目，题目就答刚才提到的一个问题。
作为调查后的回顾，写下每个问题的回答百比。将这些猜测你的实际结果进行比较，会发现下一轮要注的盲点。
这回顾过程有助于您设计并节省您时。
关于板块学
根据表单转换率报告，表单类型接影响表单板块数量。仔细考虑个板块个问题。
现在，问问自己：你真、确定、必须要问哪些问题？
多数况下都不必的。但，即便我们明白少即多原则，但真的机会去用户的脑子里一探究竟的时候，我们还希望问题越多越好。
当然，这些问题的答案是很重要。但真的重要到失户都在惜么？
你需要用户的合。但是每加一个板块，他们的耐心就失去一点。所以，在你把所有的题目和答案列出来以，能删尽量删掉。考虑收集数据的其他方法，并考虑个题目是否以推导出来，或者以说甚至完排除。
尽量避免可选问题。如果必须，请在表最后列出来。
2. 正确地分组题目
将线上表结构化是成功的关键。
在你经过头脑风暴讨论，剪精炼出了最终问题单后，该组织他们了。用个「主题」标题将它们组织成组和子组，比如说联系，工作经验等。
这样一，用户不用去读具体的问题就概知道自己接下什么。
3. 定义问题的逻辑序列
现在要考虑问题的顺序了。按照经验来，主题相似的问题，就应该放在一起。
个问题，个板块，都应该激励用户到下步。大跨步似前进会让用户困惑，所以要用步步引导用户往前模。
用户会通过调节对信息的流动一种预判。比如，「叫什么字？」应该「住哪儿？」之，「介绍一下的作验？」应该再往后。
4. 决定「必填 vs 选填 vs 友好」
好的法把的表单只限于必填的问题。选填问题将毫无必延表单并激怒用户：「从哪里听我们的？」 「收到营邮件吗？」
过对那些非强制性的但是友好的问题，将它们放在表单的末尾，作为可的后续容。这样，他们会感觉那么有侵略性，会影响你的转率。
5. 一次只问一件事
齐下的题目会让用户觉得模棱两可。且——已猜到了——模糊的答案无法化。
看看题目中有没有「和」，「或」。到了吗？如果有，把这个题目改成两个。
题目越清楚，答案就越清楚。答案越清楚，数据就越清晰。
6. 提供便利
优的表单描绘一条清晰的路，通索、提示等引导用户完成表单。路越短，用户完成的能就越大，所以尽能地给用户提供便。
以下是比较有用的便利方法：
邮编索引
要求用户填写地址的候，最好的方式是只让填写门牌号和邮编，然后使用邮编索引服完成地址息的其内容。（译者注：此条比较适用于国外。）
默认提示
默认文提示是出现在表单字段中描述其预期值的浅文。只有在存在潜在歧义的情况下，才应该使用它。
字段标签
字段标签是出现在字段上面，关问题的文。它经常出现，并且不应该用占位符提示来替代。人们常常为使用默认提示同时为字段标签，但却引用的问题。
换句话说，你可以使用字段标签，不用默认提示；但是不能在没有字段标签的情况下只有默认提示。
预答案
大家都喜欢做选择题。它可以节读者的间，并且易于评估。
你可以过回答「是/否」、「单选」或「多选」来预定义答案。如有个你法预测答案，添加个「其他」文本框让读者输入个自定义答案。
搜索预测
在要求用户选择他们国家、职业或具有大量预定义选项其他内容时，搜索预测会减少所需打量(和认知负荷)。
表只完成了一的工作。它是被动的，不是主动的。表的效果依赖于填表者。它需要从一开始就嵌入框架中。
表单是交流工具。需要两来参与。
因此，设表单时，还需从用户的角度考虑……这从他们的目的环境始。
为么要有人填写你的表格？他们的目的是么？把它们写来。
目的和境息息相关，所以要让境在你的头脑中具化。他们在哪里以及何填写表？在家吗？在笔电脑上？在手机上？在地上？
环不仅仅是景。关键是用户能在的帮助下你的表可以实现什目的。
1. 知道你的受众是谁
表单需要吸引目标受众的注意力——么，受众由谁组成？
在泛泛人群中思考是没有义的。要集中你的注力，集中在一个人身上——或者说，一个「买家画像」比任何一个普通人群给你的息都多。
试着描绘个理想用户画像，有工作、个性、家庭、希望和梦想。思考这个理想用户群体。他们在哪里生活和工作？他们观和价值观是什么？他们与你业务有什么关系？
如果发对这些理群体什么意义的，就离终给高价数据的那些问题又了一。
这些人就是你需要反复思考的人。这些人就是会给你答案的人。
表单视觉和结构
填表单肯定会像过生日一样充满惊。
一致是持表单填写验顺畅的关键。一致就是指颜要一致、视感受要一致、主题要一致。
你的公形象是什？什短语和词能概括这一点？你的价值观是什？在 JotForm，注重包容性、友好度和脚踏实地——的语言就在传达这些主旨。
你定义了品调性后，在所有表单保持住——你用户应该感觉到他们步都在和个友好互动。
视觉一致性同样重。整表单中都应该用一种视觉风格(以后创建的其他表单同样如此)。
2. 左上对齐标签
Google 的 UX 研究人员发，将标签左对齐会减少表单完时间，因它需的「视觉注视」少。
3. 避免将问题并排放置。
眼动研究表明，简单的单列布局比并排置的多列布局好。
该规则的唯一例外是要求输入日期（日，月，年）或时间（小时和分钟）时，中多个字应在一行上。
4. 尝试一页一事
每页一件事一种理技巧，义：
「将一个复杂的过程分解成多个小步骤，并将这些小步骤单独一页来呈现。」
质上，用户只需要关注一件。一条信息、一个决定、一个问题要回答。
整洁的页面鼓励用户继续执行任。
5. 用输入框长度提示用户
把输框的长度控到正能够包含所有的输字符的长度（用户以看到填的完整内容）。
输入框的长度应该反映用户预期输入的文本量。邮政编码或门牌号等字段应该短于地址行。
贝尔德研究所可用性研究发现，如个段太长或太短，用户开始怀疑他们是否正确理解了标签。这尤其适用于具有异常数据或技术标签段，如信用卡背 CVV 码。
表单设计误和完成路径
像生活样，填写表格时有可能出像生活样，关键问题是发出误信号并允许快速纠正。
6. 不要只靠颜色
十之一的男性有一定程度的色盲。
显示验证误或成功消息时，不要依赖使用绿色或红色文本(为红绿色盲相常见)。使用文本、图标或其他东西。JotForm Cards 用个微动画警告用户，出现误时，该动画会说「误」。
7. 在同一行内指出错误
用户显示误发生位，并说明原。
果您必须使用验证，请确它是内嵌的(在字段的右)，并提前报告错误。不要等到用户点击提来报告验证错误。但是同样，内联验证不应该是时的，因为能在用户完成字段之前报告错误。
8. 使用字段验证
你需要一个电子邮件地址，你收到一个没有@符号的回复。你要求一个电号码，而你的回答中有一半位数不够。
打字错误不应该成为表单用的障碍。
使用「字段验证」来确得到您需要的答案，例，「答案必须包含__」
JotForm Cards 恢复错误输入域名的用户的邮件地址；约翰@ gnail . com 应该是 john@gmail.com。
9. 但别太苛刻
如果用户回答的方式有大差异(例如，用+12345678912、+44 12345678912、012345678912回答「话号码」)，请将其转换为一致的格式。
什是支付表？
支付表就是线上的收银。它授权在线支付，验证用户的详细息，检查资金是否可用，并确保你收支付。
支付合有很多优势。他们帮助你 ：
- 销产品或服；
- 在结算过程进复杂计算，例如增加税收和运输成本或减去优惠券；
- 呈的产品描述，如图片、数、颜色尺寸选项；
- 收集固定金额的捐款和付款，或者通过订阅务保证周期性付款。
设支付形式时，遵循实践至关重的。以下一些关键规则。
1. 限制付款骤
Baymard 研究所分析了支付表单，发支付过程太或太复杂弃支付的主原因之一。所以一分块，分得越细越好。
2. 使用安全视觉提醒
当输入敏感的细节，如信用卡细节时，用户会对任何看起可疑的东保持高度警惕。近的一项研究显示，出于安全考虑，17%的购者付费就离了页面。
专的支付形式户感到轻松，而任何看起来「舒」的东西都会他们感到紧张。这就是为么你应该从头开始构建支付表单时就保持谨慎——即使是最小的错误或一致会吓跑户。
它还有助在表单上启用 SSL 来帮助护数据。用户道所有的互动是加密的，因此以安心。JotForm 是最安的数据传输方式:我们符合支付卡行业数据安标准 (PCI DSS) 1级，并启用 SSL。
3. 清楚地释你为什么要求敏感信息
人们越来越关注隐私和信息安。果你要求必须填写敏感信息，请确使用字段下方的注释文释为什么需要信息。
4. 存数据
让用户以选择存他们的地址和支付信息，以使个程更快、更简单——尤其是在手机样的设备上。同时也给回头用户一种奖励和忠诚的感。
5. JotForm添加支付集成的方式
- 第 1 步:添加你品标志和定制风格。
- 第 2 :使用链接按钮输入集凭据，或者直接输入。
- 第 3 步:添产图像、产细节，如数量、颜色、尺寸。
- 4 步:计优券、税金和运费。（你以使用集成采购订单来检查通用付款字段创建的详细信息和选项(不需要任何凭证，因为它不创建正的易)。你以查看 Sofort 集成指为示例，整个支付程。）
- 第 5 步:写一封私人谢——动回复邮件。
一切就绪。现在你以在网站、博客或媒上轻松销售你的产品。当你完成表单…万岁！完成！但是……等一下。你的表单能已经完成，但现在还不是出去的时…
还有最后一个步骤。
6. 发出前，测您的表
都有盲点。所以保持谨慎重要，毕竟数据的质量决定了表的成功。因此，需要事前检查一下调研题目，确保答案选项的完整可靠，没有任何遗漏。
把表单发送家/朋友，并要求他们记录填写表单需要多长时，以及这连串问题他们体验如何。这也将有助于你下评估表单设计。
欢迎关注作者的公众：
浙公网安备33011002017549号