Standard ikonok

Megjegyzés

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.

A standard ikonok a Windows részét képező hiba-, figyelmeztetés-, információ- és kérdőjel ikonok.

A szokásos hiba, figyelmeztetés, információ és kérdőjel ikonok.

A szabványos ikonok jelentése a következő:

• Hiba ikon. A felhasználói felület (UI) hibát vagy problémát jelez.
• Figyelmeztetés ikon. A felhasználói felület olyan feltételt mutat be, amely a jövőben problémát okozhat.
• Információ ikon. A felhasználói felület hasznos információkat jelenít meg.
• Kérdőjel ikon. A felhasználói felület egy súgóbeléptetési pontot jelez.

A szabványos ikonok azért figyelemre méltóak, mert számos Windows-alkalmazásprogramozási felületbe (API-kba) vannak beépítve, például feladat-párbeszédpanelekbe, üzenetmezőkbe, buborékokba és értesítésekbe. Ezeket gyakran használják a helyszíni üzenetekben és állapotsávokban is.

Jegyzet: Az ikonokkal kapcsolatos irányelvek külön cikkben jelennek meg.

Tervezési alapelvek

A megfelelő szabványos ikon kiválasztásának több tényezője is van, ami részben megmagyarázza, hogy miért használják ilyen gyakran helytelenül. A leggyakoribb hibák a következők:

• Figyelmeztetés ikon használata kisebb hibák esetén. A figyelmeztetések nem "enyhített" hibák.
• Normál ikon használata, ha jobb, ha egyáltalán nem használ ikont. Nem minden üzenetnek van szüksége ikonra.
• A felhasználók riasztása kisebb problémákra vonatkozó figyelmeztetésekkel vagy rutinkérdések figyelmeztetésként való bemutatásával. Így a programok veszélynek tűnnek, és elnyomják a valóban jelentős problémákat.

A szakasz további része bemutatja, hogyan érdemes a szabványos ikonokra gondolni a gyakori hibák elkerülése érdekében.

Üzenet típusa és súlyossága

Az üzenet típusa alapján válassza ki a szabványos ikonokat, nem pedig az alapul szolgáló probléma súlyosságát. Az üzenettípusok a következők:

• Hiba. Hiba vagy probléma történt.
• Figyelmeztetés. Olyan feltétel, amely a jövőben problémát okozhat.
• Információ. Hasznos információk.

Emiatt előfordulhat, hogy egy hibaüzenet hibaikont vesz fel, de soha nem figyelmeztető ikont. Ne használjon figyelmeztető ikonokat a kisebb hibák "enyhítéséhez". Tehát a súlyosságuk különbsége ellenére a "Helytelen betűméret" hiba, míg a "Művelet folytatása felgyújtja a házat" figyelmeztetés.

A megfelelő üzenettípus meghatározása

Egyes problémák hibaként, figyelmeztetésként vagy információként jelenhetnek meg a hangsúlytól és a kifejezéstől függően. Tegyük fel például, hogy egy weblap nem tud aláíratlan ActiveX-vezérlőt betölteni a Windows Internet Explorer aktuális konfigurációja alapján:

• Hiba. "Ez a lap nem tudja betölteni az aláíratlan ActiveX-vezérlőt." (Meglévő problémaként fogalmazva.)
• Figyelmeztetés. "Előfordulhat, hogy ez a lap nem a várt módon viselkedik, mert a Windows Internet Explorer nincs hozzárendelt ActiveX-vezérlők betöltésére konfigurálva." vagy "Engedélyezi a lapnak, hogy egy nem aláírt ActiveX-vezérlőt telepítsen? Ha nem megbízható forrásokból teszi ezt, azzal kárt tehet a számítógépében." (Mindkettő olyan feltételként van megfogalmazva, amely későbbi problémákat okozhat.)
• Információ. "A Windows Internet Explorert úgy konfigurálta, hogy letiltsa az aláíratlan ActiveX-vezérlőket." (Tényfeltárásként fogalmazva.)

A megfelelő üzenettípus meghatározásához összpontosítson a probléma legfontosabb aspektusára, amelyet a felhasználóknak ismernie kell vagy el kelljárnia. Általában, ha egy probléma blokkolja a felhasználót a továbblépésben, az hibaként jelenik meg; ha a felhasználó folytathatja a műveletet, ez egy figyelmeztetés. A fókusz alapján készítse el a fő utasítást vagy más megfelelő szöveget, majd válasszon egy (normál vagy egyéb) ikont, amely megfelel a szövegnek. A fő utasítás szövegének és ikonjainak mindig egyeznie kell.

