Sdílet prostřednictvím


Číselník – ovládací prvky

Poznámka

Tento průvodce návrhem byl vytvořen pro Windows 7 a nebyl aktualizován pro novější verze Windows. Většina pokynů se stále používá v zásadě, ale prezentace a příklady neodráží naše aktuální pokyny k návrhu.

Pomocí číselníku mohou uživatelé kliknout na tlačítka se šipkami a změnit hodnotu v přidruženém číselném textovém poli. Číselník termínu odkazuje na kombinaci textového pole a jeho přidruženého číselníku.

snímek obrazovky číselníku a textového pole

Typický číselník.

Uživatelé často dávají přednost ovládacím prvkům otáčení, protože můžou provádět změny, aniž by museli přesouvat ruce z myši. Když je ovládací prvek číselníku spárovaný s textovým polem, mohou uživatelé zadat nebo vložit vstup přímo do textového pole, takže použití číselníku je volitelné.

I když se ovládací prvky číselníku používají pro číselný vstup, nemusí být vstup čistým celým číslem. Vstup může být desetinná čísla a může mít záporné znaky, oddělovače (například dvojtečky nebo spojovníky) a modifikátory jednotek.

Poznámka

Pokyny týkající se textových polí a rozložení jsou uvedeny v samostatných článcích.

 

Je to správná kontrola?

Při rozhodování zvažte tyto otázky:

  • Používá se ovládací prvek pro číselný vstup? Pokud ne, použijte jiný ovládací prvek, například rozevírací seznam nebo posuvník , a vyberte z pevné sady hodnot. K posouvání použijte posuvníky.

  • Myslí si uživatelé hodnotu jako relativní množství, ne jako číselnou hodnotu? Pokud ano, použijte místo toho posuvník. Číselná pole používejte jenom pro přesné, známé číselné hodnoty. Uživatelé se například zamyslete nad nastavením zvukového hlasitosti na nízkou nebo střední, ne o nastavení hodnoty na 2 nebo 5.

  • Je ovládací prvek spárovaný s textovým polem? Pokud ne, nepoužívejte. Ovládací prvky číselníku by se neměly používat samostatně ani s jinými typy ovládacích prvků kromě textového pole.

    nesprávná odpověď:

    snímek obrazovky číselníku, grafiky, bez textového pole

    V tomto příkladu se ovládací prvek číselníku používá k řízení dynamické grafiky.

  • Jsou souvislé rozsahy hodnot platné? Pokud ne, použijte místo toho rozevírací seznam platných hodnot.

    snímek obrazovky s rozevíracím seznamem

    V tomto příkladu nejsou platná všechna čísla diskových jednotek, takže rozevírací seznam je lepší volbou.

  • Je použití ovládání otáčení praktické? Použití číselníku je praktické pro:

    • Zadání malého čísla, obvykle pod 100.
    • Provádění malých změn existující nebo výchozí hodnoty

    Ovládací prvky číselníku se dají použít pro libovolný číselný vstup, ale v jiných situacích jsou neefektivní.

  • Je ovládací prvek otáčení užitečný? Používá se ovládací prvek v kontextu, kde uživatelé pravděpodobně používají myš? Pokud ne, zvažte volitelný ovládací prvek otáčení.

  • Jsou rozevírací seznamy ovládacích prvků na stejné straně? Pokud existují další rozevírací seznamy, zvažte použití rozevíracího seznamu pro zajištění konzistence.

    snímek obrazovky s rozevíracími seznamy

    V tomto příkladu lze použít číselník, ale rozevírací seznam se používá pro konzistenci.

  • Jsou uživatelé dotykového ovládání nebo pera primárním cílem? Pokud ano, zvažte místo toho použití rozevíracího seznamu. Tlačítka se šipkami v ovládacím prvku otáčení jsou příliš malá, aby se efektivně používala s dotykovým ovládáním nebo perem.

Pokud je možné posuvník nebo číselník, použijte číselník, pokud:

  • Prostor na obrazovce je těsný.
  • Uživatel bude pravděpodobně preferovat používání klávesnice.

Použijte posuvník, pokud:

  • Uživatelé budou mít prospěch z okamžité zpětné vazby.

Pokyny

