Megosztás a következőn keresztül:


Listamezők

Jegyzet

Ez a tervezési útmutató a Windows 7-hez készült, és nem frissült a Windows újabb verzióihoz. Az útmutató nagy része továbbra is elvben érvényes, de a bemutató és a példák nem tükrözik jelenlegi tervezési útmutatónkat.

Egy listamezővel a felhasználók a mindig látható listában megjelenő értékek közül választhatnak. Egyetlen kijelölési listamezővel a felhasználók kiválasztanak egy elemet a kölcsönösen kizáró értékek listájából. Több kijelölési lista esetén a felhasználók nulla vagy több elemet jelölnek ki egy értéklistából.

egykijelölési lista

Egy tipikus egykijelöléses listamező.

Jegyzet

A elrendezési és listanézetekkel kapcsolatos irányelvek külön cikkekben jelennek meg.

Ez a megfelelő vezérlő?

A döntéshez fontolja meg az alábbi kérdéseket:

  • A lista nem programbeállításokat, hanem adatokat jelenít meg? Akárhogy is, a listamezők az elemek számától függetlenül megfelelő választás. Ezzel szemben választógombok vagy jelölőnégyzetek csak kis számú programbeállításhoz használhatók.
  • A felhasználóknak módosítaniuk kell a nézeteket, a csoportosítást, az oszlopok szerinti rendezést, vagy módosítaniuk kell az oszlopok szélességét és sorrendjét? Ha igen, használjon inkább listanézetet.
  • A vezérlőnek húzási forrásnak vagy dobási célnak kell lennie? Ha igen, használjon inkább listanézetet.
  • Át kell másolni a listaelemeket a vágólapra vagy beilleszteni a vágólapra? Ha igen, használjon inkább listanézetet.

egyszeres kijelölési listák

  • A vezérlőelem egy lehetőséget választ a kölcsönösen kizáró értékek listájából? Ha nem, használjon másik vezérlőt. Több beállítás kiválasztásához használjon szabványos többszörös kijelölési listát, jelölőnégyzetlistát, listaszerkesztőt vagy lista hozzáadását/eltávolítását.
  • Létezik alapértelmezett beállítás, amely a legtöbb felhasználó számára ajánlott a legtöbb helyzetben? A kiválasztott lehetőség sokkal fontosabb, mint az alternatívák megtekintése? Ha igen, fontolja meg egy legördülő lista használatát, ha nem szeretné arra ösztönözni a felhasználókat, hogy végezzenek módosításokat az alternatívák elrejtésével.

képernyőfelvétel alapértelmezett gombként a legjobb minőségű

Ebben a példában a legmagasabb színminőség a legjobb választás a legtöbb felhasználó számára, így a legördülő lista jó választás az alternatívák lejátszásához.

  • A lista állandó interakciót igényel? Ha igen, egy kijelölési lista használatával egyszerűsítheti az interakciót.

képernyőfelvétel az olyan lehetőségek listájáról, mint az egyszerű szöveges

Ebben a példában a felhasználók folyamatosan módosítják a kijelölt elemet az Elemek megjelenítése listában az előtér és a háttérszínek beállításához. Ebben az esetben a legördülő lista használata nagyon fárasztó lenne.

  • A beállítás relatív mennyiségnek tűnik? A felhasználók azonnali visszajelzést kaphatnak a módosítások beállításának hatásáról? Ha igen, érdemes inkább csúszkát használni.
  • Jelentős hierarchikus kapcsolat van a listaelemek között? Ha igen, használjon inkább fanézetet vezérlőt.
  • Prémium szintű a képernyőterület? Ha igen, használjon inkább egy legördülő listát, mert a felhasznált képernyőterület rögzített és független a listaelemek számától.

