Zobrazení seznamu
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.
V zobrazení seznamu můžou uživatelé zobrazit kolekci datových objektů a pracovat s nimi pomocí jednoho výběru nebo více výběrů.
Typické zobrazení seznamu.
Zobrazení seznamů mají větší flexibilitu a funkčnost než seznamy. Na rozdíl od seznamů podporují změnu zobrazení, seskupování, více sloupců se záhlavími, řazení podle sloupců, změna šířky a pořadí sloupců, přetažení zdroje nebo cíle přetažení a kopírování dat do a ze schránky.
Poznámka
Pokyny týkající se rozložení a seznamů jsou uvedeny v samostatných článcích.
Je to správná kontrola?
Zobrazení seznamu je více než jen flexibilnější a funkční seznam: jeho další funkce mají za následek různé využití. Následující tabulka ukazuje porovnání.
Zvyk | Seznam polí | Zobrazení seznamu |
---|---|---|
datový typ |
Data i možnosti programu. |
Pouze data. |
obsahu |
Pouze popisky. |
Popisky a pomocné údaje, pravděpodobně ve více sloupcích. |
interakce |
Slouží k výběru. |
Lze použít k provádění výběrů, ale často se používá k zobrazení dat a interakci s nimi. Může to být zdroj přetažení nebo cíl přetažení. |
prezentace |
Stabilní. |
Uživatelé můžou měnit zobrazení, seskupovat, řadit podle sloupců a měnit šířky a pořadí sloupců. |
Pokud se chcete rozhodnout, jestli se jedná o správnou kontrolu, zvažte tyto otázky:
- Prezentuje seznam data místo možností programu? Pokud ne, zvažte místo toho použití seznamu.
- Potřebují uživatelé měnit zobrazení, seskupovat, řadit podle sloupců nebo měnit šířky a pořadí sloupců? Pokud ne, použijte místo toho seznam.
- Musí být ovládací prvek zdrojem přetažení nebo cílem přetažení? Pokud ano, použijte zobrazení seznamu.
- Je třeba položky seznamu zkopírovat nebo vložit ze schránky? Pokud ano, použijte zobrazení seznamu.
Zobrazení seznamu zaškrtávacích políček
- Používá se ovládací prvek k výběru nuly nebo více položek ze seznamu dat? Pokud chcete vybrat jednu položku, použijte místo toho jeden výběr.
- Je pro úkol nebo běžně používané vícenásobný výběr zásadní? Pokud ano, použijte zobrazení seznamu zaškrtávacích políček k tomu, aby bylo zřejmé více výběrů, zejména pokud vaši cíloví uživatelé nejsou pokročilí. Pokud ne, použijte standardní zobrazení seznamu s vícenásobným výběrem, pokud by zaškrtávací políčka upoutat příliš mnoho pozornosti na více výběrů nebo příliš mnoho nepřehledných obrazovek.
- Je stabilita vícenásobného výběru důležitá? Pokud ano, použijte seznam zaškrtávacích polí , tvůrce seznamů nebo seznam přidat nebo odebrat, protože kliknutí na jednu položku současně změní jenom jednu položku. Se standardním vícenásobným seznamem výběrů je velmi snadné vymazat všechny výběry i náhodou.
Poznámka
Někdy se ovládací prvek, který vypadá jako zobrazení seznamu, implementuje pomocí seznamu a naopak. Vtakovýchch
Vzory použití
Všechna zobrazení podporují jeden výběr, kde uživatelé můžou vybrat vždy jenom jednu položku a vícenásobný výběr, kde uživatelé můžou vybrat libovolný počet položek, včetně žádné. Zobrazení seznamu podporují rozšířený režim výběru, kde je možné výběr rozšířit přetažením nebo stisknutím kombinace kláves Shift nebo ctrl+kliknutí vybrat skupiny souvislých nebo nesousádících hodnot. Na rozdíl od seznamů nepodporují režim vícenásobného výběru, kde kliknutí na libovolnou položku přepíná stav výběru bez ohledu na klávesy Shift a Ctrl.
Standardní zobrazení seznamu
Ovládací prvek zobrazení seznamu podporuje pět standardních zobrazení:
Zvyk | Příklad |
---|---|
dlaždice každá položka se zobrazí jako střední ikona s popiskem a volitelnými podrobnostmi napravo. |
![]() Zobrazení dlaždic zobrazuje střední ikony s popisky a volitelnými podrobnostmi napravo. |
Velká ikona každá položka se zobrazí jako nadbytečná, velká nebo střední ikona s popiskem pod ním. |
![]() Zobrazení Velké ikony zobrazuje jednotlivé položky jako velkou ikonu s popiskem pod ním. |
malá ikona každá položka se zobrazí jako malá ikona s popiskem vpravo. |
![]() Malé zobrazení ikon zobrazuje každou položku jako malou ikonu s popiskem vpravo. |
seznamu každá položka se zobrazí jako malá ikona s popiskem vpravo. |
v režimu seznamu toto zobrazení objednává položky ve sloupcích a používá vodorovný posuvník. Naproti tomu zobrazení ikon vyřadí položky v řádcích a použije svislý posuvník. ![]() Režim seznamu zobrazuje jednotlivé položky jako malou ikonu s popiskem vpravo. |
podrobnosti každá položka se zobrazí jako řádek v tabulkovém formátu. Sloupec úplně vlevo obsahuje volitelnou ikonu i popisek položky a následné sloupce obsahují další informace, například vlastnosti položky. |
Kromě toho je možné sloupce přidat nebo odebrat a změnit jejich pořadí a změnit jejich velikost. řádky lze seskupit podle sloupce. ![]() Zobrazení podrobností zobrazuje jednotlivé položky jako řádek ve formátu tabulky. |
Varianty zobrazení seznamu
Označit | Hodnota |
---|---|
výběr sloupce Zobrazení seznamu někdy obsahují tolik sloupců, že není praktické je zobrazit všechny. V tomto případě je nejlepší zobrazit nejužitečnější sloupce ve výchozím nastavení a umožnit uživatelům přidávat nebo odebírat sloupce podle potřeby. |
![]() Kliknutím pravým tlačítkem myši na záhlaví sloupce se zobrazí místní nabídka, která uživatelům umožňuje přidávat nebo odebírat sloupce. ![]() Kliknutím na Další v místní nabídce záhlaví sloupce se zobrazí dialogové okno Zvolit sloupce, které umožňuje uživatelům přidávat nebo odebírat sloupce a měnit jejich pořadí. |
zobrazení seznamu Umožňuje uživatelům vybrat více položek. |
Zobrazení seznamu vícenásobných výběrů mají přesně stejný vzhled jako zobrazení seznamu s jedním výběrem, takže neexistuje vizuální vodítko, že podporují více výběrů. Zobrazení seznamu zaškrtávacích políček lze použít k jasnému označení, že je možné vybrat vícenásobný výběr. V důsledku toho by se tento model měl použít pro úlohy, u kterých je důležité nebo běžně používané vícenásobný výběr.![]() V tomto příkladu používá zobrazení Malá ikona zaškrtávací políčka, protože pro úkol je nezbytné vybrat vícenásobný výběr. |
zobrazení seznamu se skupinami Uspořádejte data do skupin. |
I když zobrazení Podrobností často podporují řazení dat podle libovolného sloupce, zobrazení seznamu dále umožňují uživatelům uspořádat položky do skupin. Mezi výhody seskupení patří:
![]() V tomto příkladu se v úvodním centru windows zobrazují seskupené položky v zobrazení seznamu. |
Pokyny
Prezentace
Seřaďte položky seznamu v logickém 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í.
Pokud je to vhodné, povolte uživatelům změnit pořadí řazení. Řazení uživatelů je důležité, pokud seznam obsahuje mnoho položek nebo pokud existují scénáře, ve kterých jsou položky nalezeny efektivněji pomocí jiného pořadí řazení, než je výchozí.
Použít atribut Always Show Selection, aby uživatelé mohli snadno určit vybranou položku, i když ovládací prvek nemá fokus.
Vyhněte se prezentaci prázdných zobrazení seznamu. Pokud uživatelé vytvoří seznam, inicializují seznam s pokyny nebo ukázkovými položkami, které můžou uživatelé potřebovat.
V tomto příkladu zpočátku zobrazí zobrazení seznamu hledání pokyny.
Pokud uživatelé můžou měnit zobrazení, seskupit, řadit podle sloupců nebo měnit sloupce a jejich šířky a pořadí, nastavení se zachovají, aby se projevila při příštím zobrazení seznamu. Uchovávají se v zobrazení seznamu pro jednotlivé uživatele.
Interakce
Vyberte položku seznamu, na kterou uživatel ukazuje, jedním kliknutím. Výjimka: U vzoru seznamu odkazů na příkaz vyberete položku jedním kliknutím a buď okno zavřete, nebo přejde na další stránku.
Zvažte poskytnutí chování poklikání. Dvojité kliknutí by mělo mít stejný účinek jako výběr položky a provedení výchozího příkazu.
Nastavení nadbytečného chování poklikáním Vždy by mělo existovat příkazové tlačítko nebo příkaz místní nabídky, který má stejný účinek.
Pokud položka seznamu vyžaduje další vysvětlení, poskytnout vysvětlení vinformační. Používejte úplné věty a koncovou interpunkci.
informacemi o klávesnici
V tomto příkladu se k poskytnutí dalších informací používá informační popis.
Zadejte místní nabídky relevantních příkazů. Mezi tyto příkazy patří příkazy Vyjmout, Kopírovat, Vložit, Odebrat nebo Odstranit, Přejmenovat a Vlastnosti.
Pokud uživatelé můžou změnit pořadí řazení a seskupení, zadejte místní nabídky Seřadit podle a Seskupit podle. První kliknutí na název sloupce seřadí nebo seskupí seznam ve vzestupném pořadí pro tento sloupec. Druhé kliknutí seřadí nebo seskupí sestupně. Jako sekundární klíč použijte předchozí pořadí (z jiného sloupce).
V tomto příkladu místní nabídka Seřadit podle změní pořadí řazení. Po řazení podle názvu ve vzestupném pořadí klikněte na Název. Dalším kliknutím na Název seřadíte podle názvu v sestupném pořadí.
Zpřístupnění záhlaví sloupce zobrazení seznamu pomocí klávesnice.
- vývojáři: Můžete to udělat nastavením fokusu na ovládací prvek záhlaví sloupce. Tato funkce je novinkou systému Windows Vista.
Když zakážete zobrazení seznamu, zakažte také všechny přidružené popisky a příkazová tlačítka.
Vyhněte se vodorovnému posouvání. Režim seznam používá vodorovné posouvání. Tento režim je obvykle nejkomprimovanější, ale vodorovné posouvání je obecně obtížnější než svislé posouvání. Pokud není kompaktnost důležitá, zvažte místo toho použití zobrazení Malá ikona. Režim seznamu je ale dobrou volbou, když existuje mnoho abecedně seřazených položek a dostatek místa na obrazovce pro široký ovládací prvek.
přijatelné :
širokého režimu seznamu
V tomto příkladu se používá režim seznamu, protože existuje mnoho položek a dostatek dostupného místa na obrazovce pro široký ovládací prvek.
Seznamy s vícenásobným výběrem
Zvažte zobrazení počtu vybraných položek pod seznamem, zejména pokud uživatelé pravděpodobně vyberou několik položek. Tyto informace nejen poskytují užitečnou zpětnou vazbu, ale také jasně ukazují, že zobrazení seznamu podporuje vícenásobný výběr.
V tomto příkladu se pod seznamem zobrazí počet vybraných položek.
Alternativně místo počtu vybraných položek můžete dát další metriky výběru, které můžou být smysluplnější, například prostředky požadované pro výběr.
snímek obrazovky
V tomto příkladu je místo na disku potřebné k instalaci komponent smysluplnější než počet vybraných součástí.
U zobrazení seznamu zaškrtávacích políček platí, že pokud existuje potenciálně mnoho položek a je pravděpodobné, že vyberete nebo zrušíte zaškrtnutí všech položek, přidejte příkazová tlačítka Vybrat vše a Vymazat všechna příkazová tlačítka.
Zaškrtávací políčka se smíšeným stavem slouží k označení částečného výběru položek v kontejneru. Smíšený stav se nepoužívá jako třetí stav pro jednotlivé položky.
Změna zobrazení
Pokud uživatelé můžou změnit zobrazení:
Ve výchozím nastavení zvolte nejvhodnější zobrazení. Všechny změny, které uživatelé dělají, by měly být trvalé v zobrazení seznamu na základě jednotlivých uživatelů.
Změňte zobrazení pomocí tlačítka rozdělení, tlačítka nabídky nebo rozevíracího seznamu. Kdykoli je to praktické, použijte tlačítko rozdělit na panelu nástrojů a změňte popisek tlačítka tak, aby odrážel aktuální zobrazení.
V tomto příkladu se ke změně zobrazení používá tlačítko rozdělení na panelu nástrojů.
Zadejte místní nabídku Zobrazení.
V tomto příkladu se ke změně zobrazení používá místní nabídka Zobrazení.
Zobrazení podrobností
Zvažte použití zobrazení dlaždic ke zlepšení čitelnosti.
přijatelné :
V tomto příkladu je příliš mnoho dat a okno, seznam a sloupce jsou příliš malé, což ztěžuje čtení položek seznamu.
lepší:
V tomto příkladu zobrazení Dlaždice zobrazí data bez zkrácení.
Zvolte výchozí šířky sloupců odpovídající nejdelším datům. Zobrazení seznamu automaticky zkracují dlouhá data se třemi tečkami, takže šířky sloupců jsou vhodné, pokud se ve výchozím nastavení zobrazí několik tří teček. I když uživatelé můžou měnit velikost sloupců, dávají přednost jiným řešením:
- Velikost každé šířky sloupce tak, aby odpovídala svým datům.
- Velikost šířky ovládacího prvku tak, aby se vešla do sloupců a případně i posuvníků.
- V případě potřeby použijte vodorovné posouvání.
- Zkrátit data pouze pro liché položky nebo jako poslední možnost.
Pokud se data v normální velikosti musí ve výchozím nastavení zkrátit, nastavte zobrazení okna a seznamu, aby bylo možné měnit velikost zobrazení. Zahrňte dalších 30 procent (až 200 procent pro kratší text) pro libovolný text (ale ne čísla), který bude lokalizován.
nesprávná odpověď:
V tomto příkladu je většina dat zkrácena. Mnoho tří teček jasně značí, že šířky ovládacích prvků a sloupců jsou pro data příliš malé.
nesprávná odpověď:
V tomto příkladu se data zkrátí bez důvodu.
Zvolte odpovídající výchozí pořadí sloupců. Obecně platí, že sloupce můžete uspořádat takto:
- Nejprve název položky nebo identifikace dat.
- V dalším kroku jsou další data užitečná při odlišování položek seznamu.
- Dále jsou nejužitečnější (nejlépe krátká nebo pevná délka) dat.
- V dalším kroku jsou méně užitečná data (pokud možno krátká nebo pevná délka).
- Poslední, dlouhá data s proměnlivou délkou
Dlouhá proměnná délka dat se umístí do posledních sloupců, aby se snížila potřeba vodorovného posouvání. V rámci těchto kategorií umístěte související informace do logické sekvence.
Pokud je to vhodné, povolte uživatelům přidávat a odebírat sloupce a také měnit pořadí. Zobrazení nejužitečnějších sloupců ve výchozím nastavení Toho dosáhnete pomocí atributu Přetažení záhlaví.
Zvolte zarovnání vhodné pro data. Použijte následující pravidla:
- Zarovnejte čísla, měny a časy doprava.
- Zarovnání textu, ID (i v případě čísel) a kalendářních dat doleva
U záhlaví sloupců, které se dají seřadit, prvním kliknutím na záhlaví seřadí seznam vzestupně podle sloupce, druhé kliknutí se seřadí sestupně. Jako sekundární klíč řazení použijte předchozí pořadí řazení (z jiného sloupce).
V tomto příkladu se nejprve klikl na sloupec Název a potom na sloupec Typ. V důsledku toho je primárním klíčem řazení typ ve vzestupném pořadí a název ve vzestupném pořadí je sekundární.
Použít atribut Full Row Select, aby uživatelé mohli snadno určit vybrané položky ve všech sloupcích.
Nepoužívejte záhlaví seřaditelného sloupce, pokud data nelze řadit.
Nepoužívejte záhlaví sloupce, pokud existuje jenom jeden sloupec a není nutné ho řadit zpětnou zpětnou sadou. Místo toho použijte popisek k identifikaci dat.
nesprávná odpověď:
správně:
Ve správném příkladu se místo záhlaví sloupce použije popisek.
Doporučená velikost a mezery
Doporučená velikost a mezery pro zobrazení seznamu
- Zvolte výšku zobrazení seznamu, která zobrazuje celočíselný počet položek. Vyhněte se vertikálnímu zkrácení položek.
- Zvolte velikost zobrazení seznamu, která eliminuje zbytečné svislé a vodorovné posouvání ve všech podporovaných zobrazeních. Zobrazení seznamu by se měla zobrazit mezi 3 a 20 položkami. Pokud tak učiníte, zvažte, že zobrazení seznamu mírně zvětšíte. Seznamy s potenciálně mnoha položkami by měly zobrazit alespoň pět položek, aby se usnadnilo posouvání zobrazením dalších položek najednou a usnadněním umístění posuvníku.
- Pokud uživatelé zvětší zobrazení seznamu, zvětší zobrazení seznamu a jeho nadřazené okno. To umožňuje uživatelům upravit velikost zobrazení seznamu podle potřeby. Zobrazení seznamu s možností změny velikosti by se ale neměla zobrazovat méně než tři položky.
Popisky
Popisky ovládacích prvků
Všechna zobrazení seznamu potřebují popisky. Napište popisek jako slovo nebo frázi, ne jako větu, končící dvojtečka pomocí statického textu.
Každému popisku přiřaďte jedinečný přístupový klíč . Pokyny najdete v tématu Klávesnice.
Umístěte popisek nad ovládací prvek a zarovnejte popisek s levým okrajem ovládacího prvku.
Pro zobrazení seznamu s vícenásobným výběrem napište popisek, který jasně označuje, že je možné vybrat vícenásobný výběr. Popisky zobrazení seznamu zaškrtávacích políček můžou být méně explicitní.
správně:
V tomto příkladu popisek jasně označuje, že je možné vybrat vícenásobný výběr.
nesprávná odpověď:
V tomto příkladu popisek neobsahuje žádné informace o vícenásobném výběru.
přijatelné :
V tomto příkladu zaškrtávací políčka jasně ukazují, že je možné vybrat více, takže popisek nemusí být explicitní.
Za popiskem můžete zadávat jednotky (sekundy, připojení atd.) v závorkách.
Popisky nadpisů
- Popisky nadpisů nechte stručné (tři nebo méně slov).
- Použijte jednu podstatnou nebo podstatnou frázi bez koncové interpunkce.
- Použijte velká písmena ve stylu věty .
- Zarovnejte záhlaví stejným způsobem jako data.
Popisky skupin
- Pro kolekce vysoké úrovně použijte následující popisky skupin:
- Názvy: Použijte první písmeno jména nebo rozsahů písmen.
- Velikosti: Nezadané, 0 kB, 0–10 kB, 10–100 KB, 100 KB – 1 MB, 1-16 MB, 16-128 MB
- Datum: Dnes, Včera, Minulý týden, Dříve tento rok a dávno.
- V opačném případě popisky skupin používají přesný text seskupených dat, včetně velkých písmen a interpunkce.
Text dat
Instrukční text
- Pokud potřebujete přidat instrukční text o zobrazení seznamu, přidejte ho nad popisek. Používejte úplné věty s koncovou interpunkcí.
- Použijte velká písmena ve stylu věty .
- 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.
Dokumentace
Při odkazech na zobrazení seznamu:
- Použijte přesný text popisku včetně jeho velká písmena, ale nezahrnujte podtržítko nebo dvojtečku přístupového klíče a uveďte seznam slov. Neodkazujte na seznam jako na seznam, zobrazení seznamu nebo pole.
- Pro data seznamu použijte přesný text dat včetně velkých písmen.
- Zobrazení seznamů najdete jenom v programování a další technické dokumentaci. Seznam používá všude jinde.
- Pokud chcete popsat interakci uživatele, použijte výběr dat a klikněte na záhlaví.
- 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 Programy a služby vyberte Sdílení souborů a tiskáren.
Při odkazech na zaškrtávací políčka v zobrazení seznamu:
- Použijte přesný text popisku včetně jeho velká písmena a zahrňte zaškrtávací políčko. Nezahrnujte podtržítko přístupového klíče.
- Pokud chcete popsat interakci uživatele, použijte výběr a zrušení zaškrtnutí.
- 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.
Příklad: Zaškrtněte políčko Podtržení.