Súlyosság

Bár a súlyosság nem számít a hiba, a figyelmeztetés és az információs ikonok közötti választáskor, a súlyosság annak meghatározásában játszik szerepet, hogy egyáltalán szabványos ikont kell-e használni.

Az ikonok akkor működnek a legjobban, ha vizuálisan kommunikálnak. (Vegye figyelembe, hogy akadálymentességi okokból ennek a vizuális kommunikációnak mindig redundánsnak kell lennie egy másik formában, például szöveggel vagy hanggal.) A felhasználóknak képesnek kell lenniük egy pillantással elmondani az információk jellegét és válaszuk következményeit, ezért meg kell különböztetnünk a kritikus hibákat és figyelmeztetéseket a szokásos társaiktól. A kritikus hibák és figyelmeztetések jellemzői a következők:

• Ezek a következők egy vagy több lehetséges elvesztését vonják maguk után:
  • Értékes eszköz, például adatvesztés vagy pénzügyi veszteség.
  • Rendszerhozzáférés vagy integritás.
  • Bizalmas adatok védelme vagy ellenőrzése.
  • A felhasználó ideje (jelentős mennyiség, például 30 másodperc vagy több).
• Váratlan vagy nem szándékos következményekkel járnak.
• Most már megfelelő kezelést igényelnek, mert a hibákat nem lehet könnyen kijavítani, és akár visszafordíthatatlanok is lehetnek.

A nem kritikus hibák és figyelmeztetések kritikustól való megkülönböztetése érdekében a nem kritikus üzenetek általában ikon nélkül jelennek meg. Ezzel felhívja a figyelmet a kritikus üzenetekre, vizuálisan megkülönbözteti a kritikus és nem kritikus üzeneteket, és összhangban van a Windows hangnemével.

Nem minden üzenetnek van szüksége ikonra. Az ikonok nem alkalmasak az üzenetek díszítésére.

Az alábbi példa egy kritikus figyelmeztetésre jó példa, mivel megfelel a korábban meghatározott jellemzőknek.

Ebben a példában egy kritikus figyelmeztetés figyelmezteti a felhasználókat a lehetséges visszafordíthatatlan adatvesztésre.

A következő példa azonban nem kritikus, mert valószínűleg szándékos, és az eredmények könnyen visszavonhatók.

helytelen:

Ebben a példában ez a megerősítés nem kritikus fontosságú, mert valószínűleg szándékos és könnyen visszavonható.

Egy tipikus felhasználói felületen a legtöbb hiba a felhasználói beviteli hibákhoz kapcsolódik. A felhasználói beviteli hibák többsége nem kritikus, mert könnyen javíthatók, és a felhasználóknak a folytatás előtt ki kell javítaniuk őket. Emellett a kisebb felhasználói hibákra való túl nagy figyelem felkeltése ellentétes a Windows hangnemével. Ennek következtében a kisebb felhasználói beviteli hibák általában hibaikon nélkül jelennek meg. A nem kritikus természetük megerősítése érdekében ezeket felhasználói beviteli problémáknak nevezzük.

Ebben a példában ez a kisebb felhasználói beviteli probléma nem kritikus, ezért nincs szüksége ikonra, amikor megjelenik egy párbeszédpanelen.

Kerülje a túlzott meghiúsítást

A Windows-programokban túlterjedünk. A tipikus Windows program figyelmeztető ikonok látszólag mindenhol, figyelmeztetést a dolgokat, amelyek kis jelentőséggel bírnak. Egyes programokban szinte minden kérdés figyelmeztetésként jelenik meg. A felülírás veszélyes tevékenységnek érzi a program használatát, és valóban jelentős problémákat von maga után.

Az adatvesztés puszta lehetősége önmagában nem elegendő egy figyelmeztető ikon meghívásához. Ezenkívül a nemkívánatos eredményeknek váratlannak vagy nem szándékosnak kell lenniük, és nem lehet könnyen kijavítani. Ellenkező esetben a helytelenül megválaszolt kérdések nagyjából úgy értelmezhetők, hogy valamilyen adatvesztést eredményeznek, és figyelmeztető ikont érdemelnek.

Figyelmeztető ikonok fókuszba hozása a valóban kritikus problémákra:

