1

我有一些可用性问题,我会重视一些输入。

我网站的初始页面包含两组控件,一组用于用户登录,另一组用于新用户激活。

问题在于后者。当用户注册该服务时,他们会收到一个格式为 XXXX-XXXX-XXXX-XXXX 的激活码。目前,他们必须将其输入到四个单独的文本字段中。虽然我已经添加了一些 javascript 来自动在文本字段之间来回移动它们,就好像它是一个单独的控件(效果很好),但问题是它缺乏一种让用户将数据粘贴到其中的方法,并且作为这有点痛苦。

现在这不是一个大问题,但这可能意味着人们对我的网站的第一次体验有点令人沮丧,不得不在包含他们的激活码的电子邮件和我的页面之间来回跳跃。这显然不是最优的。

在这一点上,您可能认为显而易见的答案是将激活码输入到一个单独的文本字段中。你是对的,但如果我这样做,我会失去一件非常重要的事情:我失去了一种形式和另一种形式之间的关键视觉区别,它会自动告诉用户他们需要使用哪种形式,而无需阅读或不必阅读任何内容分析一件事。就目前而言,页面上有两个不同形状的洞,用户数据显然只适合其中一个,所以在某种程度上,与他们相关的形式是显而易见的。

那么,有人对此有什么好的解决方案吗?唯一的限制是我需要将所有控件保留在一个页面上。

提前感谢您的帮助。

编辑:

感谢到目前为止的所有输入,其中的每一点都很有价值。我目前认为最好的解决方案不是一件事,而是实际上是不同方法的融合,以使整个事情更有用。

在此基础上,根据您的所有建议,这就是我要做的事情:

  • 在购买电子邮件中,设置指向初始页面的链接,使其在查询字符串中包含激活码。设置初始页面以检查这一点并直接转发它们。这可能意味着绝大多数用户甚至不会看到初始页面,但仍然会有人们通过其他方式收到他们的代码并且必须直接输入它们的情况
  • 将四个文本字段转换为单个文本字段,并将“XXXX-XXXX-XXXX-XXXX”作为内联标签。
  • 设置登录控件以转发在此处错误输入其激活码的任何用户,而不仅仅是将它们转储到错误屏幕。

而且我不知道为什么我一开始就没有包含它,但这里是任何想要查看当前实现的人的 URL(你必须原谅它是意大利语的事实,但它应该是相当简单的什么是什么)。

已经给出了 bryan 的答案,其中包含了我将要使用的大部分内容。如果我有必要的声誉,我会投票赞成你所有的答案,因为它们都有帮助。再次感谢。

4

3 回答 3

1

在我看来,您遇到了用户混淆两个文本框的问题,但是通过将一个文本框分成四个,您会使情况变得更糟。例如,通过字段自动切换是不好的可用性 - 请参阅“<a href="https://stackoverflow.com/questions/1959398/moving-a-focus-when-the-input-text-field 的评论和答案-reaches-a-max-length/1959579#1959579">当输入文本字段达到最大长度时移动焦点。”

假设这不是一个假设的问题,并且您实际上已经观察到人们使用了错误的字段,您需要为用户混淆字段找到另一种解决方案:

  • 使用简洁的字段标签。将字段标记为“激活码”而不是“输入您注册时我们发送给您的电子邮件中的 16 个字符的破折号分隔的激活码。” 解释从何处获取激活码所需的文本应位于文本框之后。

  • 在文本框外部使用提示文本或图形设计来指示它有四个子字符串。例如,在文本框下方输入“XXXX-XXXX-XXXX-XXXX”。

  • 从页面中删除所有无关的元素——页面上的图形和文本干扰越多,两个文本框之间的差异就越少。

  • 使其与用户使用哪个文本框无关。如果在用户名文本框中输入的字符串不匹配任何用户名,则查看它是否匹配任何激活码,反之亦然。

  • 消除激活码文本框。相反,当您发送激活请求时,请包含一个注册 URL,其中包含激活码作为参数(更多详细信息由bryanjonker回答)。

抱歉,这可能应该是评论,而不是答案,但它不适合。

于 2010-01-29T14:49:19.817 回答
1

您可以在 JavaScript 中编写一个 onpaste 函数,将粘贴的字符串分成 4 个字符块,然后它们通过 dom 将它们写入适当的文本框。

于 2010-01-28T15:55:39.433 回答
1

几个简单的选择:

  1. 您可以让它们保持相同的物理页面,只需在发送激活码时更改查询字符串。如果查询字符串可用,则隐藏一组控件。如果您必须显示这两个部分,则根据查询字符串信息将一个部分变灰。

  2. 将控件更改为具有一个文本字段,但在新用户激活中包含“XXXX-XXXX-XXXX-XXXX”作为默认文本。如果用户单击文本框,请删除文本,这样他们的激活码就不会包含提示文本。如果人们期望这种模式,人们会看到默认文本并倾向于它。登录的人将看到默认文本并将其屏蔽。

于 2010-01-28T15:57:29.997 回答