Sdílet prostřednictvím


Standardní ikony

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.

Standardní ikony jsou chyby, upozornění, informace a ikony otazníku, které jsou součástí Windows.

snímek obrazovky se čtyřmi standardními ikonami

Standardní ikony chyb, upozornění, informací a otazníku.

Standardní ikony mají tyto významy:

  • Ikona chyby Uživatelské rozhraní představuje chybu nebo problém, ke kterému došlo.
  • Ikona upozornění Uživatelské rozhraní prezentuje podmínku, která může v budoucnu způsobit problém.
  • Informační ikona Uživatelské rozhraní prezentuje užitečné informace.
  • Ikona otazníku Uživatelské rozhraní označuje vstupní bod nápovědy.

Standardní ikony jsou velmi působivé, protože jsou integrované do mnoha rozhraní API (Application Programming Interface), jako jsou dialogy úloh, pole zpráv, bublinya oznámení. Často se také používají na místních zprávách a stavových pruhů.

Poznámka: Pokyny související s ikonami jsou uvedeny v samostatném článku.

Koncepty návrhu

Při výběru vhodné standardní ikony existuje několik faktorů, které částečně vysvětlují, proč se tak často používají nesprávně. Mezi nejběžnější chyby patří:

  • Použití ikony upozornění pro menší chyby Upozornění nejsou "změkčená".
  • Použití standardní ikony, pokud je lepší použít žádnou ikonu vůbec. Ne každá zpráva potřebuje ikonu.
  • Alarmující uživatelé tím, že zobrazí upozornění na menší problémy nebo zobrazí rutinní otázky jako upozornění. Díky tomu se programy jeví jako náchylné k nebezpečí a odčítá od skutečně významných problémů.

Zbývající část této části vysvětluje, jak se zamyslet nad standardními ikonami, abyste se vyhnuli těmto běžným chybám.

Typ zprávy vs. závažnost

Zvolte standardní ikony založené na typu zprávy, nikoli závažnost základního problému. Typy zpráv:

  • Chyba. Došlo k chybě nebo problému.
  • Varování. Podmínka, která by mohla v budoucnu způsobit problém.
  • Informace. Užitečné informace.

V důsledku toho může chybová zpráva přijmout ikonu chyby, ale nikdy se nezobrazí ikona upozornění. Nepoužívejte ikony upozornění jako způsob, jak "změkčit" menší chyby. Bez ohledu na jejich závažnost, "Nesprávná velikost písma" je chyba, zatímco "Pokračování v této operaci nastaví váš dům při požáru" je upozornění.

Určení vhodného typu zprávy

Některé problémy se dají zobrazit jako chyba, upozornění nebo informace v závislosti na zdůraznění a formulaci. Předpokládejme například, že webová stránka nemůže načíst nepodepsaný ovládací prvek ActiveX na základě aktuální konfigurace aplikace Windows Internet Explorer:

  • Chyba. "Tato stránka nemůže načíst nepodepsaný ovládací prvek ActiveX." (Frází se jako existující problém.)
  • Varování. Tato stránka se nemusí chovat podle očekávání, protože Aplikace Windows Internet Explorer není nakonfigurovaná pro načtení nepodepsaných ovládacích prvků ActiveX. Nebo Povolit této stránce instalaci nepodepsaného ovládacího prvku ActiveX? Pokud tak učiníte z nedůvěryhodných zdrojů, může poškodit váš počítač." (Obě fráze jsou uvedené jako podmínky, které můžou způsobit budoucí problémy.)
  • Informace. "Nakonfigurovali jste aplikaci Windows Internet Explorer tak, aby blokovala nepodepsané ovládací prvky ActiveX." (Fráze jako prohlášení faktu.)

Pokud chcete určit odpovídající typ zprávy, zaměřte se na nejdůležitější aspekt problému, na který uživatelé potřebují vědět nebo na který musí reagovat. Obvykle platí, že pokud problém uživateli brání v pokračování, zobrazí se jako chyba; pokud může uživatel pokračovat, jedná se o upozornění. Vytvořte hlavní instrukce nebo jiný odpovídající text na základě daného fokusu a pak zvolte ikonu (standardní nebo jinak), která odpovídá textu. Hlavní text instrukce a ikony by se měly vždy shodovat.

