用户体验:表单下拉与自定义设计

发布于 2024-10-15 06:28:37 字数 108 浏览 4 评论 0原文

我正在为一个跨国网站重建一个语言选择界面,我开始认为使用简单的表单下拉菜单可能比他们当前使用的自定义 JavaScript 下拉菜单更适合可用性。我是不是偏离了基地,还是应该跟随自己的直觉?你怎么认为?

I'm rebuilding a language selection interface for a multi-national website, and I'm beginning to think it might be better for usability to use a simple form drop down rather than the custom JavaScript drop down menu that they're currently using. Am I way off base here, or should I go with my instinct? What do you think?

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

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

发布评论

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

评论(4

朕就是辣么酷 2024-10-22 06:28:37

简单的下拉有其优点。当您让浏览器决定要做什么,而不是通过 JS 强制它执行您想要的操作时,特殊环境(例如移动设备)的浏览器会将下拉菜单格式化为其本机选择器。

Simple drop down has its advantages. When you let the browser decide what to do, instead of forcing it to do what you want via JS, then browsers for unique circumstances (such as mobile devices) will format the drop down as its native selector.

轻许诺言 2024-10-22 06:28:37

如果自定义 js 菜单不提供附加功能,那么一定要使用基本选择菜单。但是,如果有充分的理由使用自定义菜单,请考虑使用渐进式增强 因此您可以确定它为每个人提供了基本功能,并为支持它的浏览器添加了功能。

If the custom js menu provides no additional functionality then definitely go with the basic select menu. However, if there's a good reason to use the custom menu, consider implementing it in a way that uses progressive enhancement so you can be sure it provides the basic functionality for everyone and adds features for browsers that can support it.

岁月流歌 2024-10-22 06:28:37

任何访问设置语言页面的用户都会有一个特定的目标。他已经知道他想在这里设置什么语言(就像在大多数表格中人们知道他们想要填写他们的出生日期一样)。

因此,我建议使用具有自动完成功能的文本框。优点如下:

  • 在大多数情况下,当用户知道他的选项是什么时,带有预先输入功能的文本框比下拉菜单效果更好。
  • 带有搜索“R”功能的下拉菜单并不总是对所有人都以相同的方式工作。浏览器,但并非所有浏览器都支持搜索“RUS...”及其他内容。
  • 从纯粹的可用角度来看,随着时间的推移,预先输入将被证明更加有用。

Any user who reaches the page for setting languages, comes with a specific aim in mind. He already knows what language he wants to set here (just as in most forms people know what they want to fill in for their birth date).

For this reason, I would recommend a text box with autocomplete functionality. Here are the advantages:

  • a text-box with a type-ahead works much better than a dropdown in most cases when the user knows what his options are
  • a dropdown with searching for "R" functionality doesn't always work the same way for all browsers, and not all browsers implement searching for "RUS...." and beyond.
  • from a purely is-this-usable standpoint, the type-ahead will prove to be far more useful over time.
可是我不能没有你 2024-10-22 06:28:37

我不会对国家/地区使用下拉菜单 - 当项目数量很大时,它们使用起来很麻烦(https://ux.stackexchange.com/questions/31738/what-is-the-maximum-recommended-number-要放入下拉列表的项目)。

在下拉列表中,“开始输入字母”可以直接跳转到说“俄罗斯”,这是下拉列表中的一个很棒的功能 - 尽管我怀疑这是一个高级用户功能 - 很多用户都不会意识到这一点(基本上是因为它是隐藏功能)。

看看这个解决方案 -
http://uxdesign.smashingmagazine.com/2011/11 /10/redesigning-the-country-selector/

干杯

I wouldn't use a drop down for countries - they are cumbersome to use when the number of items are large (https://ux.stackexchange.com/questions/31738/what-is-the-maximum-recommended-number-of-item-to-put-in-a-drop-down-list).

The "start typing a letter" to jump directly to say Russia when pressing R is a great feature in drop down lists - although I suspect that this is a power user feature - one that a lot of users will be unaware of (basically because it's a hidden feature).

Check out this solution instead -
http://uxdesign.smashingmagazine.com/2011/11/10/redesigning-the-country-selector/

Cheers

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