高端响应式模板免费下载

响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

什么是响应式网页设计?

2024年网页设计师表单(合集10篇)

网页设计师表单 第1篇

18 下定决心(再次)删除

这个链接有什么用?还是右上角的按钮?如果并没有增效,那就是减效。每一个字,每一张图片,铃铛图标或者口哨图标都不是100%必需的,这些都会降低你表单的转换率。

尼尔·帕特尔称只需删除一个字段,他的联系人表单提交率就可以提高26%。

正如_·卡波特曾经说过的,“我更相信剪刀,而不是铅笔。”

19 减少打字需求

打字是在线表单中最耗时、最密集的部分,而且经常会导致错误——尤其是在手机上。用按钮、滑块替换文本框并使用自动完成功能,将减少工作量并提高转化率。

20 用条件逻辑缩短表格

根据Marketing Insider Group的调查,有78%的互联网用户表示来自品牌的个人相关内容会增加他们的购买意愿。而当体验与用户无关时,营销活动的效果将降低83%。

因此,感谢条件逻辑!

条件逻辑(或“分支逻辑”)通过允许基于特定响应的附加指令——类似:“如果这样,那么”,简化了复杂的流程。在表单的上下文中,受访者只会看到适用于其的问题他们先前答案的基础。

使用条件逻辑将不会显示与用户无关的问题,从而减少完成表单的时间,从而使他们不太可能放弃前面的任务。

是的,这听起来像是常识,但是大多数表单都会向每个用户(无论他们是谁)提出相同的问题。使用条件逻辑是双赢的,因为通过明确定义用户细分,可以捕获更干净,更有用的数据。

网页设计师表单 第2篇

标题可以简单理解为描述被调查者对表格的期望。尽可能保持中立:要确保应答者诚实回答,而不是去满足出题者的设想。甚至像陈述一个目标这样简单的事情,也可能会不知不觉地诱使应答者试图迎合。

而且现在也需要一份清单,说明应答者应该事先准备的外部文件,没人想中途去满屋子找纳税证明或者护照。

如果填表肯定需要很长的时间去完成,一定要提前告知用户。不过如果是又快又简单的?让用户感到惊喜吧(但不要冒险侮辱任何人的智力,以防万一)。毕竟,他们能够通过查看进度条或字段数量来推断出这一点。

02 放置相关的标题和副标题

一个有趣的事实:人类会在50毫秒内形成第一印象。重点:由于时间不够长,他们无法仔细阅读你的作品。

表单用户很可能就是快速浏览一小部分内容,忽略大部分内容。而且有很大可能是他们正在忙着其他事情,无法集中注意力或者几乎就没有什么耐心,只想要快点结束。

显然,我们无法阻止用户,所以只能通过简洁明了的标题来引导他们。标题绝对是个得力助手:可以将文本结构化、清晰化、保持用户的参与度。

用户应该可以看一眼标题就知道他们应该怎么做,而不是非得把剩下的全部看完。

测试这一点的最好方法是单独阅读标题,是否能让人看懂呢?

03 问题之间要有分隔符

分隔符很重要。就传统表单来说,在视觉上把问题隔开以达到减少干扰的最好方法,就是使用分隔符。并不需要在视觉上做出很大的区别,区别太大反而容易分散用户注意力。

04 多页面表单或单页表单?

这主要取决于表单有几个议题。

如果只有1,2个议题,单页表单肯定是最佳选择。但是如果一个表单有很多议题,那么就需要多页表单来呈现。想象一下:用户在面对一个似乎有成千上百议题的表单时,得有多心烦。

05 强调“行动召唤”(CTAs,Calls-to-Actions)

成功的“行动召唤”强调的是“行动”部分:单击这个按钮,用户要执行什么操作?类似“发送”,“注册”或者“过程”之类的通用标签并不会削弱召唤机制。描述越多越好。

为了消除不确定性,试着从用户的角度回答一下这个问题“我想干什么?”举个例子,如果是某项服务的调查表单,那就应该是“我需要免费咨询”。

网页设计师表单 第3篇

实际上,根据营销大师尼尔·帕特尔(Neil Patel)的说法,色彩是“购买特定产品的原因的85%。”正确的组合可以使读者人数提高40%,理解力提高73%,学习能力提高78%。

你不需要成为一名设计师来找出哪种配色方案和对比效果最好。像Adobe Color CC 和Paletton 这样方便的程序可以帮助你选择一个能反映你公司形象的调色板。

23 让表单更漂亮

我们是肤浅的生物,习惯于相信有吸引力的设计在其他方面也更好:更快、更智能、更易用。这被称为“审美可用性效应”,漂亮的界面增加了我们的耐心和忠诚度,甚至让我们更有同理心。

如果内容或布局不吸引人,38%的人会停止使用页面。换句话说,如果线上表单看起来不漂亮(也不容易填写),那就是浪费时间。

当然,一百个人心里有一百个汉姆雷特。但是一个简单的界面、干净的字体和时尚的造型绝对会赢得用户欢心。

网页设计师表单 第4篇

多数情况下都不是必要的。但是,即便我们明白少即是多原则,但是真的有机会去用户的脑子里一探究竟的时候,我们还是希望问题越多越好。

当然,这些问题的答案是很重要。但真的重要到失去用户都在所不惜么?

你需要用户的配合。但是每加一个板块,他们的耐心就会失去一点。所以,在你把所有的题目和答案全列出来以后,能删尽量删掉。考虑收集数据的其他方法,并考虑这个题目是否可以推导出来,或者以后再说甚至完全排除。

尽量避免可选问题。如果必须,请在表单最后列出来。

27 正确地分组题目

将线上表单结构化是成功的关键。

