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.
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.
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.
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. |
![]() 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. ![]() 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. ![]() 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. |
![]() 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ó:
![]() 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. ![]() 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:
|
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:
Ebben a példában a listaelemek a térbeli kapcsolatuk szerint vannak rendezve.
Helytelen:
Ebben a példában annyi listaelem van, hogy betűrendbe kell rendezni őket.
Helyes:
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.
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:
Ebben a példában az üres elem jelentése nem egyértelmű.
Helyes:
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:
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ó:
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ó:
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.
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.
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.
Ajánlott méretezés é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ó:
Ebben a példában a listamező címkéje csak a fő utasítást adja meg.
Jobb:
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.
Ebben a példában a listamező egy választógomb alá van rendelve, és megosztja a címkéjét.
- Egyedi hozzáférési kulcs hozzárendelése. Útmutatásért lásd: Billentyűzet.
- Használjon mondatstílusú nagybetűs.
- Helyezze a címkét a vezérlőelem bal oldalára vagy fölé, és igazítsa a címkét a vezérlő bal széléhez.
- Ha a címke a bal oldalon található, függőlegesen igazítsa a felirat szövegét a vezérlőelem első sorához.
Helyes:
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:
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:
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.
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.