我想知道对于一个小数字列表[1..20],什么样的控制将你的建议来提示用户对于他选择。

我是思考的一个段的控制,但它不存在于网络表单和更糟糕的是,我是部署在一个塔的应用程序(Python框架)

你觉得一个拉的控制就足够了?我还是觉得一段控制是更为直观的和更易于使用,从用户的角度来看。

一定会喜欢的意见,所以社会或许建议有关的最佳做法。

非常感谢!

编辑:忘了提及,我使用的唯图书馆和webhelpers图书馆和尽我的微薄的知识,没有这种控制有等同功能的段

有帮助吗?

解决方案

如果用户相互作用主要是用键盘考虑的只是一个普通的编辑框测试的限制。它更容易比敲下箭头选择一些其他数字。

如果它是老鼠和你有房间,一个网格的按钮或无线电设将是快。

如果键盘的基础,那么雅各布*尼尔森说在他的Alertbox的文章 下拉菜单:有节制地使用, 这值得注意的问题:

设计,以避免

下拉式菜单做有自己的优势。第一,他们的保护屏幕上的空间。他们还阻止用户输入错误的数据,因为他们仅显示法律的选择。最后,因为它们是一个标准的部件(即使不愉快的一个),用户就知道如何处理一下拉菜单,当他们遇到它。

尽管有这些优势,网络可用性将增加,如果设计师使用的下降起伏较少。为此目的,这里是一些例子的设计,以避免:

  • 菜单的国家的缩写, 譬如美国邮寄地址。它的速度要快得多,为用户只需输入,说,"纽约",而不是选择一个国家从一个滚动的下拉菜单。自由格式输入领域与受限制的选项,不要求数据验证后端,但是从实用性角度来看,这往往是最好的路要走。(这是准则178 电子商务的可用性 因为许多错误。我们观察到在检查形式有状态下起伏。)

  • 菜单的数据众所周知的用户, 如月份和年出生。这种信息往往是深深植入用户的手指,具有选择这样的选项菜单休息的标准模式,用于输入信息,甚至可以创造更多的工作对于用户,如以下例子所示。

其他提示

一个下拉是数字的精细,短小范围,允许在任一的范围内的迅速结束快速访问号码。但要记住,用户可以改变液滴的选定值向下使用萤火虫或东西,以便使用验证,以确保提供的号码是否在范围内。

谢谢你的种类答复的家伙。

从一些可用性测试,我图,

  1. 该段控制aka NumberSpinner是最好为挑选数量在小范围内例如为1-100

  2. 经验证的文本适用于进入的大量

  3. 一下拉菜单可能仅适用于数量较小范围,例如在1-10由于长度的下降(上网的用户?移动电话用户)

  4. 一个网格的无线电按钮是不如一下拉菜单,因为用户必须扫描整个屏幕长接他的电话号码

一个帽子戴米恩他尖端的有关验证,以防止篡改数字的使用萤火虫.

如果你喜欢的NumericUpDown的风格,你可以做一个简单的版本很容易地使用JavaScript。我用jQuery做到了,所以我真的不能给你用YUI做细节,但在一般情况下,这里就是我实现。创建一个默认值的标准文本框在其预先设定,并将其设置为只读。添加向上和向下按钮,你想怎么他们的风格(我用的div,倒在框的左侧,向上右侧)。 click事件添加到每个按钮设置为增加或减少文本框中的值。在脚本中,限制值的范围,同时也验证输入,以确保像以前那样劝它不会改变。我在任的这admittidly没有专家,所以有可能是更容易的方法来做到这一点。

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top