• Győződjön meg arról, hogy a probléma fokozott felhasználói figyelmet igényel. A rutinszerű megerősítéseknek és kérdéseknek nem szabad figyelmeztető ikonokkal rendelkezniük.
• A felhasználók valószínűleg másképp fognak viselkedni a figyelmeztető ikon miatt? A felhasználók valószínűleg megfontolják a döntést?

helytelen:

Ebben a példában a felhasználók valószínűleg másképp válaszolnak erre a kérdésre a figyelmeztetés ikonja miatt?

• Van-e valamilyen jelentős teendő vagy döntés? A műveletek nélküli figyelmeztetések miatt a felhasználók paranoiásnak érzik magukat.

helytelen:

Miért figyelmeztetés ez az értesítés? Mit kell tenni a felhasználóknak (az aggodalom mellett)?

Kontextus

A környezet a szabványos ikonok használata szempontjából is fontos szempont, mivel maga a környezet is információkat közöl. Ezek konkrétan a következők:

• Bár a párbeszédpaneleknek (beleértve a feladatpaneleket és az üzenetmezőket) és az értesítéseknek nincs szükségük ikonokra a nem kritikus hibák esetén, a helyszíni hibákhoz mindig szükség van hibaikonokra. Ellenkező esetben az ilyen nem modális visszajelzések túl könnyen figyelmen kívül hagyhatók.
• A helyi figyelmeztetéseknek mindig figyelmeztető ikonokra van szükségük, hogy megkülönböztessék őket a normál szövegtől.
• A párbeszédpaneleknek, értesítéseknek és buborékoknak nincs szükségük információikonokra, mert egyértelműen információkat jelenítenek meg. Ezzel szemben a transzparenseknek 16x16 képpontos információra vagy más ikonokra van szükségük, mert az ilyen nem modális visszajelzések túl könnyen figyelmen kívül hagyhatók.

Mivel a környezet jelentős szerepet játszik az ikonok használatában, a jelen cikkben szereplő szabványos ikonok irányelvei a környezetük szempontjából vannak megadva.

A szabványos ikonok megfelelőségének kiértékelése

A felhasználói felületi szöveg kiértékelésekor olvassa el a szabványos ikonokat is. Olvassa el a hibaikonokat "hiba!", figyelmeztető ikonokat "figyelmeztetés, nagyon óvatos itt!", az információs ikonokat pedig "figyelem!" néven. Ezután olvassa tovább a fennmaradó környezetet, például a fő utasítást, a tartalomterületet és a véglegesítési gombokat. Győződjön meg arról, hogy az egyes szabványos ikonok jelentése és hangneme megegyezik a környezet jelentésével és hangszínével. Ha nem, talált egy problémát.

Ha csak egy dolgot tesz...

Győződjön meg arról, hogy az egyes szabványos ikonok jelentése és hangneme megegyezik a környezet jelentésével és hangszínével. Ha nem egyeznek, módosítsa vagy távolítsa el az ikont.

Iránymutatások

Jegyzet: Az alábbi irányelvekben a "helyben" kifejezés minden normál ablakfelületen, például egy varázsló, egy tulajdonságlap vagy egy vezérlőpult elemlapjának tartalomterületén található.

Általános

• Válassza ki a szabványos ikonokat az üzenettípusuk alapján, nem pedig az alapul szolgáló probléma súlyosságát:
  • Hiba. Hiba vagy probléma történt.
  • Figyelmeztetés. Olyan feltétel, amely a jövőben problémát okozhat.
  • Információ. Hasznos információk.
• Ha egy probléma különböző üzenettípusokat érint, a felhasználóknak a legfontosabb szempontra kell összpontosítaniuk.
• Az ikonnak mindig meg kell egyeznie a fő utasítással vagy más kapcsolódó szövegmel.

Helyes:

helytelen:

A helytelen példában a szabványos figyelmeztető ikon nem felel meg a fő utasításnak (ami hibát ad).

Ikon mérete

• Válassza ki a szabványos ikonméretet a környezet alapján:

  Kontextus	Mikor érdemes használni?
  Párbeszédpanelek	A tartalomterület ikonjaihoz 32x32 képpontot használjon; 16x16 képpont a lábjegyzet-terület ikonjaihoz.
  Helyben	Hibaoldalak esetén 32x32 képpontot használjon; 16x16 képpontos ikonok az összes többihez.
  Értesítések	Használjon 16x16 képpontos ikonokat.
  Léggömbök	Használjon 16x16 képpontos ikonokat.
  Bannerek	Használjon 16x16 képpontos ikonokat.