Standard többszörös kijelölési listák és jelölőnégyzetlisták

  • A feladathoz elengedhetetlen vagy gyakran használt több kijelölés? Ha igen, akkor egy jelölőnégyzetlistával több kijelölést is nyilvánvalóvá tehet, különösen akkor, ha a célfelhasználók nem fejlettek. Sok felhasználó nem fogja fel, hogy egy szabványos többszörös kijelölési lista több kijelölést is támogat. Használjon szabványos többszörös kijelölési listát, ha a jelölőnégyzetek túl sok figyelmet fordítanak több kijelölésre, vagy túl sok képernyő zsúfoltsághoz vezetnek.
  • Fontos a többszörös kijelölés stabilitása? Ha igen, használjon jelölőnégyzetlistát, listaszerkesztőt vagy lista hozzáadását/eltávolítását, mert a kattintással egyszerre csak egy elem módosul. A szabványos több kijelölési listával egyszerűen törölheti az összes kijelölést, még véletlenül is.
  • A vezérlőelem nulla vagy több elem kiválasztására szolgál az értékek listájából? Ha nem, használjon másik vezérlőt. Egy elem kiválasztásához használjon inkább egy kijelölési listát.

előnézeti listák

  • Egyszerűbben választhatók a képek, mint a szöveggel? Ha igen, használjon előnézeti listát.

Listaszerkesztők és listák hozzáadása/eltávolítása

  • A vezérlőelem nulla vagy több elem kiválasztására szolgál az értékek listájából? Ha nem, használjon másik vezérlőt. Egy elem kiválasztásához használjon inkább egy kijelölési listát.
  • Számít a kijelölt elemek sorrendje? Ha igen, a listaszerkesztő és a listaminták hozzáadása/eltávolítása támogatja a sorrendet, míg a többi többszörös kijelölési minta nem.
  • Fontos, hogy a felhasználók az összes kijelölt elem összegzését lássák? Ha igen, a listaszerkesztő és a listaminták hozzáadása/eltávolítása csak a kijelölt elemeket jeleníti meg, míg a többi többszörös kijelölési mintát nem.
  • Nincsenek korlátozva a lehetséges lehetőségek? Ha igen, használjon hozzáadási/eltávolítási listát, hogy a felhasználók olyan értékeket válasszanak, amelyek jelenleg nem szerepelnek a listában.
  • A lista értékének hozzáadása speciális párbeszédpanelt igényel az objektumok kiválasztásához? Ha igen, használjon egy hozzáadási/eltávolítási listát, és jelenítse meg a párbeszédpanelt, amikor a felhasználók a Hozzáadás gombra kattintanak.
  • Prémium szintű a képernyőterület? Ha igen, használjon inkább egy hozzáadási/eltávolítási listát, mert kevesebb képernyőterületet használ, mivel nem mindig jeleníti meg a beállításokat.

A listamezők esetében a lista elemeinek száma nem tényező a vezérlő kiválasztásában, mivel az elemek több ezer elemről egyre vannak skálázva az egykijelöléses listákhoz (és a többszörös kijelölésű listákhoz egyik sem). Mivel a listamezők használhatók adatokhoz, előfordulhat, hogy az elemek száma előre nem ismert.

Megjegyzés: Néha egy listamezőnek tűnő vezérlőt listanézet használatával implementálnak, és fordítva. Ilyen esetekben az irányelveket a használat alapján kell alkalmazni, nem pedig a megvalósítást.

Használati minták

A listamezők több használati mintával rendelkeznek:

