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.
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.
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ěď:
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.
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ěď:
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ěď:
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ě:
nesprávná odpověď:
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.)
Místní chyby Používá se pro všechny chyby.
Upozornění Používejte pouze kritické chyby. (pro selhání akcí.)
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í.
Místní upozornění Slouží k identifikaci textu jako upozornění.
Upozornění Slouží pro všechna upozornění. (pro nekritické systémové události.)
Balóny Používá se pro zvláštní podmínky.
Transparenty Slouží k upoutat pozornost banneru.
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ě:
nesprávná odpověď:
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ě.
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.
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.