在你经过头脑风暴讨论,修剪精炼得出了最终的问题清单后,就该组织他们了。用一个“主题”标题将它们组织成组和子组,比如说联系方式,工作经验等。

这样一来,用户不用去读具体的问题就大概知道自己接下来要做什么。

28 定义问题的逻辑序列

现在要考虑问题的顺序了。按照经验来看,主题相似的问题,就应该放在一起。

每一个问题,每一个板块,都应该激励用户到下一步。大跨步似的前进会让用户困惑,所以要用一种一步一步引导用户往前的模式。

用户会通过调节对信息的流动有一种预判。比如说,“你叫什么名字?”应该在“你住在哪儿?”之前,而“介绍一下你的工作经验?”就应该又往后排。

29 决定“必填vs 选填vs 友好”

最好的做法是把你的表单只限于必填的问题。选填问题将毫无必要地延长表单并激怒用户:“你从哪里听说我们的?” “你想收到营销邮件吗?”

不过对那些非强制性的但是友好的问题,将它们放在表单的末尾,作为可选的后续内容。这样,他们会感觉不那么有侵略性,也不会影响你的转化率。

30 一次只问一件事

双管齐下的题目会让用户觉得模棱两可。而且——你已经猜到了——模糊的答案无法量化。

看看题目中有没有用“和”,“或”。找到了吗?如果有,把这个题目改成两个。

网页设计师表单 第5篇

24 问题排列从易到难

如果表单里的问题按照从简单到困难的顺序排列(而且保持逻辑顺序),用户将快速完成表单的初始阶段。这反过来会触发连胜效应:快速进步和动力感带来的满足感,让用户不愿意打破连胜。这意味着,当表单变得更加苛刻时,用户会继续坚持下去。

25 画出进度条

随时反映用户的进度。用户越接近目标,就越有可能完成。如果表单是多页的,请指出还有多少页要完成。

一份来自Clutch的研究表明90%的用户希望在线表单能有进度条来管控他们的花费时间。

第四部分:问题、回答和分组 26 用头脑风暴讨论题目

所有的表单的关键都是题目。特别是在头脑风暴讨论题目的时候,最好的就是从目标出发,倒推回来。

所以你的第一个问题就是:你的表单的目的是什么?入职表?反馈意见?研究表单?

尽可能精确地记下你希望从表格中获得的信息。把它表达为题目(以问号结尾),而不是灵光一闪。一定留足时间反复推敲。

然后,写下一些可能的答案,这些答案可能会给你一些灵感。

最后,头脑风暴讨论这些题目,这些题目就会解答刚才提到的第一个问题。

作为调查后的回顾,写下每个问题的回答百分比。将这些猜测与你的实际结果进行比较,会发现下一轮要注意的盲点。

这种回顾过程还有助于您的设计并节省您的时间。

网页设计师表单 第6篇

该规则的唯一例外是要求输入日期(日,月,年)或时间(小时和分钟)时,其中多个字段应在一行上。

35 尝试一页一事

每页一件事是一种心理技巧,定义为:

“将一个复杂的过程分解成多个小步骤,并将这些小步骤单独用一页来呈现。”

本质上,用户只需要关注一件事。一条信息、一个决定、一个问题要回答。

整洁的页面鼓励用户继续执行任务。

36 用输入框长度提示用户

把输入框的长度控制到正好能够包含所有的输入字符的长度(用户可以看到填入的完整内容)。

输入框的长度应该反映用户预期输入的文本量。邮政编码或门牌号等字段应该短于地址行。

贝马尔德研究所的可用性研究发现,如果一个字段太长或太短,用户开始怀疑他们是否正确理解了标签。这尤其适用于具有异常数据或技术标签的字段,如信用卡背面的CVV码。

网页设计师表单 第7篇

默认文本提示是出现在表单字段中描述其预期值的浅色文本。只有在存在潜在歧义的情况下,才应该使用它。

网页设计师表单 第8篇

万岁!完成了!但是……等一下。你的表单可能已经完成,但现在还不是发出去的时候…

还有最后一个步骤。

46 发出前,测试您的表单

我们都有盲点。所以保持谨慎很重要,毕竟数据的质量决定了表单的成功。因此,需要事前检查一下调研题目,确保答案选项的完整可靠,没有任何遗漏。

把表单发送给家人/朋友,并要求他们记录填写表单需要多长时间,以及对这一连串的问题他们体验如何。这也将有助于你下次评估表单的设计。本文由海外设计参考(微信公众号GDInspiration)翻译,供设计师及爱好者学习和研究。

原文地址:

题图来自Unsplash,基于CC0协议

网页设计师表单 第9篇

使用“字段验证”来确保得到您需要的答案,例如,“答案必须包含__”

JotForm Cards恢复错误输入域名的用户的电子邮件地址;约翰@ gnail . com应该是john@。

40 但别太苛刻

如果用户回答的方式有很大差异(例如,用+12345678912、+44 12345678912、012345678912回答“电话号码”),请将其转换为一致的格式。

第六部分:关于支付表单

网页设计师表单 第10篇

填表单肯定不会像过生日一样充满惊喜。

一致性是保持表单填写体验顺畅的关键。一致就是指颜色要一致、视觉感受要一致、主题调性要一致。

你的公司形象是什么?什么短语和单词能概括这一点?你的价值观是什么?在JotForm,我们注重包容性、友好度和脚踏实地——我们的语言就在传达这些主旨。

当你定义了品牌调性后,在所有的表单中保持住——你的用户应该感觉到他们每一步都在和同一个友好的人互动。

视觉一致性同样重要。在整个表单中都应该用一种视觉风格(以后创建的其他表单同样如此)。

33 左上对齐标签

猜你喜欢