您最填写过在线表单了吗?
答案应该是肯定的。根据最近的研究,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. 发出前,测您的表
都有盲点。所以保持谨慎重要,毕竟数据的质量决定了表的成功。因此,需要事前检查一下调研题目,确保答案选项的完整可靠,没有任何遗漏。
把表单发送家/朋友,并要求他们记录填写表单需要多长时,以及这连串问题他们体验如何。这也将有助于你下评估表单设计。
欢迎关注作者的公众: