Tabulátory
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.
Karty poskytují způsob, jak prezentovat související informace na samostatných označených stránkách.
Typická sada karet.
Karty jsou obvykle spojené s okny vlastností (a naopak), ale karty lze použít v jakémkoli typu okna.
Ovládací prvky karet představují složky manily s kartami používané k uspořádání informací v kartotékách, které se běžně nacházejí ve Spojených státech. (Složky Manila se nepoužívají po celém světě.)
Poznámka
Pokyny týkající se rozložení, nabídek karet, dialogových okena oken vlastností jsou uvedeny v samostatných článcích.
Je to správná kontrola?
Při rozhodování zvažte tyto otázky:
- Dají se ovládací prvky pohodlně vejít na jednu stránku s rozumnou velikostí? Pokud ano, použijte jednu stránku.
- Existuje jenom jedna karta? Pokud ano, použijte jednu stránku.
- Souvisí mezi sebou karty nějakým způsobem? Pokud ne, zvažte rozdělení informací do samostatných oken souvisejících informací.
- Pokud se používá pro nastavení, jsou nastavení na různých stránkách zcela nezávislá? Ovlivní změna nastavení na jedné stránce nastavení na jiných stránkách? Pokud nejsou nezávislé, použijte místo toho stránky úloh nebo průvodce .
- Jsou karty mezi sebou většinou peers nebo existují hierarchické vztahy? Pokud je hierarchické, zvažte použití progresivního zpřístupnění nebo podřízeného dialogových oken k zobrazení souvisejících informací.
- Používají se karty k zobrazení kroků v rámci úkolu? Pomocí tabulátorů můžete zobrazit kroky v rámci úkolu jenom v případě, že se zobrazí, aby vypadaly jako kroky, a existuje jasný, alternativní způsob, jak se dostat k textovému kroku, například k tlačítku Další. V opačném případě použijte stránky v toku stránky nebo průvodce . Pokud jsou kroky volitelné, zobrazte volitelné kroky pomocí modálních dialogových oken .
- Jsou karty různé zobrazení stejných dat? Pokud ano, zvažte použití tlačítka rozdělení nebo rozevíracího seznamu změnit zobrazení. I když se karty dají efektivně použít pro změnu zobrazení, alternativy jsou jednodušší.
Vzory použití
Karty mají několik vzorů použití:
Zvyk | Příklad |
---|---|
dynamického okna například posuvníky, pomocí karet můžete zvětšit plochu okna, aby se zobrazily související informace. |
V tomto vzoru je použití karet koncepčně podobné umístění všech informací na ouška lineárně na jednu posouvatelnou plochu s popisky karet jako nadpisy. ![]() V tomto příkladu karty efektivně zvyšují plochu okna. |
více zobrazení Například rozdělená tlačítka nebo rozevírací seznamy, můžete pomocí karet zobrazit různá zobrazení stejných nebo souvisejících informací. |
![]() V tomto příkladu karty mění zobrazení v dokumentu. |
více dokumentů podobně jako u více oken se karty dají použít k zobrazení různých dokumentů v jednom okně. |
![]() ![]() V těchto příkladech zobrazují karty různé dokumenty v rámci jednoho okna aplikace. |
exkluzivní možnosti jako přepínače lze tabulátory použít k prezentaci více exkluzivních voleb. v tomto vzoru platí jenom vybraná karta a všechny ostatní karty se ignorují. |
![]() V tomto příkladu se karty používají (nesprávně) jako náhrada přepínačů. Tento model se nedoporučuje, protože používá nestandardní chování. Karty se chovají jako nastavení místo čistě způsobu procházení v okně. |
Pokud děláš jen jednu věc...
Ujistěte se, že informace na kartách souvisejí, ale nastavení na různých stránkách jsou nezávislá. Poslední vybraná karta by neměla mít žádný zvláštní význam.
Pokyny
Obecné
Použít vodorovné tabulátory, pokud:
- Okno obsahuje sedm nebo méně karet.
- Všechny karty se vejdou na jeden řádek, i když je uživatelské rozhraní lokalizováno.
Použít svislé tabulátory, pokud:
Okno vlastnosti má osm nebo více karet.
Použití vodorovných oušek by vyžadovalo více než jeden řádek.
V tomto příkladu se svislé karty přizpůsobí osmi nebo více tabulátorům.
Nevnořujte tabulátory ani nekombinujte vodorovné tabulátory se svislými ouškami. Místo toho snižte počet karet, používejte pouze svislé karty nebo použijte jiný ovládací prvek, například rozevírací seznam.
Neposouvejte vodorovné tabulátory. Vodorovné posouvání není snadno zjistitelné. Můžete se ale posouvat svislé tabulátory.
nesprávná odpověď:
V tomto příkladu se vodorovné karty posunou.
U karet v okně nebo podokně s možností změny velikosti umístěte posuvník( v případě potřeby) na stránku, nikoli na okno nebo podokno. Karty by měly být vždy viditelné a neměly by se posouvat mimo zobrazení.
V tomto příkladu má stránka karty posuvník, nikoli podokno.
Zkontrolujte, že karty vypadají jako karty a ne jiný typ ovládacího prvku.
nesprávná odpověď:
V tomto příkladu vypadají tyto karty jako příkazová tlačítka.
Interakce
- Pokud se ovládací prvky vztahují jenom na stránku, umístěte je na okraj stránky s kartami.
- Když ovládací prvky platí pro celé okno, umístěte je mimo stránku s kartami.
- Nepřiřazujte efekty ke změně karet. Karty musí být přístupné v libovolném pořadí. Změna aktuální karty by nikdy neměla mít vedlejší účinky, použít nastavení nebo způsobit chybovou zprávu.
- Nepřiřazovat k poslední vybrané kartě zvláštní význam. Výběr tabulátoru je pro navigaci v posledním výběru karty uživatele není nastavení.
- Nevytvávejte nastavení na stránce na závislosti na nastavení na jiných stránkách. Místo toho umístěte všechna závislá nastavení na stejnou stránku.
- Pokud se uživatelům bude pravděpodobně zobrazovat poslední zobrazená karta, zachovají ji a ve výchozím nastavení ji vyberou. Nastavení se zachovají na základě jednotlivých oken pro jednotlivé uživatele. Jinak ve výchozím nastavení vyberte první stránku.
Ikony
Neumisťujte ikony na karty. Ikony obvykle přidávají nepotřebné vizuální nepotřebné prvky, spotřebovávají místo na obrazovce a často nezlepšují porozumění uživatelům. Přidejte jenom ikony, které pomáhají porozumět, jako jsou standardní symboly.
nesprávná odpověď:
V tomto příkladu ikony přidávají vizuální nepotřebné prvky a nezlepšují porozumění uživatelům.
Výjimka: Můžete použít jasně rozpoznatelné ikony, pokud není dostatek místa k zobrazení smysluplných popisků:
správně:
V tomto příkladu je okno tak úzké, že ikony lépe komunikují karty než popisky.
Nepoužívejte loga produktů pro grafiku karet. Karty nejsou určené pro branding.
Dynamický vzor povrchu okna
Nepoužívejte posuvníky na stránkách karet. Karty fungují podobně jako posuvníky, aby se zvýšila efektivní oblast okna. Jeden mechanismus by měl být dostatečný.
Používejte stručné popisky karet. Použijte jedno nebo dvě slova, která jasně popisují obsah stránky. Delší popisky spotřebovávají místo na obrazovce, zejména pokud jsou popisky lokalizované.
Použijte konkrétní smysluplné popisky karet. Vyhněte se obecným popiskům karet, které by mohly platit pro libovolnou kartu, například Obecné, Upřesnit nebo Nastavení.
Pokud se karta nevztahuje na aktuální kontext a uživatelé ji neočekávají, odeberte ji. Tím se uživatelské rozhraní zjednoduší a uživatelé ho nezmešká.
nesprávná odpověď:
V tomto příkladu je karta Umístění souborů nesprávně zakázaná, pokud se aplikace Microsoft Word používá jako editor e-mailu. Místo zakázání této karty by se měla odebrat, protože uživatelé by v tomto kontextu nečekali, že budou zobrazovat nebo měnit umístění souborů.
Pokud se karta nevztahuje na aktuální kontext a uživatelé ho můžou očekávat:
- Zobrazení karty
- Zakažte ovládací prvky na stránce.
- Uveďte text vysvětlující, proč jsou ovládací prvky zakázané.
Nezakažujte kartu, protože to není samovysvětlovací a zakazuje zkoumání. Uživatelé, kteří hledají konkrétní hodnotu, by museli hledat na všech ostatních kartách.
V tomto příkladu se v rozložení pro čtení nepoužije žádná z možností Zobrazení. Uživatelé ale můžou očekávat, že se použijí na základě popisku karty, takže se stránka zobrazí, ale možnosti jsou zakázané.
Více zobrazení a vzorů dokumentů
- Použití názvů zobrazení nebo dokumentů na popiscích karet
- Vyhněte se příliš dlouhým názvům karet. V případě potřeby buď mají maximální velikost názvu, nebo pomocí tří teček zkrátí zobrazený popisek tabulátoru. Delší popisky spotřebovávají místo na obrazovce, zejména pokud jsou popisky lokalizované.
- Pokud se karta nevztahuje na aktuální kontext, odeberte kartu.
Vzor exkluzivních možností
Nepoužívejte tento vzor! Místo toho použijte přepínače nebo rozevírací seznam.
nesprávná odpověď:
V tomto příkladu se karty nesprávně používají jako náhrada přepínačů.
správně:
V tomto příkladu se přepínače správně používají.
Popisky
- Karty popisků na základě jejich vzoru Používejte místo slovesa podstatná jména bez ukončení interpunkce. Další informace najdete v předchozích pokynech k vzoru.
- Použijte velká písmena ve stylu věty.
- Nepřiřazujte přístupový klíč. Karty jsou přístupné prostřednictvím klávesových zkratek (Ctrl+Tab, Ctrl+Shift+Tab, Ctrl+PgUp, Ctrl+PgDn). Není k dispozici dostatek vhodných možností přístupových klíčů, takže přiřazení přístupových kláves k kartám usnadňuje jejich přiřazení k jiným ovládacím prvkům.
Dokumentace
Při odkazech na karty:
- Použijte přesný text popisku, včetně jeho velká písmena, a vložte tabulátor slova.
- Chcete-li popsat interakci uživatele, použijte kliknutí.
- Pokud je to možné, naformátujte popisek tučným písmem. V opačném případě vložte popisek do uvozovek, pouze pokud je to nutné, aby se zabránilo nejasnostem.
- Vzhledem k tomu, že více použití může být nejednoznačné, zejména pro celosvětovou cílovou skupinu, použijte kartu podstatná jména pouze k odkazování pouze na ovládací prvek tabulátoru. V případě jiných použití objasněte význam popisovačem: klávesou Tab, zarážkou tabulátoru nebo značkou tabulátoru na pravítku.
Příklad: V nabídce Nástroje klepněte na Možnostia potom klikněte na kartu Zobrazení.