Címke Érték
egyszeres kijelölési listák Lehetővé teszi, hogy a felhasználók egyszerre csak egy elemet jelöljenek ki.
listamező képernyőképe, amelyen egy elem van kijelölve
Ebben a példában a felhasználók csak egy megjelenítési elemet választhatnak ki.
Standard többszörös kijelölési listák Tetszőleges számú elem kijelölésének engedélyezése a felhasználók számára, beleértve a egyiket sem.
A szabványos többszörös kijelölési listák megjelenése pontosan megegyezik az egykijelöléses listák megjelenésével, ezért nincs vizuális jel arra, hogy a listamezők több kijelölést támogatnak. Mivel a felhasználóknak fel kell deríteniük ezt a képességet, ez a listaminta leginkább olyan feladatokhoz használható, ahol a többszörös kijelölés nem alapvető fontosságú, és ritkán használják.
Két különböző többszörös kijelölési mód létezik: több és kiterjesztett. kiterjesztett kijelölési mód sokkal gyakoribb, ahol a kijelölést húzással vagy a Shift+kattintással, a Ctrl+kattintással pedig az összefüggő és a nem szomszédos értékek csoportjainak kijelöléséhez lehet kiterjeszteni. A több kijelölési módban, ha bármelyik elemre kattint, a Shift és a Ctrl billentyűtől függetlenül átváltja a kijelölési állapotát. A szokatlan viselkedés miatt a többszörös kijelölési mód elavult, és ehelyett jelölőnégyzetlistákat kell használnia.
listamező képernyőképe, amelyen több elem van kijelölve
Ebben a példában a felhasználók tetszőleges számú elemet kiválaszthatnak a többszörös kijelölési módban.
Jelölőnégyzetek A normál többszörös kijelölési listamezőkhöz hasonlóan a jelölőnégyzetlisták lehetővé teszik a felhasználók számára, hogy tetszőleges számú elemet jelöljenek ki, köztük egyiket sem.
A szabványos többszörös kijelölési listáktól eltérően a jelölőnégyzetek egyértelműen jelzik, hogy több kijelölés is lehetséges. Ezt a listamintát olyan feladatokhoz használhatja, amelyeknél a többszörös kijelölés elengedhetetlen vagy gyakran használatos.
Eszköztárak jelölőnégyzetlista képernyőképe
Ebben a példában a felhasználók általában egynél több elemet választanak ki, így egy jelölőnégyzetlista lesz használva.
A több kijelölés egyértelmű jelzése alapján feltételezheti, hogy a jelölőnégyzetlisták előnyösebbek a szabványos többszörös kijelölési listákhoz. A gyakorlatban kevés tevékenység igényel több kijelölést, vagy erősen használja azt; ha ilyen esetekben jelölőnégyzetlistát használ, az túl nagy figyelmet fordít a kijelölésre. Következésképpen szabványos többszörös kijelölési listák sokkal gyakoribbak.
előnézeti listák Egyetlen vagy több kijelölés is lehet, de a kijelölés hatásának előnézetét jelenítik meg, nem csak szöveget.
Ablakszín beállításainak előnézeti képe
Ebben a példában az egyes lehetőségek előnézete egyértelműen mutatja a választás hatását, ami hatékonyabb, mint a szöveg önálló használata.
Listaszerkesztők Lehetővé teszik a felhasználók számára a választási lehetőségek listáját, ha egyszerre egy elemet ad hozzá, és opcionálisan beállítják a lista sorrendjét.
A listaszerkesztő két önálló kijelölési listából áll: a bal oldali lista egy rögzített beállításkészlet, a jobb oldali lista pedig a készülő lista. A listák között két parancsgomb található:
  • Egy Hozzáadás gomb, amely az aktuálisan kijelölt beállítást a kijelölt elem elé beszúrt listára helyezi. (Egy beállításelemre duplán kattintva ugyanaz a hatás érhető el.)
  • Egy Eltávolítás gomb, amely eltávolítja a kijelölt elemet a beépített listából, és visszaadja a beállításlistára. (A beépített lista egyik elemére duplán kattintva ugyanaz a hatás érhető el.) Előfordulhat, hogy a beépített lista Felfelé és Le parancsokkal rendeli meg a listaelemeket.
Eszköztárgombok listaszerkesztő képernyőképe
Ebben a példában egy listaszerkesztővel hozzon létre egy eszköztárat, ha kijelöli az elemeket egy rendelkezésre álló beállításkészletből, és beállítja a sorrendjüket.
Listák hozzáadása/eltávolítása Lehetővé teszi, hogy a felhasználók egyszerre egy vagy több elemet adjanak hozzá a választási lehetőségek listájához, és igény szerint beállítsák a listarendet (például a listaszerkesztőket).
A listaszerkesztővel ellentétben a hozzáadása gombra kattintva megjelenik egy párbeszédpanel, amelyen kijelölheti a listához felvenni kívánt elemeket. Ha külön párbeszédpanelt használ, jelentős rugalmasságot biztosít az elemek kiválasztásában, ha speciális objektumválasztót vagy akár gyakori párbeszédpanelt is használhat. A listaszerkesztőhöz képest ez a változat kompaktabb, de valamivel több erőfeszítést igényel az elemek hozzáadásához.
Menü tartalomlistájának képernyőképe
Ebben a példában a felhasználók hozzáadhatnak vagy eltávolíthatnak eszközöket egy menüből, valamint beállíthatják a sorrendet.
Bár a listaszerkesztő és a listaminták hozzáadása/eltávolítása jelentősen nehezebb, mint a többi többszörös kijelölési lista, két egyedi előnyt kínálnak:
  • A felhasználók a listarendet a lista létrehozásakor és utána is szabályozhatják.
  • A felhasználók áttekinthetik a kijelölt elemek összegzését, ami jelentős előnyt jelenthet, ha a választási lehetőségek száma nagy.