Hibaikonok

• Hibaikonokat csak akkor használjon, ha hiba vagy probléma történt:

  Kontextus	Mikor érdemes használni?
  Párbeszédpanelek	Csak kritikus hibák esetén használható. (ne használjon szabványos ikonokat nem kritikus hibák esetén.)
  Helyszíni hibák	Használja az összes hiba esetén.
  Értesítések	Csak kritikus hibák esetén használható. ( művelethibák esetén.)
  Léggömbök	Ne használja. A ballonokat nem szabad kritikus hibákhoz használni, és a nem kritikus hibákhoz nincs szükségük hibaikonokra.
  Bannerek	Ne használja. A transzparenseket nem szabad használni a hibákhoz.

• A nem kritikus felhasználói beviteli problémákhoz általában nincs szükség hibaikonokra. A helyszíni hibákhoz azonban ikonokra van szükség, mert ellenkező esetben az ilyen környezeti visszajelzések túl könnyen figyelmen kívül hagyhatók.

• A feladat párbeszédpaneljeihez ne használjon lábjegyzet-ikonokat. A hibaikonokat csak a tartalomterületen kell bemutatni.

Figyelmeztető ikonok

• Csak akkor használjon figyelmeztető ikonokat, ha egy feltétel a jövőben problémát okozhat:

  Kontextus	Mikor érdemes használni?
  Párbeszédpanelek	Minden figyelmeztetéshez használható.
  Helyszíni figyelmeztetések	A szöveg figyelmeztetésként való azonosítására szolgál.
  Értesítések	Minden figyelmeztetéshez használható. ( nem kritikus rendszeresemények esetén.)
  Léggömbök	Speciális feltételekhez használható.
  Bannerek	A szalagcímre való figyelem felhívására használható.

• Ne használjon figyelmeztető ikonokat a nem kritikus hibák "felpuhítására". A hibák nem figyelmeztetések, hanem a hibaikon irányelvei érvényesek.

• A kérdések párbeszédpaneljeihez csak a jelentős következményekkel járó kérdésekhez használjon figyelmeztető ikonokat. Ne használjon figyelmeztető ikonokat rutinkérdésekhez.

Helyes:

helytelen:

A helytelen példában a rendszer helytelenül használ figyelmeztetés ikont egy rutinkérdéshez.

• A feladat párbeszédpaneleken figyelmeztető lábjegyzet ikonnal riaszthatja a felhasználókat a kockázatos következményekről. Használjon azonban figyelmeztető ikont a tartalomterületen vagy a lábjegyzet területén, de mindkettőt nem.

Ebben a példában sárga biztonsági pajzsot használunk egy lábjegyzetben.

Információs ikonok

• Csak akkor használjon információs ikonokat, ha a környezet nem jeleníti meg egyértelműen az információkat:

  Kontextus	Mikor érdemes használni?
  Párbeszédpanelek	Ne használja.
  Helyben	Ne használja. Használjon egyszerű statikus szöveget vagy transzparenst.
  Értesítések	Ne használja.
  Léggömbök	Ne használja.
  Bannerek	segítségével felhívhatja a figyelmet a transzparensre.

• Az információs ikonokra nincs szükség a párbeszédpaneleken, értesítésekben és buborékokban, mert a környezetük megfelelően közli, hogy információt nyújtanak a felhasználóknak.

• A feladat párbeszédpaneljeihez ne használjon információs lábjegyzet ikonokat. A lábjegyzetek megfelelően láthatók, és magától értették, hogy információnak számítanak.

Kérdőjel ikonok

• A kérdőjel ikont csak a súgó belépési pontjaihoz használhatja. További információkért tekintse meg a súgó belépési pontjának irányelveit.
• Ne használja a kérdőjel ikont a kérdések feltevéséhez. Használja ismét a kérdőjel ikont csak a súgó belépési pontjaihoz. A kérdőjel ikonnal nem kell kérdéseket feltenni, mégis elegendő egy fő utasítást kérdésként bemutatni.
• Ne cserélje le rendszeresen a kérdőjel ikonjait figyelmeztető ikonokra. A kérdőjel ikont csak akkor cserélje le figyelmeztető ikonra, ha a kérdésnek jelentős következményei vannak. Ellenkező esetben ne használjon ikont.