Rozevírací seznamy windows 7 & polí se seznamem
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.
S rozevíracím seznamem nebo polem se seznamem si uživatelé vyberou ze seznamu vzájemně se vylučující hodnoty. Uživatelé můžou zvolit jednu a jenom jednu možnost. U standardního rozevíracího seznamu jsou uživatelé omezeni na volby v seznamu, ale se seznamem můžou zadat volbu, která není v seznamu.
Typické pole se seznamem.
Při čtení tohoto článku jsou důležité pochopit následující termíny:
- Standardní seznam je pole, které obsahuje seznam více položek se zobrazenými více položkami.
- Rozevírací seznam je seznam, ve kterém je vybraná položka vždy viditelná a ostatní jsou na vyžádání viditelné kliknutím na rozevírací tlačítko.
- Pole se seznamem je kombinací standardního seznamu nebo rozevíracího seznamu a upravitelného textového pole , takže uživatelé můžou zadat hodnotu, která není v seznamu.
- Upravitelný rozevírací seznam je kombinací rozevíracího seznamu a upravitelného textového pole.
- Upravitelné pole seznamu je kombinací standardního seznamu a upravitelného textového pole.
Poznámka
Pokyny týkající se rozložení jsou uvedeny v samostatném článku.
Je to správná kontrola?
Při rozhodování zvažte tyto otázky:
- Používá se ovládací prvek k výběru jedné možnosti ze seznamu vzájemně se vylučujíných hodnot? Pokud ne, použijte jiný ovládací prvek. Pokud chcete zvolit více možností, použijte standardní seznam s vícenásobným výběrem, seznam zaškrtávacích políček, tvůrce seznamu nebo přidat nebo odebrat seznam.
- Jsou příkazy možností? Pokud ano, použijte tlačítko nabídky nebo tlačítko rozdělit. Pro objekty (podstatná jména) nebo atributy (přídavná jména) použijte rozevírací seznamy a pole se seznamem, ale ne příkazy (slovesa).
- Prezentuje seznam data místo možností programu? V obou případech je vhodný rozevírací seznam nebo pole se seznamem. Naproti tomu přepínačů jsou vhodná pouze pro malý počet možností programu.
rozevíracích seznamů
Je ve většině situací doporučená výchozí možnost pro většinu uživatelů? Je zobrazení vybrané možnosti mnohem důležitější než zobrazení alternativ? Pokud nechcete, aby uživatelé udělali změny skrytím alternativ, zvažte použití rozevíracího seznamu. Pokud ne, zvažte přepínač, seznam s jedním výběrem nebo upravitelný seznam, který dává větší důraz na alternativní volby.
V tomto příkladu je nejvyšší kvalita barev nejlepší volbou pro většinu uživatelů, takže rozevírací seznam je dobrou volbou pro přehrání alternativ.
Chcete upozornit na tuto možnost? Pokud ano, zvažte přepínač, seznam s jedním výběrem nebo upravitelný seznam, který má tendenci upoutat větší pozornost tím, že vezme více místa na obrazovce. Vzhledem k tomu, že rozevírací seznamy jsou kompaktní, jsou vhodné pro možnosti, které chcete nedostatečně uspořádat.
Je místo na obrazovce premium? Pokud ano, použijte rozevírací seznam, protože využité místo na obrazovce je pevné a nezávislé na počtu voleb.
Jsou v okně další rozevírací seznamy? Pokud ano, zvažte použití rozevíracího seznamu pro konzistenci.
upravitelné rozevírací seznamy
Kromě zásad, které jsou uvedeny v rozevíracích seznamech, platí také toto:
Jsou možné možnosti omezení? Pokud ano, použijte místo toho normální rozevírací seznam. Pole se seznamem jsou určená pro nekontrénovaný vstup, ve kterém mohou uživatelé muset zadat hodnotu, která není aktuálně v seznamu. Vzhledem k tomu, že vstup je nezařazený, pokud uživatelé zadají text, který není platný, musíte chybu zpracovat chybovou zprávou.
Můžete vytvořit výčet nejpravděpodobnějších možností předem? Pokud ne, použijte místo toho textové pole.
Používá se rozevírací seznam k výpisu předchozího vstupu uživatele? Pokud uživatelé nemusí zkontrolovat úplný seznam předchozích vstupů, použijte místo toho textové pole s možností automatického dokončování.
V tomto příkladu mohou uživatelé potřebovat zkontrolovat předchozí vstup, takže upravitelný rozevírací seznam je dobrou volbou.
V tomto příkladu je vhodné textové pole s automatickým dokončováním.
Budou uživatelé potřebovat pomoc s výběrem platných hodnot? Pokud ano, použijte textové pole s tlačítkem Procházet.
V tomto příkladu můžou uživatelé kliknout na Komu, aby mohli vybrat platné hodnoty.
Je důležité uživatelům doporučit, aby si zkontrolovali alternativní možnosti nebo pozvali změnu? Pokud ano, zvažte místo toho použití upravitelného seznamu. S upravitelným rozevíracím seznamem uživatelé nebudou vědět o alternativách, dokud seznam nezahodí.
Potřebují uživatelé rychle vyhledat položku ve velkém seznamu? (Jenom Win32) Pokud ano, použijte pole se seznamem, protože uživatelé mohou vybrat položku zadáním jeho celého jména. Naproti tomu rozevírací seznam Win32 vybere položky založené pouze podle posledního typu znaku (takže zadáním "jun" do seznamu měsíců bude odpovídat listopad, ne červen). V takovém případě použijte pole se seznamem, i když jsou možné možnosti omezené.
upravitelné seznamy
- Jsou možné možnosti omezení? Pokud ano, použijte místo toho seznam s jedním výběrem nebo normální rozevírací seznam. Pole se seznamem jsou určená pro nezatěžovaný vstup, kdy uživatelé možná budou muset zadat hodnotu, která není aktuálně v seznamu. Vzhledem k tomu, že vstup je nezařazený, je-li uživatel zadat text, který není platný, musíte chybu zpracovat chybovou zprávou.
- Můžete předem vytvořit výčet nejpravděpodobnějších možností? Pokud ne, použijte místo toho textové pole.
- Je důležité uživatelům doporučit, aby si zkontrolovali alternativní možnosti nebo pozvali změnu? Pokud ne, zvažte místo toho upravitelný rozevírací seznam.
- Chcete upozornit na tuto možnost? Pokud ne, zvažte místo toho upravitelný rozevírací seznam. Vzhledem k tomu, že rozevírací seznamy jsou kompaktní, jsou vhodné pro možnosti, které chcete nedostatečně uspořádat.
- Je místo na obrazovce premium? Pokud ano, použijte upravitelný rozevírací seznam, protože využité místo na obrazovce je pevné a nezávislé na počtu voleb.
U rozevíracích seznamů počet položek v seznamu není faktorem při výběru ovládacího prvku, protože se škálují od tisíců položek až po jednu. Upravitelné rozevírací seznamy se škálují z tisíců položek dolů na žádné, protože uživatelé mohou zadat hodnotu, která není v seznamu. Vzhledem k tomu, že rozevírací seznamy lze použít pro data, nemusí být počet položek předem známý a možná nelze zaručit. Do upravitelných seznamů vždy zahrňte alespoň tři položky, aby bylo možné zarovnat další místo na obrazovce.
Vzory použití
Rozevírací seznamy a pole se seznamem mají několik vzorů použití:
Zvyk | Příklad |
---|---|
rozevírací seznam standardní rozevírací seznam s pevnou sadou předem určených hodnot. |
Při zavření se zobrazí jenom vybraná položka. Když uživatelé kliknou na rozevírací tlačítko, zobrazí se všechny možnosti. Pokud chcete hodnotu změnit, můžou uživatelé otevřít seznam a kliknout na jinou hodnotu.![]() V tomto příkladu je seznam ve svém normálním stavu. ![]() V tomto příkladu byl seznam vyřazen. |
rozevíracího seznamu náhledu rozevíracího seznamu, který zobrazí náhled výsledků výběru, aby uživatelé mohli zvolit. |
![]() V těchto příkladech se v rozevíracích seznamech zobrazí náhled výsledků výběru. |
upravitelný rozevírací seznam rozevírací seznam, který umožňuje uživatelům zadat hodnotu, která není v rozevíracím seznamu. |
![]() ![]() Příklady upravitelného rozevíracího seznamu v režimech úprav a vyřazení Tento ovládací prvek použijte, pokud chcete dát flexibilitu textového pole, ale chcete uživatelům pomoct tím, že poskytnete pohodlný seznam pravděpodobných voleb. |
upravitelné seznamy normální pole se seznamem, které umožňuje uživatelům zadat hodnotu, která není v seznamu vždy viditelných. |
![]() V těchto příkladech se vždycky zobrazí upravitelná seznamová pole. Tento ovládací prvek je lepší volbou než upravitelný rozevírací seznam, pokud je důležité uživatelům doporučit, aby zkontrolovali alternativní volby nebo změnu pozvánky. |
Pokyny
Obecné
-
Nepoužívejte změnu rozevíracího seznamu nebo pole se seznamem k:
- Proveďte příkazy.
- Zobrazte další okna, například dialogové okno pro shromáždění dalších vstupů.
- Dynamické zobrazení jiných ovládacích prvků souvisejících s vybraným ovládacím prvku (čtečky obrazovky takové události nedokáže rozpoznat).
Prezentace
Řazení položek seznamu v logickém pořadí, jako je seskupení vysoce souvisejících možností dohromady, umístění nejběžnějších možností jako první nebo použití abecedního pořadí. Seřaďte jména v abecedním pořadí, čísla v číselném pořadí a kalendářní data v chronologickém pořadí. Seznamy s 12 nebo více položkami by měly být seřazené abecedně, aby bylo snazší položky najít.
Správně: snímek obrazovky
V tomto příkladu jsou položky seznamu seřazené podle jejich prostorového vztahu.
Nesprávná odpověď:
V tomto příkladu je tolik položek seznamu, které je potřeba seřadit podle abecedy.
Správná odpověď:
V tomto příkladu jsou položky seznamu seřazené v abecedním pořadí s výjimkou možnosti, která představuje všechny položky.
Možnosti umístění, které na začátku seznamu představují možnost Vše nebo Žádné, bez ohledu na pořadí řazení zbývajících položek.
Uzavřít meta-options v závorkách.
V tomto příkladu je "(None)" meta-option, protože není platnou hodnotou pro volbu, spíše popisuje, že samotná možnost se nepoužívá.
Když zakážete rozevírací seznam nebo pole se seznamem, zakažte také všechny přidružené popisky a příkazová tlačítka.
Rozevírací seznamy
Když se k změně zobrazení přidruženého ovládacího prvku použije jeden rozevírací seznam, zobrazení okamžitě změnit při výběru, místo aby vyžadovalo samostatné příkazové tlačítko. Použití samostatného příkazového tlačítka pouze v případě, že vykreslení seznamu trvá značné množství času. Záhlaví seznamu a tlačítka nabídky jsou však upřednostňované ovládací prvky pro tento účel.
Nemáte prázdné položky seznamu,místo tohopoužít meta-options . Uživatelé neví, jak interpretovat prázdné položky, zatímco význam meta-options je explicitní.
Správně:
Nesprávná odpověď:
V nesprávném příkladu není význam prázdné možnosti nejasný.
Náhled rozevíracích seznamů
V položkách seznamu používejte náhledy, pokud je lepší zobrazit obrázky, než popsat pomocí samotného textu.
V tomto příkladu náhled vysvětluje možnosti mnohem lépe než samotný text.
Nepotřebné, nepoužité ikony v náhledech.
Nesprávná odpověď:
V tomto příkladu jsou ikony náhledu zbytečné, protože nekomunikují žádné informace.
Seznamem
Omezte délku vstupního textu, pokud je to možné. Pokud je například platným vstupem číslo od 0 do 999, použijte pole se seznamem, které je omezeno na tři znaky.
Pokud existuje mnoho možných možností, zaměřte obsah seznamu na nejpravděpodobnější možnosti. Protože uživatelé můžou zadávat hodnoty, které nejsou v seznamu, nemusí pole se seznamem vypisovat všechny volby, jenom pravděpodobné volby nebo reprezentativní vzorek.
V tomto příkladu není uvedeno mnoho platných voleb, například 15 nebo písma s poloviční velikostí, například 9,5.
Výchozí hodnoty
- Vyberte nejbezpečnější možnost (abyste zabránili ztrátě dat nebo přístupu k systému) a nejbezpečnější možnost ve výchozím nastavení. Pokud bezpečnost a zabezpečení nejsou faktory, vyberte nejpravděpodobnější nebo nejpohodlnější možnost.
- Výjimka: Zobrazit prázdnou výchozí hodnotu, pokud ovládací prvek představuje vlastnost v smíšeném stavu, což se stane při zobrazení vlastnosti pro více objektů, které nemají stejné nastavení.
Pobídky
Výzva je popisek nebo krátká instrukce umístěná v upravitelném rozevíracím seznamu jako výchozí hodnota. Na rozdíl od statického textu zmizí výzva z obrazovky, jakmile uživatel něco zadá do pole se seznamem nebo získá fokus vstupu.
Typická výzva.
Použijte výzvu, když:
- Prostor obrazovky je v takové úrovni premium, že použití popisku nebo instrukce je nežádoucí, například na panelu nástrojů.
- Výzva je určena především k určení účelu seznamu kompaktním způsobem. Nesmí to být důležité informace, které uživatelé musí při používání pole se seznamem vidět.
Nepoužívejte výzvy jenom k nasměrování uživatelů, aby něco ze seznamu vybrali nebo klikli na tlačítka. Například výzvy jako Vybrat možnost nebo Zadat název souboru a potom klepněte na tlačítko Odeslat jsou nepotřebné.
Při použití výzev:
- Nakreslete text výzvy v šedé kurzívě a skutečném textu v normální černé barvě. Text výzvy nesmí být zaměňován se skutečným textem.
- Ponechte text výzvy stručný. Místo celých vět můžete použít fragmenty.
- Použijte velká písmena ve stylu věty .
- Nepoužívejte koncovou interpunkci ani tři tečky.
- Text výzvy by neměl být upravitelný a měl by zmizet, jakmile uživatelé kliknou na textové pole nebo na kartu.
- Výjimka: Zobrazí se výzva, pokud má textové pole výchozí vstupní fokus a zmizí pouze po spuštění psaní uživatele.
- Text výzvy se obnoví, pokud je textové pole stále prázdné, když ztratí fokus vstupu.
Nesprávná odpověď:
V tomto příkladu není prostor obrazovky na úrovni Premium; po vyplnění upravitelného rozevíracího seznamu je obtížné si uživatelé pamatovat, k čemu slouží; a text výzvy je upravitelný a nakreslený stejným způsobem jako skutečný text.
Doporučená velikost a mezery
Doporučená velikost a mezery pro rozevírací seznamy a pole se seznamem
- Zvolte šířku odpovídající nejdelším platným datům. Rozevírací seznamy nelze vodorovně posunout, takže uživatelé uvidí jenom to, co je v ovládacím prvku viditelné. (Všimněte si však, že pole se seznamem můžou mít povolenou funkci automatického zápisu.)
- zahrnout dalších 30 % (až 200 procent pro kratší text) pro libovolný text (ale ne čísla), který bude lokalizován.
- Zvolte délku seznamu, která eliminuje zbytečné svislé posouvání. Vzhledem k tomu, že se rozevírací seznamy zobrazují na vyžádání, měly by se jejich seznamy zobrazovat až 30 položek. Upravitelné seznamy (ty, které nemají rozevírací tlačítko) by se měly zobrazovat mezi 3 a 12 položkami.
Popisky
popisky ovládacích prvků
Napište popisek jako slovo nebo frázi, ne jako větu, a ukončete ho dvojtečkam. výjimky :
- Upravitelné rozevírací seznamy s výzvami umístěnými v místě, kde je místo na úrovni Premium.
- Pokud je rozevírací seznam nebo pole se seznamem podřízené přepínači nebo zaškrtávacímu políčku a je zavedeno jeho popiskem končícím dvojtečku, nevkládejte na ovládací prvek další popisek.
Každému popisku přiřaďte jedinečný přístupový klíč . Pokyny najdete v tématu Klávesnice.
Umístěte popisek nalevo od ovládacího prvku nebo nad ním a zarovnejte popisek s levým okrajem ovládacího prvku. Pokud je popisek vlevo, svisle zarovnejte text popisku s textem ovládacího prvku.
Správně:
zarovnání popisků rozevíracího seznamu
V tomto příkladu je popisek správně zarovnaný s textem ovládacího prvku.
Nesprávná odpověď:
V tomto příkladu je popisek nesprávně zarovnaný s textem ovládacího prvku.
Za popiskem můžete zadávat jednotky (sekundy, připojení atd.) v závorkách.
Nevytvávejte obsah rozevíracího seznamu nebo pole se seznamem (nebo jeho popisek jednotek) jako součást věty, protože to není lokalizovatelné.
textové možnosti
- Každému z nich přiřaďte jedinečný název.
- Použijte velká písmena ve stylu věty, pokud položka není správné podstatné jméno.
- Napište popisek jako slovo nebo frázi, ne jako větu a nepoužívejte koncovou interpunkci.
- Použijte paralelní formulaci a pokuste se zachovat délku přibližně stejnou pro všechny možnosti.
instrukční text
Pokud potřebujete přidat instrukční text o rozevíracím seznamu nebo poli se seznamem, přidejte ho nad popisek. Používejte úplné věty s koncovou interpunkcí.
Další informace, které jsou užitečné, ale není nutné, by měly být krátké. Tyto informace umístěte buď do závorek mezi popiskem a dvojtečku, nebo bez závorek pod ovládací prvek.
Tento příklad ukazuje další informace umístěné pod ovládacím prvku.
Dokumentace
Při odkazech na rozevírací seznamy:
- Použijte přesný text popisku, včetně jeho velká písmena, ale nezahrnujte podtržítko nebo dvojtečku přístupového klíče; zahrnout buď seznam, nebo pole, podle toho, co je jasnější.
- Pro možnosti seznamu použijte přesný text možnosti, včetně jeho velká písmena.
- V programování a další technické dokumentaci si projděte rozevírací seznamy jako rozevírací seznamy. Všude jinde použijte buď seznam, nebo pole, podle toho, co je jasnější.
- Chcete-li popsat interakci uživatele, použijte kliknutí.
- Pokud je to možné, formátujte možnosti popisku a seznamu tučným písmem. V opačném případě vložte popisek a možnosti do uvozovek, pouze pokud je to nutné, aby se zabránilo nejasnostem.
Příklad: V seznamu Velikost písma klikněte na Velká písma.
Při odkazech na pole se seznamem:
- Použijte přesný text popisku, včetně jeho velká písmena, ale nezahrnujte podtržítko nebo dvojtečku přístupového klíče; zahrnout pole slova.
- Pro možnosti seznamu použijte přesný text možnosti včetně jeho velká písmena.
- V programování a další technické dokumentaci se podívejte na pole se seznamem jako pole se seznamem. Všude jinde, používejte krabici.
- Pokud chcete popsat interakci uživatele, použijte enter.
- Pokud je to možné, formátujte možnosti popisku a seznamu tučným písmem. V opačném případě vložte popisek a možnosti do uvozovek, pouze pokud je to nutné, aby se zabránilo nejasnostem.
Příklad: Do pole Písmo zadejte písmo, které chcete použít.