Hátrányaik az, hogy sokkal több képernyőterületet igényelnek, és nehéz lehet használni, amikor egy nagy elemeket tartalmazó listát hoznak létre az alapoktól. Ezért ezek a legjobban rövid listák létrehozására vagy a már létező listák módosítására használhatók.

Iránymutatások

Bemutató

  • Listaelemek rendezése logikai sorrendben, például a kapcsolódó beállítások csoportosítása, a leggyakrabban használt elemek elhelyezése elsőként vagy betűrendben. A neveket betűrendbe, számokat numerikus sorrendbe, a dátumokat pedig időrendi sorrendbe rendezheti. A 12 vagy több elemet tartalmazó listákat betűrendbe kell rendezni, hogy könnyebben megtalálják az elemeket.

Helyes:képernyőfelvétel az igazításról (balra, középre, jobbra)

Ebben a példában a listaelemek a térbeli kapcsolatuk szerint vannak rendezve.

Helytelen:rendezetlen lista

Ebben a példában annyi listaelem van, hogy betűrendbe kell rendezni őket.

Helyes:betűrendbe szedett lista képe

Ebben a példában a listaelemek könnyebben megtalálhatók, mert betűrendbe vannak rendezve. A "Minden Windows-termék" elem azonban a lista elején található, a rendezési sorrendtől függetlenül.

  • Lista elején az Összes vagy a Nincs elemet ábrázoló beállításokat, a többi elem rendezési sorrendjétől függetlenül.
  • zárójelben csatolja a metabeállításokat.

legördülő lista képernyőképe, amelyen nincs kijelölt

Ebben a példában a "(none)" egy metabeállítás, mert nem érvényes érték a választáshoz, hanem azt jelzi, hogy maga a beállítás nincs használatban.

  • Az üres listaelemek helyett használjon metabeállításokat. A felhasználók nem tudják értelmezni az üres elemeket, míg a metabeállítások jelentése explicit.

Helytelen:legördülő lista képernyőképe üres kijelölt

Ebben a példában az üres elem jelentése nem egyértelmű.

Helyes:legördülő lista képernyőképe, amelyen nincs kijelölt

Ebben a példában a "(none)" metabeállítást használja a rendszer.

Kölcsönhatás

  • Fontolja meg a dupla kattintásos működést. A dupla kattintásnak ugyanolyan hatással kell lennie, mint egy elem kiválasztására és az alapértelmezett parancs végrehajtására.
  • Dupla kattintásos viselkedés redundánssá tétele. Mindig legyen egy parancsgomb vagy egy helyi menüparancs, amelynek ugyanaz a hatása.
  • Ha a felhasználók nem tudnak semmit tenni a kijelölt elemekkel, ne engedélyezze a kijelölést.

Helyes:képernyőkép a varázsló módosításainak listájáról,

Ez a lista a módosítások írásvédett listáját jeleníti meg; nincs szükség kijelölésre.

  • Listamező letiltásakor tiltsa le a társított címkéket és parancsgombokat is.
  • A listamező kijelölt elemének módosítása ne legyen a következőre:
    • Parancsok végrehajtása.
    • Más ablakok, például párbeszédpanel megjelenítése további bemenetek gyűjtéséhez.
    • A kijelölt vezérlőhöz kapcsolódó egyéb vezérlők dinamikus megjelenítése (a képernyőolvasók nem tudják észlelni az ilyen eseményeket). Kivétel: A kijelölt elem leírásához használt statikus szöveg dinamikusan módosítható.

Elfogadható:kiválasztott listaelem részleteinek képernyőképe

