Standaardpictogrammen
Notitie
Deze ontwerphandleiding is gemaakt voor Windows 7 en is niet bijgewerkt voor nieuwere versies van Windows. Veel van de richtlijnen zijn in principe nog steeds van toepassing, maar de presentatie en voorbeelden weerspiegelen niet onze huidige ontwerprichtlijnen.
Standaardpictogrammen zijn de fout-, waarschuwings-, informatie- en vraagtekenpictogrammen die deel uitmaken van Windows.
De standaardfout, waarschuwing, informatie en vraagtekenpictogrammen.
De standaardpictogrammen hebben deze betekenissen:
- Foutpictogram. De gebruikersinterface (UI) presenteert een fout of probleem dat is opgetreden.
- Waarschuwingspictogram. De gebruikersinterface presenteert een voorwaarde die in de toekomst een probleem kan veroorzaken.
- Informatiepictogram. De gebruikersinterface bevat nuttige informatie.
- Pictogram vraagteken. De gebruikersinterface geeft een Help-toegangspunt aan.
De standaardpictogrammen zijn opmerkelijk omdat ze zijn ingebouwd in veel Api's (Windows Application Programming Interfaces), zoals taakdialoogvensters, berichtvakken, ballonnenen meldingen. Ze worden ook vaak gebruikt voor in-place berichten en statusbalken.
Opmerking: richtlijnen met betrekking tot pictogrammen worden weergegeven in een afzonderlijk artikel.
Ontwerpconcepten
Er zijn verschillende factoren bij het kiezen van het juiste standaardpictogram dat gedeeltelijk verklaart waarom ze zo vaak onjuist worden gebruikt. De meest voorkomende fouten zijn:
- Een waarschuwingspictogram gebruiken voor kleine fouten. Waarschuwingen zijn geen 'verzachte' fouten.
- Als u een standaardpictogram gebruikt, kunt u beter geen pictogram gebruiken. Niet elk bericht heeft een pictogram nodig.
- Alarmerende gebruikers door waarschuwingen te geven voor kleine problemen of routinevragen te presenteren als waarschuwingen. Als u dit doet, worden programma's gevoelig voor gevaar en worden ze afgetrokken van echt belangrijke problemen.
In de rest van deze sectie wordt uitgelegd hoe u kunt nadenken over standaardpictogrammen om deze veelvoorkomende fouten te voorkomen.
Berichttype versus ernst
Kies standaardpictogrammen op basis van het berichttype, niet de ernst van het onderliggende probleem. De berichttypen zijn:
- Fout. Er is een fout of probleem opgetreden.
- Waarschuwing. Een voorwaarde die in de toekomst een probleem kan veroorzaken.
- Informatie. Nuttige informatie.
Daarom kan een foutbericht een foutpictogram bevatten, maar nooit een waarschuwingspictogram. Gebruik geen waarschuwingspictogrammen als een manier om kleine fouten te 'verzachten'. Dus ondanks het verschil in ernst is 'Onjuiste tekengrootte' een fout, terwijl 'Doorgaan met deze bewerking zal uw huis in brand zetten' een waarschuwing is.
Het juiste berichttype bepalen
Sommige problemen kunnen worden weergegeven als een fout, waarschuwing of informatie, afhankelijk van de nadruk en formulering. Stel dat een webpagina geen niet-ondertekend ActiveX-besturingselement kan laden op basis van de huidige Configuratie van Windows Internet Explorer:
- Fout. "Deze pagina kan geen niet-ondertekend ActiveX-besturingselement laden." (Zinnen als een bestaand probleem.)
- Waarschuwing. "Deze pagina gedraagt zich mogelijk niet zoals verwacht omdat Windows Internet Explorer niet is geconfigureerd voor het laden van niet-ondertekende ActiveX-besturingselementen." of "Toestaan dat deze pagina een niet-ondertekend ActiveX-besturingselement installeert? Als u dit doet vanuit niet-vertrouwde bronnen, kan dit schadelijk zijn voor uw computer." (Beide zinnen als voorwaarden die toekomstige problemen kunnen veroorzaken.)
- Informatie. 'U hebt Windows Internet Explorer geconfigureerd om niet-ondertekende ActiveX-besturingselementen te blokkeren.' (Zinsdeel als een verklaring van feit.)
Als u het juiste berichttype wilt bepalen, moet u zich richten op het belangrijkste aspect van het probleem waarop gebruikers moeten weten of actie moeten ondernemen. Als een probleem de gebruiker blokkeert om door te gaan, wordt dit meestal weergegeven als een fout; als de gebruiker kan doorgaan, is dit een waarschuwing. Maak de hoofdinstructie of andere bijbehorende tekst op basis van die focus en kies vervolgens een pictogram (standaard of anderszins) dat overeenkomt met de tekst. De hoofdinstructietekst en pictogrammen moeten altijd overeenkomen.
Strengheid
Hoewel ernst geen overweging is bij het kiezen van een van de fout-, waarschuwings- en informatiepictogrammen, is ernst een factor bij het bepalen of een standaardpictogram helemaal moet worden gebruikt.
Pictogrammen werken het beste wanneer ze visueel communiceren. (Houd er rekening mee dat deze visuele communicatie om toegankelijkheidsredenen altijd redundant moet zijn met een ander formulier, zoals tekst of geluid.) Gebruikers moeten in één oogopslag de aard van de informatie en de gevolgen van hun reactie kunnen zien, dus moeten we kritieke fouten en waarschuwingen onderscheiden van hun gewone tegenhangers. Kritieke fouten en waarschuwingen hebben deze kenmerken:
- Hierbij gaat het om mogelijk verlies van een of meer van de volgende:
- Een waardevol activum, zoals gegevensverlies of financieel verlies.
- Systeemtoegang of -integriteit.
- Privacy of controle over vertrouwelijke informatie.
- De tijd van de gebruiker (een aanzienlijke hoeveelheid, zoals 30 seconden of meer).
- Ze hebben onverwachte of onbedoelde gevolgen.
- Ze vereisen nu de juiste verwerking, omdat fouten niet eenvoudig kunnen worden opgelost en zelfs niet ongedaan kunnen worden gemaakt.
Als u niet-kritieke fouten en waarschuwingen van kritieke fouten wilt onderscheiden, worden niet-kritieke berichten meestal weergegeven zonder pictogram. Hiermee wordt aandacht besteed aan kritieke berichten, worden kritieke en niet-kritieke berichten visueel verschillend en is ze consistent met de Windows-toon.
Niet elk bericht heeft een pictogram nodig. Pictogrammen zijn geen manier om berichten te versieren.
Hier volgt een goed voorbeeld van een kritieke waarschuwing, omdat deze voldoet aan de eerder gedefinieerde kenmerken.
In dit voorbeeld waarschuwt een kritieke waarschuwing gebruikers van mogelijk onherstelbaar gegevensverlies.
Het volgende voorbeeld is echter niet kritiek omdat het waarschijnlijk opzettelijk is en de resultaten eenvoudig ongedaan worden gemaakt.
Onjuist:
In dit voorbeeld is deze bevestiging niet kritiek is, omdat deze waarschijnlijk opzettelijk en eenvoudig ongedaan wordt gemaakt.
In een typische gebruikersinterface hebben de meeste fouten betrekking op gebruikersinvoerfouten. De meeste gebruikersinvoerfouten zijn niet essentieel omdat ze eenvoudig worden gecorrigeerd en gebruikers moeten ze corrigeren voordat ze verdergaan. Ook is het te veel aandacht vestigen op kleine gebruikersfouten in strijd met de Windows-toon. Daarom worden kleine invoerfouten van gebruikers meestal weergegeven zonder een foutpictogram. Om hun niet-kritieke aard te versterken, verwijzen we naar deze als problemen met gebruikersinvoer.
In dit voorbeeld is dit kleine probleem met gebruikersinvoer niet kritiek, dus er is geen pictogram nodig wanneer het in een dialoogvenster wordt weergegeven.
Overwarning vermijden
We overwarn in Windows-programma's. Het typische Windows-programma heeft overal waarschuwingspictogrammen, waarschuwing over dingen die weinig betekenis hebben. In sommige programma's wordt bijna elke vraag weergegeven als een waarschuwing. Overwarning maakt het gebruik van een programma een gevaarlijke activiteit, en het trekt af van echt belangrijke problemen.
Het enige potentieel voor gegevensverlies is onvoldoende om een waarschuwingspictogram aan te roepen. Bovendien moeten ongewenste resultaten onverwacht of onbedoeld zijn en niet eenvoudig worden gecorrigeerd. Anders kan ongeveer elke onjuist beantwoorde vraag worden geïnterpreteerd om gegevensverlies van een soort te veroorzaken en een waarschuwingspictogram te verdienen.
Waarschuwingspictogrammen richten op echt kritieke problemen:
- Zorg ervoor dat het probleem de aandacht van de gebruiker vergroot. routinebevestigingen en vragen mogen geen waarschuwingspictogrammen hebben.
- Gedragen gebruikers zich waarschijnlijk anders als gevolg van het waarschuwingspictogram? Zullen gebruikers de beslissing waarschijnlijk zorgvuldiger overwegen?
Onjuist:
In dit voorbeeld beantwoorden gebruikers deze vraag waarschijnlijk anders vanwege het waarschuwingspictogram?
- Is er een belangrijke actie te ondernemen of te beslissen? Waarschuwingen zonder acties zorgen ervoor dat gebruikers zich paranoïde voelen.
Onjuist:
Waarom is deze melding een waarschuwing? Wat moeten gebruikers doen (naast zorgen)?
Context
Context is ook een overweging bij het gebruik van standaardpictogrammen, omdat de context zelf informatie communiceert. Specifiek:
- Hoewel dialoogvensters (inclusief taakdialoogvensters en berichtvakken) en meldingen geen pictogrammen nodig hebben voor niet-kritieke fouten, hebben in-place fouten altijd foutpictogrammen nodig. Anders is dergelijke niet-modale feedback te gemakkelijk te overzien.
- In-place waarschuwingen hebben altijd waarschuwingspictogrammen nodig om deze te onderscheiden van gewone tekst.
- Dialoogvensters, meldingen en ballonnen hebben geen informatiepictogrammen nodig omdat ze duidelijk informatie presenteren. Banners hebben daarentegen 16x16 pixel informatie of andere pictogrammen nodig, omdat dergelijke niet-modale feedback te gemakkelijk te overzien is.
Omdat context een belangrijke factor is in het gebruik van pictogrammen, worden de standaardrichtlijnen voor pictogrammen in dit artikel gegeven in termen van hun context.
De geschiktheid van het standaardpictogram evalueren
Lees bij het evalueren van uw gebruikersinterfacetekst ook standaardpictogrammen. Lees foutpictogrammen als 'error!', waarschuwingspictogrammen als 'waarschuwing, wees hier heel voorzichtig!' en informatiepictogrammen als 'aandacht!'. Lees vervolgens de resterende context, zoals de hoofdinstructie, het inhoudsgebied en de doorvoerknoppen. Zorg ervoor dat de betekenis en de toon van elk standaardpictogram overeenkomen met de betekenis en de toon van de context. Als dat niet het probleem is, hebt u een probleem gevonden.
Als u maar één ding doet...
Zorg ervoor dat de betekenis en de toon van elk standaardpictogram overeenkomen met de betekenis en de toon van de context. Als ze niet overeenkomen, wijzigt of verwijdert u het pictogram.
Richtsnoeren
Opmerking: Voor de volgende richtlijnen betekent 'in-place' op elk normaal vensteroppervlak, zoals binnen het inhoudsgebied van een wizard, eigenschappenvenster of itempagina van het configuratiescherm.
Algemeen
- Kies standaardpictogrammen op basis van hun berichttype, niet de ernst van het onderliggende probleem:
- Fout. Er is een fout of probleem opgetreden.
- Waarschuwing. Een voorwaarde die in de toekomst een probleem kan veroorzaken.
- Informatie. Nuttige informatie.
- Als een probleem verschillende berichttypen bevat, moet u zich richten op het belangrijkste aspect waarop gebruikers actie moeten ondernemen.
- Pictogrammen moeten altijd overeenkomen met de hoofdinstructie of andere bijbehorende tekst.
juist:
Onjuist:
In het onjuiste voorbeeld komt het standaardwaarschuwingspictogram niet overeen met de hoofdinstructie (wat een fout geeft).
Pictogramgrootte
De standaardpictogramgrootte kiezen op basis van de context:
Context Wanneer gebruikt u Dialoogvensters Gebruik 32x32 pixel voor pictogrammen van inhoudsgebied; 16x16 pixel voor voetnootgebiedpictogrammen. In-place Gebruik 32x32 pixel voor foutpagina's; Pictogrammen van 16 x 16 pixels voor alle anderen. Meldingen Gebruik pictogrammen van 16x16 pixels. Ballonnen Gebruik pictogrammen van 16x16 pixels. Banners Gebruik pictogrammen van 16x16 pixels.
Foutpictogrammen
Foutpictogrammen alleen gebruiken wanneer er een fout of een probleem is opgetreden:
Context Wanneer gebruikt u Dialoogvensters Alleen gebruiken voor kritieke fouten. (gebruik geen standaardpictogrammen voor niet-kritieke fouten.)
In-place fouten Gebruik dit voor alle fouten.
Meldingen Alleen gebruiken voor kritieke fouten. (voor actiefouten.)
Ballonnen Niet gebruiken. Ballonnen mogen niet worden gebruikt voor kritieke fouten en ze hebben geen foutpictogrammen nodig voor niet-kritieke fouten. Banners Niet gebruiken. Banners mogen niet worden gebruikt voor fouten. Over het algemeen zijn foutpictogrammen niet nodig voor niet-kritieke problemen met gebruikersinvoer. Pictogrammen zijn echter nodig voor in-place fouten, omdat dergelijke contextuele feedback anders te gemakkelijk te overzien is.
Gebruik voor taakdialoogvensters geen pictogrammen voor foutnoten. Foutpictogrammen moeten alleen worden weergegeven in het inhoudsgebied.
Waarschuwingspictogrammen
Waarschuwingspictogrammen alleen gebruiken wanneer een voorwaarde in de toekomst een probleem kan veroorzaken:
Context Wanneer gebruikt u Dialoogvensters Gebruik deze functie voor alle waarschuwingen.
In-place waarschuwingen Gebruik dit om de tekst te identificeren als waarschuwing.
Meldingen Gebruik deze functie voor alle waarschuwingen. (voor niet-kritieke systeemgebeurtenissen.)
Ballonnen Gebruik voor speciale voorwaarden.
Banners Gebruik dit om de aandacht te vestigen op de banner.
Gebruik geen waarschuwingspictogrammen om niet-kritieke fouten te 'verzachten'. Fouten zijn geen waarschuwingen die de richtlijnen voor foutpictogrammen toepassen.
Gebruik voor dialoogvensters met vragen alleen waarschuwingspictogrammen voor vragen met aanzienlijke gevolgen. Gebruik geen waarschuwingspictogrammen voor routinevragen.
juist:
Onjuist:
In het onjuiste voorbeeld wordt een waarschuwingspictogram onjuist gebruikt voor een routinevraag.
- Voor taakdialoogvensters kunt u een waarschuwings voetnootpictogram gebruiken om gebruikers te waarschuwen voor riskante gevolgen. Gebruik echter een waarschuwingspictogram in het inhoudsgebied of het voetnootgebied, maar niet beide.
In dit voorbeeld wordt een geel beveiligingsschild gebruikt in een voetnoot.
Informatiepictogrammen
Gebruik alleen informatiepictogrammen als de context niet duidelijk informatie presenteert:
Context Wanneer gebruikt u Dialoogvensters Niet gebruiken. In-place Niet gebruiken. Gebruik in plaats daarvan statische tekst zonder opmaak of een banner. Meldingen Niet gebruiken. Ballonnen Niet gebruiken. Banners om de aandacht te vestigen op de banner.
Informatiepictogrammen zijn niet nodig in dialoogvensters, meldingen en ballonnen, omdat hun context voldoende communiceert dat ze gebruikers informatie geven.
Gebruik voor taakdialoogvensters geen pictogrammen voor voetnoten voor gegevens. Voetnoten zijn voldoende zichtbaar en het spreekt voor zich dat ze informatie zijn.
Pictogrammen voor vraagtekens
- Gebruik het vraagtekenpictogram alleen voor Help-toegangspunten. Zie het Help-toegangspunt richtlijnen voor meer informatie.
- Gebruik het vraagtekenpictogram niet om vragen te stellen. Gebruik nogmaals het vraagtekenpictogram alleen voor Help-toegangspunten. U hoeft geen vragen te stellen met behulp van het vraagtekenpictogram, maar het is voldoende om een hoofdinstructie als een vraag te presenteren.
- Vervang niet regelmatig vraagtekenpictogrammen door waarschuwingspictogrammen. Vervang een vraagtekenpictogram alleen door een waarschuwingspictogram als de vraag aanzienlijke gevolgen heeft. Gebruik anders geen pictogram.