考虑一下你在火车上的时候，走到工作，坐在机场，或者只是躺在沙发上，你必须填写某种在线形式（订单形式，运送表格，调查等。）在您的智能手机或平板电脑上。你有积极或消极的经历吗？您是否正常完成函数的移动表格？您的移动屏幕上是否易于阅读并提交？
由于它们的方便，以及我们大多数人几乎总是携带一个设备，移动表格可能是你经常完成的事情。如果网上表格你完成了一个移动友好的设计，然后这个过程真的是一个方便的一个。但是，如果您尝试完成的表格是不是手机友好，你可能很快就会变得沮丧，生气，或者完全放弃网站。
在本指南中，我们将回顾设计企业移动表单的最有效方法，以帮助您提高转化率并创造良好的用户体验。有多种方法可以实现这一点，包括明显的操作按钮、清晰的表单字段、最小表单字段、自动操作、漂亮的设计和布局， 和更多。
但在深入研究所有这些细节之前，我们先来看看定义移动表单设计，以便更好地理解我们即将回顾的概念和指导方针。
移动和桌面表单设计
今天，你的网站访问者不仅仅是在他们的台式计算机上浏览你的网站、查看你的内容和填写你的表格，他们还通过他们的移动设备完成这些任务。这意味着，通过移动设备轻松查看、填写和提交表单是绝对重要的。
为什么手机表单设计很重要?
出色的移动表单设计带来了积极的用户体验，这确保了一个快乐的网站访问者更有可能转化为客户并成为回头客。
移动表单的设计、布局和功能在网站的整体用户体验中扮演着重要角色，因为每天都有大量的人通过移动设备浏览物品、购物和购物。如果您的表单对移动设备不友好，您可能会遇到更少的转换，移动站点流量的损失，以及不愉快和沮丧的客户的增加。谁想要这个？
为什么手机表单设计与桌面设计不同?
他说道:“手机平台的运作方式各不相同，所以营销人员需要确保他们网站的任何元素都是针对手机平台进行优化的。理布洛克，一位屡获殊荣的营销影响者和策略师。“当然，这也包括表单——特别是因为在移动设备上，您经常需要填写表单。”
具体来说，想想移动设备之间的显示器或屏幕大小的差异，比如苹果iPhone，它的范围通常是4.7”,6.1”在大小上；和一台iMac台式计算机，通常包括21“至27”在尺寸方面。显然，假设适合iPhone屏幕的形式是安全的，这将不会完美地符合桌面屏幕。
如果您的移动访问者无法轻松阅读、填写和提交您的表单，您可能会失去他们的业务。因此，创建一个适合任何移动设备屏幕的移动友好表单对于创造良好的用户体验至关重要，这样才能给访问者留下持久的印象，并帮助你提高转化率。
什么是敏感的网页设计？
如果你想让移动表单设计更进一步，并确保全部的网站功能适用于所有类型的设备，可以实现响应式网站设计。
响应式web设计将用户的屏幕大小、平台、方向和环境考虑在内。这是一个简单而有效的方法来创建一个伟大的用户体验，因为这么多人都是不断地在各种设备上访问和浏览不同的网站。
有许多方法可以确保你的网站具有响应式设计。例如，如果你是一个WordPress用户，有几个响应的WordPress主题您可以安装并使用它来设计站点。此外，如果您正在或已经使用以下软件构建站点：雷竞技苹果下载官方版平方空间，你的网站可能会自动附带响应网页设计.
今天，响应式网页设计是企业的流行选择，因为大量的人通过各种不同的移动设备访问网站。但现在，让我们回到讨论移动表单设计。
移动表单设计：10个用户体验指南
“在设计移动表格时，”Bullock解释说：“宣布，保持简单并使它们尽可能快。[表格]更难以在移动设备上完成，并且一切都感觉比它需要更长时间。”
换句话说，移动表单最重要的一点是终端用户的简单性。创建移动友好表单时，您需要采取一些步骤为访问者提供最佳的用户体验。让我们回顾一下这些用户体验指南中的10条，您可以从今天开始以自己的形式实施这些指南。
1.最小化表单字段的数量
听过“少即是多”这句话吗?这正是你在创建移动表单时应该考虑的问题。
移动设备屏幕的大小、表单中需要放置的内容量和表单字段的数量（表单字段是访问者添加响应的框）之间，很容易让表单感到混乱。请记住，删除所有不必要的绒毛，只保留表单字段，用于您需要的信息需要.
除了将表单字段的数量缩小到只保留必要的字段外，您还需要确保用尽可能少的单词清楚地标记表单字段。您还应该将可选的表单字段标记为“可选”，或者在必需的表单字段旁边加上星号，以简化流程。
2.尽可能自动化操作
如果你不小心打错了你的街道地址，然后表格帮你纠正了拼写自动更正你的反应。
如果您开始键入送货地址，并且包含您的地址的其余部分突出，请询问您是否希望使用已保存的地址“自动填充”表单字段的其余部分，然后您的表单是自动完成你的回答。
通过在移动表格上实现自动更正和自动填充功能，您将通过快速，高效和简单的过程提高用户体验。
3.使用单列布局
当你完成长期或多步骤的形式，将所有内容列在一个单列布局中。
桌面和移动设备上的表单都是如此，原因如下：单列表单布局：
a.更容易阅读
将所有表单字段设置为单列格式可以让访问者一次只关注一个条目，从而使表单更易于阅读。
b。没那么可怕
如果你看到一个表单，特别是在一个狭小的空间里，就像你在移动设备上看到的那样，看到大量的内容挤在一起，你可能会感到不知所措。这就是为什么按行分隔内容并将表单字段设置为单列格式会使内容看起来不那么令人生畏。
C更快的完成
当您将多步骤表单放在一列中时，潜在客户可以比多列表单更快地完成它。这是因为该格式使表单更易于阅读和逐步完成。
4.使用表单字段的输入约束
如果您的移动表单包含短或长的响应，您应该启用输入约束。输入限制限制了一个人可以在表单字段中输入的单词或字符的数量。
由于键盘和屏幕的大小，在移动设备上写入长响应并不总是简单。如果访问者不确定响应所需的详细信息，他们可能会过度解释，这可能最终是您和您的访客的耗时过程。
输入约束通常会说，“您已经超过了___字符的最大值”。
还有其他类型的输入约束限制输入选项，比如表单上的日期。例如，如果有人试图在您的餐厅预订一张桌子，并且在过去意外地选择了一个日期，那么您的约束将阻止他们实际选择和确认该日期。通过设置输入约束，您可以在填写表单字段时节省准备时间，还可以避免审查冗长或无效的答案。
5.创建清除动作按钮
花时间填写移动表格后，潜在客户可能需要确保其表单正确地提交，以确保您和您的团队能够接收和审查其信息。
通过使用清晰的行动标记的大型，粗体和可见按钮，例如“提交”，“下一步”或“完整”，您的领先潜力将对他们的表单提交感到充满信心。这些动作按钮可帮助您简化表格完成和提交程序，以避免任何不必要的混淆或关注。
6.为付款提供扫描仪
您是否曾尝试过通过智能手机以表格输入您的信用卡详细信息？在这样一个小屏幕上打字一堆数字，小键盘可以是一个繁琐的过程。
卡片扫描应用，例如blinkid.和card.io，这对确切原因越来越受欢迎。购买时，您的访问者可以单击一个按钮，将它们带到一个屏幕，在那里他们可以使用移动设备的相机拍摄卡片前后的安全照片，无论是他们的许可证还是信用卡。
只需几张图片，您的线索将完成最耗时的部分之一，您的移动表单完成过程。这些卡片扫描应用程序使你的访客高效，挫败感和错误。
7.解释需要具体信息
在完成简单的电子邮件注册或注册表时，您是否曾被要求提供与注册表单本身无关的个人信息？
这是所有类型的形式（不仅仅是移动）的常见现象。向某人寻求个人或其他敏感信息而不解释您的需求可能有点粗略。
如果您要求一个问题不一定直接与您的访问者填写表单的原因（无论是必需的还是可选的），那么您应该创建某些类型的摘要框或通知，他们可以单击阅读简短描述您要求此信息的原因。这样，您的表格将感到专业和周到。
8.提供成功或完成状态
无论你的网站上有什么类型的移动表单，你都应该向你的访问者和领导提供他们当前的进度、成功或完成状态。
如果您有长期多阶段的形式，则应在您的表格顶部中包含一个进度条，以便您的访客知道他们将通过表格工作的更长时间。
此外，一旦你的潜在客户提交了他们的表格，你应该引导他们进入另一个屏幕或页面，上面写着“成功！”或“感谢你提交表格！”这样他们就知道他们的提交是有效的。
9包括错误消息
在填写你的手机表格时，你的访问者肯定会在这里或那里犯错误。你的手机表单应该实时标记这些错误，这样你的潜在客户才能保持高效和准确。
例如，如果有人在他们的街道地址旁边加上了错误的邮政编码，确保你的手机表单将其标记为错误消息这样就不会浪费时间，你的企业也一定会收到准确的信息。
在你的信息，给你的领导适用，易于理解的信息，清楚地显示错误的确切位置，以及怎样他们可以解决它。
10.考虑表格的外表
出现和第一款商业始终重要的印象。这也适用于你的手机形式，因为没有人想要完成黑暗，难以阅读，混乱，没有吸引力的形式。
你希望你的移动表单具有高功能性和美观性。您可以通过使用您的徽标和颜色创建一个看起来很专业的表单。你的移动表单的外观应该有助于它的可读性和积极的用户体验。
要实现此目的，请使用：
- 简单，易于阅读的排版
- 最小的形式字段
- 明亮和粗体的操作按钮
- 单列布局
- 一个不会让人感觉太过强烈的调色板
回到你身边
众所周知，今天，你的网站访问者通过他们的移动设备完成并提交你的网页表单。这是因为它既方便又高效，因为大多数人都随身携带某种类型的移动设备，因此表单的移动友好性至关重要。否则，您的表格将难以阅读、完成和提交，这可能会让您的客户感到沮丧或导致您完全失去他们的业务。通过考虑你的手机表单设计并执行这些指导方针，你将增强你的手机表单用户体验，与你的潜在客户和客户建立积极的关系，并提高你的转化率。
最初发布于2018年12月21日下午4:00:00，更新于2021年6月10日
相关文章