Ebben a példában a kijelölt elem módosítása megváltoztatja a leírást.

  • Kerülje a vízszintes görgetést. A többoszlopos listák vízszintes görgetésen alapulnak, ami általában nehezebb, mint a függőleges görgetés. A vízszintes görgetést igénylő többoszlopos listák akkor használhatók, ha sok betűrendbe rendezett elem van, és elegendő képernyőterület áll rendelkezésre a széles vezérlőelemhez.

Elfogadható:a Windows Intézőben

Ebben a példában több, vízszintes görgetést igénylő oszlopot használunk, mert sok elem és rengeteg rendelkezésre álló képernyőterület áll rendelkezésre a széles vezérlőelemhez.

Többszörös kijelölési listák

  • Fontolja meg a kijelölt elemek számának megjelenítését a lista alatt, különösen akkor, ha a felhasználók valószínűleg több elemet választanak ki. Ez az információ nem csak hasznos visszajelzést ad, hanem egyértelműen jelzi, hogy a lista több kijelölést is támogat.

listamező képernyőképe, amelyen négy elem van kijelölve

Ebben a példában a kijelölt elemek száma jelenik meg a lista alatt.

  • Más, értelmezhetőbb kiválasztási metrikákat is megadhat, például a kijelöléshez szükséges erőforrásokat.

windowsos funkciók jelölőnégyzetlistájának képernyőképe

Ebben a példában az összetevők telepítéséhez szükséges lemezterület nagyobb jelentőséggel bír, mint a kijelölt elemek száma.

  • Ha valószínűleg sok listaelem van, és az összes kijelölése vagy törlése valószínű, adja hozzá az Összes kijelölése és az Összes törlése parancsgombot.
  • Normál többszörös kijelölési listák esetén ne használjon többszörös kijelölési módot, mert ez a kijelölési mód elavult. Az ezzel egyenértékű működéshez használjon helyette egy jelölőnégyzetlistát.

Alapértelmezett értékek

  • Válassza ki a legbiztonságosabb (az adatvesztés vagy a rendszerhozzáférés megelőzéséhez) és alapértelmezés szerint a legbiztonságosabb beállítást. Ha a biztonság és a biztonság nem tényező, válassza a legvalószínűbb vagy legkényelmesebb lehetőséget.

Kivétel: Ne jelöljön ki elemeket, ha a vezérlőelem vegyes állapotú tulajdonságotjelöl, ami akkor fordul elő, ha több olyan objektum tulajdonságát jeleníti meg, amelyek nem rendelkeznek ugyanazzal a beállítással.

listaméret és térköz

Listamezők javasolt méretezése és térköze.

  • A leghosszabb érvényes adatoknak megfelelő listamezőszélesség kiválasztása. A normál listamezők nem görgethetők vízszintesen, így a felhasználók csak azt láthatják, ami látható a vezérlőben.
  • További 30 százalékos (rövidebb szöveg esetén legfeljebb 200 százalék) belefoglalása a honosítani kívánt szövegekhez (számokat nem).
  • Válasszon egy listamagasságot, amely az elemek teljes számát jeleníti meg. Kerülje az elemek függőleges csonkolását.
  • Válasszon egy listamagasságot, amely kiküszöböli a szükségtelen függőleges görgetést. A listamezőknek 3 és 20 elem között kell megjelennie görgetés nélkül. Fontolja meg, hogy a listamező kissé hosszabb legyen, ha ezzel megszünteti a függőleges görgetősávot. A potenciálisan sok elemet tartalmazó listáknak legalább öt elemet kell megjeleníteniük, hogy megkönnyítsék a görgetést azáltal, hogy egyszerre több elemet jelenítenek meg, és megkönnyítik a görgetősáv elhelyezését.
  • Ha a felhasználók számára előnyös, hogy a listadoboz nagyobb legyen, a listamező és a szülőablak méretezhető legyen. Így a felhasználók igény szerint módosíthatják a listamező méretét. Az átméretezhető listamezőknek azonban legfeljebb három elemnek kell megjelennie.

Címkék

Vezérlőcímkék

  • Minden listamezőhöz címkék szükségesek. Írja a címkét szóként vagy kifejezésként, nem mondatként; használjon kettőspontot a címke végén.

