接受长帐号的最佳可用性实践

发布于 2024-09-16 00:47:43 字数 268 浏览 4 评论 0原文

最近,一位用户询问(好吧,抱怨)为什么我们网站上的 19 位帐号被分成 4 个长度为 [5,5,5,4] 的单独文本框。作为原始设计师,我无法回答这个问题,但我总是假设这样做是为了保持数据质量,并可能提供更好的用户体验。

其他更通用的示例包括带区号的电话(10 个连续数字与 [3,3,4]),当然还有 SSN(9 位数字与 [3,2,4]),

这让我想知道是否有任何已知的标准关于主题?你什么时候分开你的ID#?特别是在用户体验和最大限度地减少数据输入错误方面。

A user recently inquired (OK, complained) as to why a 19-digit account number on our web site was broken up into 4 individual text boxes of length [5,5,5,4]. Not being the original designer, I couldn't answer the question, but I'd always it assumed that it was done in order to preserve data quality and possibly to provide a better user experience also.

Other more generic examples include Phone with Area Code (10 consecutive digits versus [3,3,4]) and of course SSN (9 digits versus [3,2,4])

It got me wondering whether there are any known standards out there on the topic? When do you split up your ID#? Specifically with regards to user experience and minimizing data entry errors.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

倾城花音 2024-09-23 00:47:43

我知道对此有一些研究,目前我能找到的最多的是关于 的维基百科文章短期记忆,特别是分块。还有神奇的数字七,加或减二

当我向最终用户提供 ID 时,我个人喜欢将其分成 5 个块,这似乎与系统原始设计者使用的约定相同。除了“感觉不错”之外,我没有任何合理的理由可以告诉你选择这个数字。由于无法花费大量资金进行研究,“直觉”和遵循其他系统的争论可能是正确的选择。

也就是说,如果您可以通过以下方式使 UI 对用户更可用:

  • 完成时自动从一个字段的末尾移动到另一个字段的开头 自动
  • 从一个字段的开头移动到前一个字段,并在完成时自动删除最后一个字符用户在不是第一个的空字段中按删除

,或者

  • 将其替换为一个长字段,该长字段上有某种形式的“输入掩码”(不确定这在纯 HTML 中是否可行,但使用它可能是可行的) UI 框架之一),因此它看起来像 "_____ - _____ - _____ - ____" ,最终看起来像 "1235 - 54321 - 12345 - 1234"

它几乎肯定让他们更快乐!

I know there was some research into this, the most I can find at the moment is the Wikipedia article on Short-term memory, specifically chunking. There's also The Magical Number Seven, Plus or Minus Two.

When I'm providing ID's to end users I, personally like to break it up into blocks of 5 which appears to be the same convention the original designer of your system used. I've got no logical reason that I can give you for having picked this number other than it "feels right". Short of being able to spend a lot of money on carrying out a study, "gut instinct" and following contentions from other systems is probably the way to go.

That said, if you can make the UI more usable to the user by:

  • Automatically moving from the end of one field to the start of another when it's complete
  • Automatically moving from the start of one field to the prior field and deleting the last character when the user presses delete in an empty field that isn't the first one

OR

  • Replacing it with one long field that has some form of "input mask" on it (not sure if this is doable in plain HTML, but it may be feasible using one of the UI frameworks) so it appears like "_____ - _____ - _____ - ____" and ends up looking like "1235 - 54321 - 12345 - 1234"

It would almost certainly make them happier!

Spring初心 2024-09-23 00:47:43

不知道标准,但从个人角度来看:

  • 如果有多个字段,请确保一旦字段已满,光标就会移动到下一个字段。
  • 如果只有一个字段,请允许在该字段中使用空格/破折号/任何内容,因为您可以将它们过滤掉。例如,当网站/程序强制您以“dd/mm/yyyy”格式输入日期时,这真的很烦人,这意味着日/月必须用零填充。 “23/8/2010”应该可以接受。

Don't know about standards, but from a personal point of view:

  • If there are multiple fields, make sure the cursor moves to the next field once a field is full.
  • If there's only one field, allow spaces/dashes/whatever to be used in that field because you can filter them out. It's really annoying when sites/programs force you to enter dates in "dd/mm/yyyy" format, for example, meaning the day/month must be padded with zeroes. "23/8/2010" should be acceptable.
回首观望 2024-09-23 00:47:43

您需要考虑特定应用程序的更广泛背景。任何设计决策总是有利有弊,但它们的影响会根据情况而变化,所以你每次都必须思考。

将长数字拆分为多个字段可以使其更易于阅读,尤其是当您选择与大多数用户相同的方式划分数字时。您通常还可以在用户转到下一个字段时立即验证输入,以便更早地指出错误。

另一方面,用户现在很少键入像这样的长数字:大多数时候,他们只是从他们选择的任何笔记保存解决方案中以任何格式复制粘贴它们。这意味着没有任何长度或允许字符限制的单个字段突然变得很有意义——您无论如何都可以过滤掉字符(只需确保在某个时刻向用户显示数字的最终形式)。在字段之间移动焦点也存在问题,浏览器会记住以前的值(您只需选择一个数字,而不是同一数字的 4 个部分)等。

总的来说,我想说,随着浏览器慢慢变得越来越多,为了更有用,您应该通过使用库存解决方案来利用它们提供的机制,而不是自己发明复杂的解决方案。今天你可能比他们领先一步,但两年后浏览器就会迎头赶上,你的网站就会很糟糕。

You need to consider the wider context of your particular application. There are always pros and cons of any design decision, but their impact changes depending on the situation, so you have to think every time.

Splitting the long number into several fields makes it easier to read, especially if you choose to divide the number the same way as most of your users. You can also often validate the input as soon as the user goes to the next field, so you indicate errors earlier.

On the other hand, users rarely type long numbers like that nowadays: most of the time they just copy-paste them from whatever note-keeping solution they have chosen, in whatever format they have it there. That means that a single field, without any limit on lenght or allowed characters suddenly makes a lot of sense -- you can filter the characters out anyways (just make sure you display the final form of the number to the user at some point). There are also issues with moving the focus between fields, with browsers remembering previous values (you just have to select one number, not 4 parts of the same number then), etc.

In general, I would say that as browsers slowly become more and more usable, you should take advantage of the mechanisms they provide by using the stock solutions, and not inventing complex solutions on your own. You may be a step before them today, but in two years the browsers will catch up and your site will suck.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文