金阳新区网站建设服务:如何提高您的联系人表单的用户体验-极简慕枫

金阳新区网站建设服务:如何提高您的联系人表单的用户体验

2019-01-15

金阳新区网站建设服务

大多数应用程序,无论是对于移动和平板电脑,还是更多的应用程序,都至少依赖于用户的输入一次。实际上,大多数用户大部分时间都依赖于用户的输入。

这些用户只能通过表单给我们输入,虽然他们已经存在了一段时间,但大多数设计师仍然无法正确地设计它们。

只问你需要什么

如果你能马上做一件比任何事情都重要的事情,那就是它。我很少填写表格,认为“这是点”;对于一个UX设计师假装是在他们的垃圾上的世界来说,太少了。

你的表格越短,下降率就越低。我知道我们不是来讨论转换率和如何提高转换率的,但是暂时抛开你的期望吧。这一点很重要。

没完没了的研究表明,你向用户索取的信息越多,他们给你的可能性就越小。这就是为金阳新区网站建设服务什么Facebook、Twitter和G创建了允许人们通过自己的服务登录不同网站的API。

它被称为社交登录。我相信你已经看过“登录Facebook”按钮不止一次了。不同的消息来源提到,在注册时,转化率提高了20%到60%,只需一次点击即可完成。

别误会我的意思。我不是在暗示你应该这么做。实际上,MailChimp建议不要这样做,但重点仍然是一样的:一次点击注册按钮就可以比填写很多关于你自己的细节多出60%的效果。这与亚马逊上的1点击购买类似,后者显然价值数十亿美元。

回到重点。您要求的信息越少,用户注册的机会就越大。最令人沮丧的是,大多数时候你甚至不需要那么多信息。你在卖数码产品吗?不要问我的物理地址,你不需要它。你在卖一双鞋吗?电子邮件,用于订单确认,地址运输,信用卡信息支付-就是这样。你不需要别的了。

看到有多少电子商务专家不懂,真让人沮丧。如果你宁愿为了一些额外的信息而失去我(你以后可能会用它来推销我),你应该放弃你的设计生涯。一旦你失去了我作为一个潜在的客户,我不仅不会回来,而且我会从你的竞争对手那里买,这最终会伤害你。不要要求比你所需要的更多的信息来赶走我。

如果你想要更多关于我的信息,但你并不真的需要它来卖给我一些东西,在我签约或订购产品后,你可以要求它。当你在银行里有我的钱时,你可以向我要任何你想要的东西。我可能不想给你任何进一步的信息(虽然有些会),但至少你没有失去一个销售。

这是你可以马上去做的一步。这应该是改进你的表单的起点:只问你需要什么。

坚持单列布局

如果您想让您的客户避免混淆,请确保您坚持单列垂直对齐输入字段。这样,用户就不会对下一个要完成的字段感到困惑。如果有两列表单,则可以按金阳新区网站建设服务列或行完成。哪条路是对的?没人知道。

如果每一行只有一个输入字段,则不会出现混淆。进程的速度将更快,而混乱,因此用户的挫折感,将更低。这也减少了眼动,因为用户不需要做任何跳跃,只需要看一种方式:向下。

在联系表格中微调标签

标签也是一个关键因素。没有它们,我们就无法理解需要填写的内容,这显然会使我们的表格变得无用。有几种方式显示标签,但也有一些准则,你需要坚持。

首先,始终将标签保存在输入字段之外。这是一个问题,当标签在用户字段中,并且当用户单击某个字段时消失。用户应该始终能够看到需要填写的内容。每当字段处于活动状态时,标签就会消失,这对用户来说并不容易。

如果您没有太多的垂直空间,请将标签保持在输入字段的左侧。否则,您总是可以将它们放在每个字段的顶部。当您在左边有标签时,请始终将它们与左边对齐。这使得人眼更容易快速扫描表单。如果你是为西方世界设计的,请记住这一点。我们从左到右阅读,所以很明显,我们喜欢沿着左边的硬边。

单独相关内容

虽然您的表单很长,但是使用颜色和其他视觉元素可以使它看起来更好看。这就是邻近原则所指的。在人眼看来,放置在一起的几个元素在某种程度上是相关的。这对于比你通常的三字段注册过程更长的表单来说是有意义的。

如果你用这种方式构造你的表单,它将使它们看起来井井有条、干净整洁。每当您有一组可分组的输入字段时,请使用一条细水平线将相关数据合并。你也可以用浅色的背景色来创造同样的效果。

指示主要和次要动作

在表单中,您总是有一个主操作(您希望用户采取的操作)和一个次要操作(可以是“取消”或“后退”按钮)。这是一个你不希望你的用户点击,除非他们真的必须,但它仍然需要在那里。你不能给两个按钮同样的重量和重要性。

解决方案是以不同的方式设计这两个按钮,以便最小化辅助动作的视觉影响。“取消”按钮不应被赋予与主要操作同等的地位,因为它并不那么重要。这也会引导用户走向您认为成功的操作。

优化手机联络表格

尽管Web上有无数的Web表单和很多UX设计人员,但是有大量的表单没有为移动优化。

这是一个在移动控制的世界里的大事。

优化移动表单意味着减少用户的工作量。即使是像指示每个字段要弹出的键盘类型这样小的更改,也会产生巨大的差异。令人沮丧的是,在某些情况下,对移动设备的优化只需要几行代码,但是开发人员并不总是这样做。