Kivétel: Hagyja ki a címkét, ha ez csupán egy párbeszédpanel fő utasításánakújraértékelése. Ebben az esetben a fő utasítás a kettőspontot (hacsak nem kérdés) és a hozzáférési kulcsot használja.

Elfogadható:redundáns címkével ellátott lista képernyőképe

Ebben a példában a listamező címkéje csak a fő utasítást adja meg.

Jobb:képernyőfelvétel a redundáns címke nélküli

Ebben a példában a redundáns címke el lesz távolítva, így a fő utasítás a kettőspontot és a hozzáférési kulcsot használja.

  • Ha egy listamező egy választógombnak vagy jelölőnégyzetnek van alárendelve, és a vezérlőelem kettősponttal végződő címkéje be van állítva, ne helyezzen további címkét a listamező vezérlőelemre.

gomb és lista képernyőképe ugyanazzal a címkével

Ebben a példában a listamező egy választógomb alá van rendelve, és megosztja a címkéjét.

Helyes:lista képe balról jobbra igazított felirattal lista képe a bal

Ezekben a példákban a felső címke a listamező bal széléhez igazodik, a bal oldali címke pedig a listamező szövegéhez igazodik.

Helytelen:lista képe szövegbe igazított felirattal lista képe a bal

Ezekben a helytelen példákban a felül lévő címke a listamező szövegéhez igazodik, a bal oldali címke pedig a listamező tetejéhez igazodik.

  • Több kijelölésű listamezők esetén használjon olyan címkét, amely egyértelműen jelzi, hogy több kijelölés is lehetséges. A jelölőnégyzetek listafeliratai kevésbé lehetnek explicitek.

Helyes:lista képe egy vagy több címke kiválasztásával

Ebben a példában a címke egyértelműen azt jelzi, hogy több kijelölés is lehetséges.

Helytelen: bővítménycímkével ellátott listamező képernyőképe

Ebben a példában a címke nem nyújt nyilvánvaló információt a több kijelölésről.

legjobb: bővítménycímkével ellátott jelölőnégyzetlista képernyőképe

Ebben a példában a jelölőnégyzetek egyértelműen jelzik, hogy több kijelölés is lehetséges, így a címkének nem kell explicitnek lennie.

  • A címkék után zárójelben adhat meg egységeket (másodpercek, kapcsolatok stb.).

Beállítás szövegének

  • Minden beállításhoz rendeljen egyedi nevet.
  • Használjon mondatstílusú nagybetűs, kivéve, ha egy elem megfelelő főnév.
  • A címkét ne mondatként, hanem szóként vagy kifejezésként írja, és ne használjon záró írásjelet.
  • Használjon párhuzamos kifejezéseket, és próbálja meg az összes beállítás hosszát azonosan tartani.

Utasítási és kiegészítő szöveg

  • Ha oktatószöveget szeretne hozzáadni egy listamezőhöz, vegye fel a címke fölé. Használjon teljes mondatokat írásjelekkel.
  • Használjon mondatstílusú nagybetűs.
  • A hasznos, de nem szükséges további információkat rövidre kell tartani. Helyezze ezt a szöveget zárójelbe a címke és a kettőspont között, vagy zárójel nélkül a vezérlőelem alatt.

jelölőnégyzetlista és leíró szöveg

Ebben a példában a kiegészítő szöveg a lista alá kerül.

Dokumentáció

Listamezőkre való hivatkozáskor:

  • Használja a pontos feliratszöveget, beleértve a nagybetűket is, de ne tartalmazza a hozzáférési kulcs aláhúzásjelét vagy kettőspontját. Adja meg a szólistát. A listamezőkre ne hivatkozzon listamezőként vagy mezőként.
  • Listaelemek esetén használja a pontos elemszöveget, beleértve annak nagybetűsítését is.
  • A programozásban és más műszaki dokumentációban listamezőkként tekintse meg a listamezőket. Mindenhol használja a listát.
  • A felhasználói interakciók leírásához használja a Select parancsot.
  • Ha lehetséges, formázza a címkét és a listaelemeket félkövér szöveg használatával. Ellenkező esetben a címkét és az elemeket csak akkor tegye idézőjelek közé, ha az a félreértések elkerülése érdekében szükséges.

Példa: Az Ugrás a listára, válassza Könyvjelzőlehetőséget.