Závažnost

I když závažnost není při výběru mezi ikonami chyb, upozornění a informací důležité, je závažnost faktorem při určování, jestli se má vůbec použít standardní ikona.

Ikony fungují nejlépe, když se používají ke vizuální komunikaci. (Z důvodů přístupnosti musí být tato vizuální komunikace vždy redundantní s jiným formulářem, například textem nebo zvukem.) Uživatelé by měli být schopni na první pohled zjistit povahu informací a důsledky jejich reakce, takže musíme rozlišovat kritické chyby a varování od jejich běžných protějšků. Kritické chyby a upozornění mají tyto vlastnosti:

  • Zahrnují potenciální ztrátu jedné nebo více z následujících možností:
    • Cenný majetek, jako je ztráta dat nebo finanční ztráta.
    • Přístup k systému nebo integrita.
    • Ochrana osobních údajů nebo kontrola nad důvěrnými informacemi.
    • Doba uživatele (významná částka, například 30 sekund nebo více).
  • Mají neočekávané nebo nezamýšlené důsledky.
  • Vyžadují správné zpracování, protože chyby se nedají snadno opravit a můžou být dokonce nevratné.

Pro rozlišení nekritické chyby a upozornění od kritických zpráv se obvykle zobrazují bez ikony nekritické zprávy. Tím upozorňujeme na kritické zprávy, zpřístupňuje kritické a nekritické zprávy vizuálně odlišné a je konzistentní s tónem Windows.

Ne každá zpráva potřebuje ikonu. Ikony nejsou způsob, jak ozdobit zprávy.

Následuje dobrý příklad kritického upozornění, protože splňuje dříve definované charakteristiky.

snímek obrazovky s upozorněním pro zálohování dat

V tomto příkladu upozorní kritická upozornění uživatele na možnou nevratnou ztrátu dat.

Další příklad ale není kritický, protože je pravděpodobné, že bude úmyslný a výsledky se snadno vrátí zpět.

nesprávná odpověď:

snímek obrazovky zavádějícího použití ikony upozornění

V tomto příkladu není potvrzení důležité, protože je pravděpodobné, že se jedná o úmyslné a snadné vrácení zpět.

V typickém uživatelském rozhraní většina chyb souvisí s chybami uživatelského vstupu. Většina chyb uživatelského vstupu není důležitá, protože jsou snadno opravené a uživatelé je musí opravit, než budou pokračovat. Také upoutálení příliš velké pozornosti na menší chyby uživatelů je v rozporu s tónem Windows. V důsledku toho se obvykle zobrazují menší chyby uživatelského vstupu bez ikony chyby. Abychom posílili jejich nekritické povahy, označujeme je jako problémy se vstupem uživatele.

snímek obrazovky s informacemi o správných vstupních

V tomto příkladu není tento problém s malým uživatelským vstupem kritický, takže při prezentování v dialogovém okně nepotřebuje ikonu.

Vyhněte se přebíjení

Přetěžujeme v aplikacích pro Windows. Typický program pro Windows má ikony upozornění zdánlivě všude, upozornění na věci, které mají malý význam. V některých programech se téměř každá otázka prezentuje jako upozornění. Overwarning dělá, že použití programu se cítí jako nebezpečná aktivita a odvádí od skutečně významných problémů.

Pouhý potenciál ztráty dat není dostatečný k volání ikony upozornění. Kromě toho by všechny nežádoucí výsledky měly být neočekávané nebo nezamýšlené a neměly by být snadno opraveny. V opačném případě by bylo možné považovat pouze jakoukoli nesprávně zodpovězenou otázku za následek ztrátu dat nějakého druhu a zaslouží si ikonu upozornění.

Pokud se chcete zaměřit na ikony upozornění na skutečně kritické problémy:

  • Ujistěte se, že problém vyžaduje zvýšenou pozornost uživatelů. potvrzení rutin a otázky by neměly obsahovat ikony upozornění.
  • Je pravděpodobné, že se uživatelé budou chovat jinak v důsledku ikony upozornění? Je pravděpodobné, že uživatelé budou zvažovat rozhodnutí důkladněji?

nesprávná odpověď:

snímek obrazovky s ikonou upozornění, která se zbytečně používá

