Web表单设计的6个基本原则的最佳实践

2019.07.25 mf_web

88

什么是网页表单设计以及如何构建优秀表单。设计师应该了解哪些Web表单设计原则以及解决问题的解决方案和方法

我们几乎每天都会看到各种网页表单设计用于登录或提供信息以获取服务或发布内容。然而,填写表格的过程往往不那么令人愉快。我们花时间输入信息,点击提交,然后我们可能要等待审核。特别是对于相对复杂和漫长的流程形式,糟糕的用户体验很容易让用户感到沮丧并使他们最终放弃。

如何提高填写表格的效率,防止用户出错或丢失一半?本文总结了以下方法:

1.说服用户有效填写:

加入github

首先,构建优秀的表单,告诉用户填写它们的原因。他们能得到什么?让用户看到为您提供信息的好处。例如,Github清楚地告诉您,您将在其注册Web表单设计的右侧获得哪些帮助。

此外,您可以更具体地告诉用户您考虑让他们填写特定的信息表单。

为了说服用户有效填写表单,您还需要消除负面干扰以获得他们的信任。在大多数情况下,最大的担忧是在网站收集信息后使用信息。用户不希望他们的隐私被公开或继续接收垃圾邮件销售电子邮件。此时,您可以引用某些权威机构作为证据,例如媒体报告和用户案例。

告诉用户你的考虑

您可以以更周到和亲密的方式进行,例如告知用户填写他们可能消费的表格的估计时间。

填写表格的预计时间

2.合理组织信息

对于包含更多项目的更复杂的Web表单设计,如果信息组织不好,则很可能显得复杂和混乱。用户很容易产生抵抗感,甚至在开始时就放弃了。合理和分层的信息组织意味着框架,空间和颜色的差异。各部分应根据不同的类别,特征和依赖性进行细分。当前程序应以步骤表示。

合理组织信息

一般来说,蓝色表示通知,黄色表示警告,红色表示错误,绿色表示成功。

用颜色

安徽快3清晰的浏览线,合理的标签,提示文字和按钮布局可以避免重复信息的出现,减少用户的视觉负担和身体负担。

清晰的浏览线,合理的标签,提示文字和按钮布局

安徽快3适当地隐藏信息可以使整个Web表单设计看起来更清爽和愉快。当出现相关操作时,可以设置一些信息。区分主要和次要行为很重要。使用按钮定义链接到辅助节点时的主要操作。请记住为主要操作添加比第二个更明显的样式。

3.为用户节省时间。

安徽快3花大量时间填写表格会让人发疯。在进行Web表单设计时,您应该假设所有用户都是懒惰和忙碌的。尝试删除所有不必要的文件项,并考虑是否有更好的方法(如后续设计研究)收集信息,而不是让用户通过键盘机械输入。

验证码始终是表单中的痛苦项目。用户需要等待生成验证码,确认其内容,确保输入验证码以便点击提交,整个过程与用户的利益无关。用户不会因为再填写一个验证码而获奖。我们可以改变输入验证码的经验,使其更加简单有趣,或通过新的后台逻辑来限制每日用户的数量以取消验证码。

来自我们安全平台的反恶意组织的同事创建了一种巧妙的图片验证代码。

除验证码外,登记确认表中存在的第二个确认密码也很耗时。目前,许多外国主流网站,如Facebook,Twitter,LinkedIn,Friendster等,在填写注册表时不要求用户确认密码。WordPress甚至可以直接将现成的密码发送到用户的邮箱,而不是要求他们填写表格。

o不要求用户确认密码

除了上述方法之外,用户首次输入密码时的明文也会在他们再次执行时提供帮助。出于信息安全考虑,还应为需要它的用户提供暗文本切换。以下是我的明文密码确认方法集合供您参考:

鼠标单击并拖动操作比键盘更有效。添加选择器,快捷选项,智能关联,范围滑块,数字微调等,以便用户可以更快地完成表单。

添加选择器,快捷方式选项

支持拖放上传:

支持拖放上传

智能协会:

智能协会

范围滑块

微调整

应谨慎使用下拉框,因为它会隐藏用户的信息。最好放在日期/省份选择部分或任何地方有更大范围的选项。对于范围有限且重要的选项,使用更明显的选择方法更为合适。

减少输入要求,包括格式,案例等。让您的系统更灵活,而不是让用户改变他们的打字习惯。

防止错误。立即验证信息,以便用户可以修改信息。此外,我们还可以限制用户的行为(例如到达日期不能早于出发日期)或提供自动更正以防止用户犯错误。

防止错误

通过提供更积极的交互式反馈,当前文本,自动访问信息,自动格式更改,填写小数点等,使您的表单变得更加友好。

当用户输入信用卡号时,它应自动确定用户使用何种信用卡。

自动确定

自动确定

如果输入的电话号码错误,用户更有可能查明所属的位置是否不匹配。

4.提供友好的指导。

清理模糊的技术术语(如数据库错误),尝试使用更贴心的语言来引导用户填写表单,告诉用户任何错误的原因。当问题发生时,清楚地解释问题的原因并提供有效的解决方案。如有必要,您还可以添加更多生动的照片或视觉图形,除了指导文本作为指导。

提供友好的指导

提供友好的指导

5.一揽子服务

一揽子服务

安徽快3提交不是表单的结尾,我们应该为用户提供一个包服务来形成一个闭环,避免用户在服务中间跳出来。例如,用户被告知在支付过程中没有足够的余额,用户只能再充电以继续后续操作。但是当这一切都完成后,用户会发现带有付款和货物的原始页面已经消失。这是非闭环的典型示例。同样的故事发生在下载网站上。用户经常被告知在下载之前注册。但是,当您完成注册过程时,页面将自动跳转到论坛的主页。

一个好的网页表单设计,不仅需要考虑预填充指导和填充帮助,还需要考虑整个过程后的体验。思考用户的初衷是什么,让他在填写后得到他最想要的东西。即使他暂时无法得到它,我们也需要告诉他相应的原因和替代操作。

6.提供设计护理

据统计,约有12%的人口有轻度或重度色觉障碍。如果您使用颜色作为区分不可点击文本和可点击链接的唯一元素,则可能会使该部分人难以使用。我们可以在链接文本中添加虚线,使用按钮或其他形状进行区分,以便这些用户可以更清楚地知道哪些是可点击的。

最新案例

联系电话 400-6065-301

微信咨询 寒总监

博悦彩票网 安徽快3走势图 安徽快3 爱淘彩票登陆 泊利彩票官网 百易彩票官网 安徽快3走势图 宝赢彩票官网 百赢彩票平台 爱购彩票APP下载