移动响应形式

指示与每个字段匹配的键盘类型是一个很好的起点。如果你必须填写信用卡数字,不要使标准键盘出现,而是数字触摸屏。你可能会想“是的,这是常识,为什么要做不同的事情呢?”,但是大多数设计师都会因为任何原因而忽略这个细节。

在退房过程中,重要的是要注意,作为一个用户,我手里有信用卡。我即将把我的细节交给你,让你能拿到我的钱。这是一个你的系统不能给我丝毫弱点的地方,因为我掉下去的可能性很大。当用户手里拿着信用卡,并且愿意付钱时,体验就必须完美无缺。

这就是大鱼和小鱼的区别。

很多时候,系统自动化是解决用户沮丧的方法。您可以快速开发一些“黑客”,这将使我的经验更容易十倍。Google的LukeWroblewski在下面的视频中解释说,减少我作为一个用户的努力是多么容易。瞧一瞧。

#

减少联系人表格中的错误

作为一个设计人员,您可以做很多事情,不仅可以减少错误,而且可以在错误发生时处理这些错误并引导用户通过这些错误。可以利用许多交互设计模式来更好地处理错误。

验证是减少错误的关键。如果您对内联进行验证,则不会给用户很多出错的机会。良好的验证将自动向用户表明,他只写了15位,而不是信用卡上的16位,电子邮件地址以“.xom”而不是“.com”结尾,而且并非所有必需的字段都已完成。

因此,系统将不允许用户单击“Next”或“Submit”,除非他有权处理错误。使用内联验证的优点是反馈是即时的。用户将立即发现一些不正确的东西,并会修复它。如果您在提交表单后首先返回带有错误的表单,则可能会使用户感到沮丧。

内联联系人表单验证-如何?

内联验证有自己的指导方针。您总是需要善于处理错误并给用户提供反馈的位置,但是当您立即验证表单时,它就更重要了。

让用户知道什么是错误可能是一个棘手的问题,但没有什么好的代码不能解决。将“错误”显示为一条消息并用红色高亮显示字段是不够的。今天的错误可能意味着什么。格式化错误吗?电子邮件?密码的长度?我忘了填写所需的字段了吗?如果你想减少我的努力,让我知道错误是什么。就像史蒂夫·克鲁格在他的书里说的,别让我觉得

让我知道什么是具体的错误,我将能够修复它,无需任何努力。如果你使用户容易,用户将更愿意通过错误,仍然给你他的信息,无论是什么信息。

具有实时反馈评分的表单在完成率和客户满意度方面更好,并能最大限度地减少22%的错误-路克·沃博列夫斯基

输入掩码也是您可能想要使用的东西。大多数情况下,它们都能成功地在便携式设备上使用,但这并不是不对桌面表单采取相同方法的借口。输入掩金阳新区网站建设服务码不仅可以防止错误,还可以指示答案的正确格式。

您可以通过输入掩码快速指示有效的格式,并且可以通过让用户知道他们正在格式化输入权限来保持格式的一致性。

输入掩码也有助于只收集所需的信息。如果输入掩码被正确地添加到用户必须键入其信用卡信息的字段中,则掩码将迫使系统不收集除数字以外的任何其他输入。这意味着,如果你误按“空格”或“斜杠”,字段就会忽略它。

您也可以用几行代码重新格式化来自用户的输入。这意味着,无论用户如何填写信用卡信息(不管是否有空格),系统都将(重新)以正确的方式格式化它。

这是实现内联验证的正确方法,相信我,坚持下去只会改善您通过移动网站或应用程序提供的体验。然而,正如前面提到的,不要只在手机上这样做。内联验证是一种可以在所有设备上使用的东西,而不管它们的屏幕大小如何。

如果选择不对内联进行验证,这就足够公平了。但是,记住一件事:在错误页面上,总是预先填充我正确填写的字段。仅仅因为电子邮件地址是错误的,你就不能让我把所有的东西都写一遍。那只是你那一边的懒惰。

如果您想进一步确保用户有尽可能少的机会出错,可以使用字段右侧的帮助提示作为辅助标签,或者在字段中使用帮助提示作为占位符。这是可以用作占位符的,因为它并不重要(就像标签一样),所以当字段活动时,它可以消失,而不会感到不舒服。这样可以指导用户填写正确的信息。这不仅会减少错误的数量,而且还会使完成速度提高一个合理的幅度。

这些帮助提示可以不同的方式显示,包括工具提示。这也是一个很好的方法,特别是当你有限的水平空间供你支配。

下降CAPTCHA

我知道这听起来可能很奇怪。你为什么要删除一个应该减少垃圾邮件的功能?因为这很烦人。我不会过多地钻研它,但在网络上,我最讨厌的东西莫过于卡普查斯(Captchas)。

有一些形式是有意义的,但不是所有的时间。只要用户必须填写信用卡信息,您就不金阳新区网站建设服务需要captcha。如果涉及信用卡,不太可能涉及机器人。

Wrap Up

联系人表单是可以不断改进的网络元素之一。当讨论联系表格时,所有的赌注都取消了。这在很大程度上取决于观众,你设计的每一套表格都必须与你的观众和他们的需求相匹配。

但是,在每一种情况下,为了提供更好的体验,您可以实现一些技巧和技巧。作为一个起点,您应该始终根据这些提示进行优化。

联系电话 400-6065-301

微信咨询 寒总监