V tomto příkladu budou uživatelé pravděpodobně odpovídat na tuto otázku jinak, protože ikona upozornění?

  • Existuje nějaká významná akce, která se má udělat nebo se rozhodnout? Upozornění bez akcí jen dělají uživatelům pocit paranoidu.

nesprávná odpověď:

snímek obrazovky s ikonou upozornění použitou s připomenutím

Proč toto oznámení představuje upozornění? Co mají uživatelé dělat (kromě starostí)?

Kontext

Kontext je také důležitý při používání standardních ikon, protože samotný kontext komunikuje s informacemi. Specificky:

  • I když dialogová okna (včetně dialogových oken úkolů a zpráv) a oznámení nepotřebují ikony pro méně důležité chyby, místní chyby vždy potřebují ikony chyb. Jinak by taková nemodální zpětná vazba byla příliš snadná na přehlédnutí.
  • Místní upozornění vždy potřebují ikony upozornění, aby se odlišily od běžného textu.
  • Dialogová okna, oznámení a bubliny nepotřebují ikony informací, protože jasně prezentují informace. Naproti tomu bannery potřebují informace o rozměrech 16 × 16 pixelů nebo jiné ikony, protože taková nemodální zpětná vazba by byla příliš snadná.

Vzhledem k tomu, že kontext je významným faktorem použití ikon, jsou standardní pokyny pro ikony v tomto článku uvedeny z hlediska jejich kontextu.

Vyhodnocení správnosti standardních ikon

Při vyhodnocování textu uživatelského rozhraní si také přečtěte všechny standardní ikony. Přečtěte si ikony chyb jako "chyba!", ikony upozornění jako "upozornění, buďte zde velmi opatrní!" a informační ikony jako "pozornost!". Pak pokračujte ve čtení zbývajícího kontextu, jako jsou hlavní instrukce, oblast obsahu a tlačítka potvrzení. Ujistěte se, že význam a tón každé standardní ikony odpovídají významu a tónu jeho kontextu. Pokud ne, našli jste problém.

Pokud děláš jen jednu věc...

Ujistěte se, že význam a tón každé standardní ikony odpovídají významu a tónu jeho kontextu. Pokud se neshodují, změňte nebo odeberte ikonu.

Pokyny

Poznámka: Pro následující pokyny "místní" znamená na libovolné normální ploše okna, například v oblasti obsahu průvodce, seznamu vlastností nebo stránky položek ovládacích panelů.

Obecné

  • Zvolte standardní ikony podle typu zprávy, nikoli závažnost základního problému:
    • Chyba. Došlo k chybě nebo problému.
    • Varování. Podmínka, která by mohla v budoucnu způsobit problém.
    • Informace. Užitečné informace.
  • Pokud problém řeší různé typy zpráv, zaměřte se na nejdůležitější aspekt, na který uživatelé potřebují reagovat.
  • Ikony musí vždy odpovídat hlavnímu pokynu nebo jinému odpovídajícímu textu.

správně:

snímek obrazovky s ikonou chyby použitou s textem chyby

nesprávná odpověď:

snímek obrazovky s ikonou upozornění použitou s textem chyby

V nesprávném příkladu standardní ikona upozornění neodpovídá hlavní instrukci (což značí chybu).

Velikost ikony

  • Zvolte standardní velikost ikon na základě kontextu:

    Kontext Kdy použít
    Dialogových
    Pro ikony oblastí obsahu použijte 32 × 32 pixelů; Ikony oblasti poznámek pod čarou o rozměrech 16× 16 pixelů
    Místní
    Pro chybové stránky použijte 32 × 32 pixelů; Ikony o rozměrech 16 × 16 pixelů pro všechny ostatní.
    Upozornění
    Použijte ikony o rozměrech 16 × 16 pixelů.
    Balóny
    Použijte ikony o rozměrech 16 × 16 pixelů.
    Transparenty
    Použijte ikony o rozměrech 16 × 16 pixelů.

