Sdílet prostřednictvím


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ů.

snímek obrazovky zobrazení seznamu se záhlavími sloupců

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.
snímek obrazovky s miniaturami s názvy a podrobnostmi
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.
snímek obrazovky s velkým zobrazením seznamu miniatur
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.
snímek obrazovky s malým zobrazením seznamu miniatur
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.
snímek obrazovky zobrazení seznamu v režimu seznamu
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.
snímek obrazovky zobrazení seznamu v režimu podrobností
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.
Snímek obrazovky se zobrazením seznamu s nabídkou Výběr sloupců
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.
snímek obrazovky dialogového okna Zvolit podrobnosti
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.
snímek obrazovky s několika zaškrtávacími políčky
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ří:
  • Skupiny fungují ve všech zobrazeních (kromě seznamu), takže například uživatelé můžou seskupit další velké ikony zobrazení alb podle interpreta.
  • Skupiny můžou být kolekce vysoké úrovně, které jsou často smysluplnější než seskupování přímo z dat. Průzkumník Windows například seskupí data do dnes, včera, minulý týden, dřívějšího tohoto roku a dávno.
snímek obrazovky zobrazení seznamu s několika skupinami dat
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.

    snímek obrazovky s dialogovým oknem hledání s pokyny

    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.

    snímek obrazovky se zobrazením seznamu s 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).

    snímek obrazovky se zobrazením seznamu s nabídkou sort-by

    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é :

    snímek obrazovky s ovládacím š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.

    snímek obrazovky s pěti vybranými miniaturami

    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 s místem na disku

    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í.

    snímek obrazovky se rozděleným tlačítkem 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í.

    snímek obrazovky se seznamem s místní nabídkou 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é :

    snímek obrazovky se seznamem podrobností s úzkými sloupci

    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ší:

    snímek obrazovky se seznamem podrobností s daty ve skupinách

    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ěď:

    snímek obrazovky se sloupci seznamu s zkrácenými daty

    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ěď:

    snímek obrazovky se seznamem s jedním sloupcem s zkrácenými daty

    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).

    snímek obrazovky se seznamem podrobností s seřazenými daty

    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ěď:

    snímek obrazovky se seznamem s popiskem v záhlaví sloupce

    správně:

    snímek obrazovky se seznamem s popiskem nad ovládacím

    Ve správném příkladu se místo záhlaví sloupce použije popisek.

snímek obrazovky s velikostí seznamu a velikostí mezer

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.

  • Použijte velká písmena ve stylu věty .

  • 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ě:

    snímek obrazovky s popiskem: vyberte jeden nebo více doplňků

    V tomto příkladu popisek jasně označuje, že je možné vybrat vícenásobný výběr.

    nesprávná odpověď:

    snímek obrazovky s popiskem: doplňky

    V tomto příkladu popisek neobsahuje žádné informace o vícenásobném výběru.

    přijatelné :

    snímek obrazovky s popiskem seznamu zaškrtávacích políček: doplňky

    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

  • Použijte velká písmena ve stylu věty .

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í.