Obecné

  • Ovládací prvky otáčení používejte vždy, když jsou praktické a užitečné. Podívejte se na Je to správný ovládací prvek?

    • Výjimka: Chcete-li být konzistentní s jinými textovými poli ve stejném uživatelském rozhraní, použijte ovládací prvky číselníku, i když nejsou vždy praktické.

    správně:

    snímek obrazovky s ovládacími prvky měsíce, dne, roku

    V tomto příkladu se ovládací prvek číselníku používá s kontrolou roku pro konzistenci, i když to není vždy praktické.

    nesprávná odpověď:

    snímek obrazovky číselníku IP adres

    V tomto příkladu je ovládací prvek číselníku nepoužitelný.

  • Vždy vytvořte číselník textového pole. Tím umístíte ovládací prvek otáčení do textového pole.

    správně:

    snímek obrazovky ovládacího prvku číselníku umístěný uvnitř textového pole

    nesprávná odpověď:

    snímek obrazovky s ovládacím prvku otáčením umístěným mimo textové pole

    Ve správném příkladu je ovládací prvek číselníku umístěn uvnitř přidruženého textového pole.

  • Pokud je přidružené textové pole zakázané, zakažte ovládací prvek číselníku. Ovládací prvek otáčení je doplňková vstupní metoda – nikdy jedinou metodou zadávání.

Hodnoty

  • Definujte horní tlačítko pro zvýšení hodnoty o jednu jednotku a dolní tlačítko pro snížení o jednu jednotku. Jednotka je obvykle jedna, ale měla by se jednat o nejmenší běžnou změnu hodnoty. V ideálním případě by ovládací prvek otáčení měl pokrýt všechny platné hodnoty a měl by být pohodlnější než psaní v textu.

    snímek obrazovky číselníku margins

    V tomto příkladu se po kliknutí na ovládací prvek číselníku změní hodnoty 0,1, což je nejmenší společná změna hodnoty. Použití menší jednotky by pokrývala rozsah platných hodnot, ale ovládací prvky číselníku by byly nepoužitelné.

  • Pomocí číselníku omezte vstup na platné hodnoty. Použití číselníku by nikdy nemělo mít za následek nesprávnou hodnotu.

  • Na konci oblasti platných hodnot restartujte rozsah. Metafora ovládacích prvků čísel je, že uživatel otáčel kolečkem hodnot, a proto toto chování podobné kolu.

    • Výjimka: Nerestartujte rozsah, pokud je výsledná hodnota zajisté nesprávná.

      snímek obrazovky číselníku

      V tomto příkladu se kliknutím na tlačítko šipky dolů nerestartuje oblast (přechodem na maximální hodnotu), protože tato hodnota je určitě nesprávná.

  • Místo speciálních číselných hodnot použijte text. Umožňuje uživatelům tyto speciální hodnoty otáčet, aniž by je museli znát a zadávat do nich.

    snímek obrazovky s ovládacím

    V tomto příkladu nikdy není zvláštní hodnota, ale uživatelé se na ni můžou otáčet.

  • Pokud hodnota obsahuje oddělovače, mělo by přidružené textové pole obsahovat více vstupních fokusů. Tím umožníte, aby se číselné segmenty zpracovávaly jednotlivě.

    snímek obrazovky ovládacího prvku pro otáčení času, počet minut vybraných

    V tomto příkladu má ovládací prvek číselníku vliv na hodnoty pro hodiny, minuty, sekundy a A.M./P.M. –podle toho, která oblast má fokus.

  • Pokud hodnota obsahuje jednotky, změňte tyto jednotky také pomocí ovládacího prvku číselník.

    snímek obrazovky ovládacího prvku pro otáčení času, vybraná

    V tomto příkladu lze ovládací prvek číselníku použít ke změně jednotek.

Popisky

  • Použijte textové pole popisky pokyny k označení přidruženého textového pole. Ovládací prvky otáčení se nikdy neoznačí přímo.

Dokumentace

Při odkazování na ovládací prvky číselníku:

  • Neodkazujte na ovládací prvky číselníku v uživatelské dokumentaci. Místo toho se podívejte na popisek přidruženého textového pole.
  • Viz číselníkové ovládací prvky a číselník pouze v programování a další technické dokumentaci.

Příklad: Do pole Datum zadejte nebo vyberte část data, které chcete změnit.

glosář