Was ist die beste Methode für eine Zahl von einem Benutzer zu erhalten?

Question

Ich habe mich gefragt, für eine kleine Liste von Zahlen [1..20], welche Art von Kontrolle werden Sie den Benutzer für seine Auswahl beraten aufzufordern.

Ich dachte an einer NumericUpDown Kontrolle, aber es existiert nicht für Webformular und noch schlimmer zu machen, ich auf einer Pylone Anwendung am Einsatz von (Python Framework)

Fühlen Sie sich ein DropDown Kontrolle genügt? Ich fühle mich irgendwie immer noch ein NumericUpDown Kontrolle ist viel intuitiver und einfacher von einem Benutzer Standpunkt zu verwenden.

Wird die Meinung der Gemeinschaft SO lieben und vielleicht über die besten Praktiken beraten.

Vielen Dank!

edit: vergessen zu erwähnen, dass ich die YUI-Bibliothek und die Bibliothek webhelpers bin mit und nach bestem meinem spärlichen Wissen gibt es keine solche Regelung mit äquivalenter Funktionalität zum NumericUpDown

Answer 1

Wenn der Benutzer meist mit der Tastatur interagiert, sollten Sie nur ein regelmäßiges Bearbeitungsfeld mit einem Test über die Grenzen. Es ist viel einfacher, als der Pfeil nach unten schlägt eine andere Nummer zu wählen.

Wenn es Maus-basierten und Sie haben Zimmer, ein Raster von Tasten oder Radio-Set wäre schnell.

Wenn es Tastatur basiert, dann Jakob Nielsen schrieb in seinem Alertbox Artikel Drop- Down-Menüs: Sparsam , das zur Vorsicht:

  

Designs zu vermeiden

     

Drop-Down-Menüs haben ihre Vorteile. Erstens sparen sie Platz auf dem Bildschirm. Sie verhindern, dass Benutzer auch von fehlerhaften Eingabe von Daten, da sie nur rechtliche Entscheidungen zeigen. Schließlich, weil sie ein Standard-Widget (auch wenn ein unangenehmer) sind, wissen die Benutzer, wie mit einem Drop-Down-Menü behandeln, wenn sie es zu begegnen.

     

Trotz dieser Vorteile Web-Usability erhöhen würde, wenn Designer verwendet Drop-downs weniger häufig. Zu diesem Zweck sind hier einige Beispiele von Mustern und Modellen zu vermeiden:

     

  

• Menüs staatlicher Abkürzungen, wie für die US-Postadressen. Es ist viel schneller für Benutzer geben Sie einfach, sagen wir, „NY“, als einen Zustand von einem Scroll-Dropdown-Menü auswählen. Freiform-Eingabe in Felder mit eingeschränkten Möglichkeiten bietet Datenvalidierung erfordert im Backend, sondern aus Usability-Sicht ist es oft der beste Weg zu gehen. (Dies ist Leitlinie # 178 für E-Commerce-Usability wegen der vielen Fehler, die wir beobachtet in Check-out-Formen mit staatlichen Drop-downs.)

  

• Menüs von Daten auch für die Nutzer bekannt ist, wie der Monat und das Jahr ihrer Geburt. Solche Informationen werden oft in den Benutzern der Finger fest verdrahtet, und solche Optionen zu wählen, die aus einem Menü zur Eingabe von Informationen, das Standard-Paradigma bricht und kann noch mehr Arbeit für Benutzer erstellen, wie das folgende Beispiel zeigt.

  

Answer 2

Ein Dropdown ist in Ordnung, eher kleiner Zahlenbereich, ermöglicht die schnellen Zugriff auf Zahlen an jedem Ende des Bereichs schnell. Denken Sie jedoch daran, dass ein Benutzer könnte den ausgewählten Wert des Tropfens ändern Firebug oder etwas so Validierung verwendet unten verwenden, um sicherzustellen, sofern die Zahl im Bereich liegt.

Answer 3

Vielen Dank für die Art Antworten Jungs.

Von einigen Usability-Tests, ich meine, dass

1. die NumericUpDown Kontrolle aka Number ist das Beste für Zahlen in einem kleinen Bereich zB Picking 1-100

2. ein validiertes Textbox funktioniert gut für die in großer Zahl eingeben

3. ein Dropdown-Menü nur geeignet sein kann für kleinere Anzahl reicht zB 1-10 aufgrund der Länge der Drop-Down (Netbook-Nutzer? Handy-Nutzer)

4. ein Raster von Radioknopf ist als Drop-Down-Menü nicht so gut, da der Benutzer der gesamte Bildschirm Länge zu scannen hat seine Nummer wählen

ein Hut vor seiner Spitze über die Validierung bis damien Veränderung von Zahlen zu verhindern, mit Firebug.

Answer 4

Wenn Sie den NumericUpDown Stil bevorzugen, können Sie eine einfache Version machen ziemlich leicht mit Hilfe von Javascript. Ich habe es mit jQuery getan, so kann ich Ihnen Spezifika nicht wirklich geben es mit YUI tun, aber im Allgemeinen, hier ist was ich implementiert haben. Erstellen Sie ein Standard-Textfeld mit dem Standardwert voreinstellen in ihm, und es auf nur lesbar. In oben und unten Tasten und Stil sie, wie Sie wollen (I verwendet divs, auf der linken Seite der Box, bis auf der rechten Seite). In jede Taste ein Click-Ereignis gesetzt zu erhöhen oder den Wert des Textfeldes zu verringern. In Ihrem Skript, begrenzt den Bereich der Werte, sondern auch die Eingabe bestätigt sicher zu sein, ist es nicht vor wie empfohlen geändert. Ich bin admittidly kein Experte auf irgendetwas davon, so kann es einfachere Wege, es zu tun.