Ikony chyb

  • Použít ikony chyb pouze v případě, že došlo k chybě nebo k problému:

    Kontext Kdy použít
    Dialogových
    Používejte pouze kritické chyby. (Nepoužívejte standardní ikony pro nekritické chyby.)
    Snímek obrazovky s ikonou chyby použitou s chybovou zprávou
    Místní chyby
    Používá se pro všechny chyby.
    snímek obrazovky s ikonou chyby použitou s chybovou zprávou.
    Upozornění
    Používejte pouze kritické chyby. (pro selhání akcí.)
    Snímek obrazovky s ikonou chyby použitou s chybovou zprávou s oznámením
    Balóny
    Nepoužívejte. Bubliny by neměly být použity pro kritické chyby a nepotřebují ikony chyb pro nekritické chyby.
    Transparenty
    Nepoužívejte. Bannery by se neměly používat pro chyby.
  • Obecně platí, že ikony chyb nejsou potřeba pro nekritické problémy se vstupem uživatele. Ikony jsou však potřeba pro místní chyby, protože jinak by se taková kontextová zpětná vazba příliš snadno přehlédla.

  • V dialogových oknech úkolů nepoužívejte ikony poznámek pod čarou chyby. Ikony chyb se musí zobrazovat jenom v oblasti obsahu.

Ikony upozornění

  • Používat ikony upozornění pouze v případech, kdy může v budoucnu dojít k problému:

    Kontext Kdy použít
    Dialogových
    Slouží pro všechna upozornění.
    snímek obrazovky s upozorněním na změnu přípony názvu souboru
    Místní upozornění
    Slouží k identifikaci textu jako upozornění.
    snímek obrazovky s upozorněním, že není dostatek volného místa
    Upozornění
    Slouží pro všechna upozornění. (pro nekritické systémové události.)
    snímek obrazovky s upozorněním na nedostatek baterie
    Balóny
    Používá se pro zvláštní podmínky.
    snímek obrazovky s upozorněním na zámek caps na
    Transparenty
    Slouží k upoutat pozornost banneru.
    snímek obrazovky s upozorněním na chybějící tpm
  • Nepoužívejte ikony upozornění k "změkčení" nekritické chyby. Chyby nejsou upozornění, místo toho se použijí pokyny pro ikonu chyby.

  • V dialogových oknech otázek používejte ikony upozornění jenom pro otázky s významnými důsledky. Nepoužívejte ikony upozornění pro běžné otázky.

správně:

upozornění na snímek obrazovky nezastaví obnovení systému

nesprávná odpověď:

snímek obrazovky s upozorněním na zavření připomenutí

V nesprávném příkladu se pro rutinní otázku nesprávně používá ikona upozornění.

  • V dialogových oknech úkolů můžete pomocí ikony poznámky pod čarou upozornění upozornit uživatele na rizikové důsledky. Použijte však ikonu upozornění buď v oblasti obsahu, nebo v oblasti poznámky pod čarou, ale ne obě.

snímek obrazovky s upozorněním na potenciálně nebezpečný soubor

V tomto příkladu se v poznámce pod čarou používá žlutý bezpečnostní štít.

Ikony informací

  • Používat informační ikony jenom v případech, kdy kontext samozřejmě neobsahuje informace:

    Kontext Kdy použít
    Dialogových
    Nepoužívejte.
    Místní
    Nepoužívejte. Místo toho použijte prostý statický text nebo banner.
    Upozornění
    Nepoužívejte.
    Balóny
    Nepoužívejte.
    Transparenty
    slouží k upoutat pozornost banneru.
    snímek obrazovky s informacemi o nastavení
  • Ikony informací nejsou potřeba v dialogových oknech, oznámeních a bublinách, protože jejich kontext dostatečně komunikuje s informacemi, které poskytují uživatelům.

  • V dialogových oknech úkolů nepoužívejte ikony poznámek pod čarou. Poznámky pod čarou jsou dostatečně viditelné a nedají se říct, že jde o informace.

Ikony otazníku

  • Ikonu otazníku použijte jenom pro vstupní body nápovědy. Další informace najdete v pokynech k vstupnímu bodu nápovědy.
  • Nepoužívejte ikonu otazníku k kladení otázek. Znovu použijte ikonu otazníku jenom pro vstupní body nápovědy. Není potřeba klást otázky pomocí ikony otazníku stejně stačí k tomu, abyste jako otázku představili hlavní instrukce.
  • Nenahrazovat ikony otazníku ikonami upozornění. Ikonu otazníku nahraďte ikonou upozornění jenom v případě, že má otázka významné důsledky. V opačném případě nepoužívejte žádnou ikonu.