3个表单设计的最佳技巧

以下内容由Mockplus团队翻译整理，仅供学习交流，Mockplus是更快更简单的原型设计工具

本文简述了设计师、商人甚至每个人对表单设计的一点想法。

表单是我们日常生活的一部分，但说实话，填写表单的体验并不友好。无论是确认购买飞机票还是提交订单，我们都希望表单可以设计得更完善一点。

尽管我们在不断的引进新兴技术、机器人、生物识别技术，以及更多的交互设计，但是表单的基本框架和存在的目的却与曾经的纸质内容大同小异。

实际上，表单需要与用户对话并引导他们完成填写。

表单的存在应该是帮助用户更好的理解信息，让用户与产品拥有适当的对话感，而不是强迫感。

同时也应让用户体会到引导感，当他们在填写过程中犯错时，好的表单将引导他们快速修正错误信息，而且对于设计中考虑不周的地方，他们也愿意主动提供反馈意见。

希望以下的3条建议对您的工作或网站建设有所裨益：

1、尽可能的减少用户操作

在上个例子中，我们可以看到Airbnb允许用户使用电子邮件注册，但这只适用于小部分人。注册过程中确实有很多资讯是必要的，但我们应该尽可能的减少用户操作。在设计过程中，为了合理组织表单信息，我一般会思考以下几个问题：

标签能否重新修改为含必要信息的字段？——有一个“全名”字段，而不是将其分为“姓氏”和“名字”。

客户是否能在其他场景中回想起我们的表单？（不是上述这类表单）

是否可以通过相关负责人的协商从而减少标签？（这很难，因为需要数据论证）

除非我们有幸能够通过社交媒体账号登录或将Google 账号登录连接到我们的表单中，否则我们需要考虑这种“精要”方法。安东尼·德·圣艾修伯里一句很有名的话：

“完美的状态，不是不再需要增加什么，而是无可删减。”

2、思考为什么你需要使用一个特定的表单设计风格

多种形式的交互设计已经开始流行，但设计过程中的运用应该有明确的用意。

动态单表格字段设计

自然语言类设计

这些例子中包含的微交互是非常有趣的，带给用户的一个微笑，也能提高你的转换率。你可以在表单中呈现很多条目，而线上也有很多文本输入的相关设计例子，这是资源库。

但是你要清楚你的受众群体，以及这些微交互在这些场景下是否合适，当然也可以选择不进行交互，毕竟交互后可能比以前更复杂。

3、关注你的表单流程

这可能是最具挑战性的，却是工作流程中最有价值的实践。设计更好的表单不仅停留在元素和组件上，而且还必须解决表单上具有挑战性（通常是不言而喻的）的问题，以此达成更高目标。

这就好比说“希望我们的客户一来就进行注册”或者“希望用户到达我们的网站就创建一个账户”，但是，在那个时候他们做这些事情有什么意义呢?我们应该思考的是当用户在特定的阶段可能需要的什么。

思考你的表单策略，以及它如何适应你的整体设计，这将真正有益于你所做的工作，你所在的团队/组织，最重要的是你的用户体验感如何。

我不是表单设计专家，但正在设计领域不断探索和学习。

作者：Ken Lee-Sanekata

地址：https://uxplanet.org/3-best-form-design-practices-for-your-design-process-383510b31613

学习工具，但不受限于某种工具。Mockplus做原型，更快更简单，现在下载Mockplus，免费体验畅快的原型设计之旅。

3个表单设计的最佳技巧相关推荐

多个tab可以组成一个表单吗 js_11个表单设计小技巧
表单设计可能很无聊,用户总是讨厌填写它们. 来源:11 form design guidelines 表单是任何网站的必要组成部分; 无论是通讯表单,付款细节,帐户创建,获取潜在用户等,用户在使用您的 ...
web表单设计:点石成金_设计复杂的用户表单：12个UX最佳实践
web表单设计:点石成金 It's been a few years that I've been taking interest in designing complex user forms, w ...
文本字段和表单设计-UI组件系列
重点 (Top highlight) Forms have existed for a significant amount of time, greatly simplifying the task ...
UX设计秘诀之注册表单设计，细节决定成败
以下内容由摹客团队翻译整理,仅供学习交流,摹客iDoc是支持智能标注和切图的产品协作设计神器. 说实话,现实生活中,又有多少人会真正喜欢填写表格?显然,并不多.因为填写表单这样的网页或App服务,并非 ...
yii2表单数据检查怎么自定义输出错误_B端产品日记——表单设计
编辑导语:表单在很多工作和项目中都会用到,在一个项目中,会涉及到大量的数据.信息等等,这时候用表单进行记录是很重要的:本文作者详细的介绍了在B端产品设计的工程中运用到的表单设计,我们一起来看一下. 人 ...
经典网页设计：20例与众不同的网页联系表单设计
网站是企业宣传和展示其产品的一个非常好的媒介,同时也是收集用户建议和评价的最佳途径.作为网站最重要的组成部分之一,联系表单是用户反馈信息的重要窗口.联系表单的设计应该具有创意性,能够吸引用户的注意力, ...
html5 设计 form,为HTML5表单设计表单模板
为HTML5表单设计表单模板 AEM中的HTML5表单组件提供了将XFA表单模板渲染为HTML5格式的功能. 表单设计人员可以使用Forms Designer设计表单模板,并使用HTML5呈现功能. ...
html5漂亮的登录与注册界面设计,漂亮的网页登陆/注册表单设计
漂亮的网页登陆/注册表单设计 7月 4, 2012 评论 Sponsor 网页设计中登陆和注册表单是非常常用的,而且使用率也非常高,一个表单的设计其实也不是简单的事情,你要考虑很多用户体验,有的喜欢把 ...
移动应用表单设计秘籍
By elya妞 on 2012年04月16日原文地址:http://elya.cc/2012/04/16/mobile-form/ 一直想写一篇文章,关于移动应用表单设计的,可惜最近项目很忙,忙到 ...

3个表单设计的最佳技巧

3个表单设计的最佳技巧相关推荐

最新文章

热门文章