Delen via


Wizards

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.

Ondanks die prachtige, whimsical naam, wizards zijn niet echt een speciale vorm van gebruikersinterface, en ze hebben slechts een bepaald hulpprogramma.

Wizards worden gebruikt om taken met meerdere stappen uit te voeren.

Schermopname van de wizard Printer toevoegen met de prompt 'Welk type printer wilt u installeren?'.

Schermopname van de wizard Printer toevoegen bij het zoeken naar beschikbare printers.

schermopname van de wizard Printer toevoegen

Meerdere stappen van een wizard worden weergegeven als een reeks pagina's.

Wizards bevatten doorgaans de volgende typen pagina's:

  • Keuzepagina's worden gebruikt om informatie te verzamelen en gebruikers toe te staan keuzes te maken.
  • De doorvoerpagina wordt gebruikt om een actie uit te voeren die niet ongedaan kan worden gemaakt door op Vorige of Annuleren te klikken.
  • De pagina Voortgang wordt gebruikt om de voortgang van een langdurige bewerking weer te geven.

Het ontwerp van de moderne wizard plaatst een premium op het gebied van efficiëntie, waardoor de pagina Voortgang optioneel is voor kortere bewerkingen en vaak de traditionele welkomstpagina en pagina Gefeliciteerd aan het begin en einde.

Alle wizardpagina's hebben deze onderdelen:

  • Een titelbalk om de naam van de wizard te identificeren, met een knop Vorige in de linkerbovenhoek en een knop Sluiten met optionele knoppen Minimaliseren/Maximaliseren en Herstellen. De titelbalk bevat ook een pictogram om het op de taakbalk te identificeren.
  • Een hoofdinstructie om het doel van de gebruiker met de pagina uit te leggen.
  • Een inhoudsgebied met optionele tekst en mogelijk andere besturingselementen.
  • Een opdrachtgebied met ten minste één doorvoeringsknop om de taak door te voeren of door te gaan met de volgende stap.

Hoewel een wizard meerdere stappen heeft, moeten deze stappen allemaal één taak toevoegen, vanuit het oogpunt van de gebruiker. Dit is het fundamentele ontwerpprincipe van de wizard van 'één wizard, één taak'.

In dit artikel is een taak dus de basisfunctie van een wizard (de taak van een installatiewizard is bijvoorbeeld het installeren van een programma). Subtaken zijn aspecten van de grotere taak (een subtaak van een installatiewizard kan bijvoorbeeld zijn om het programma te configureren dat moet worden geïnstalleerd). Ten slotte wordt elke wizardpagina beschouwd als een stap in een bepaalde subtaak of taak (er kunnen bijvoorbeeld twee of drie stappen zijn betrokken bij het configureren van het programma).

Opmerking: richtlijnen met betrekking tot installatie, dialoogvenstersen voortgangsbalken worden weergegeven in afzonderlijke artikelen.

Is dit de juiste gebruikersinterface?

Een wizard kan worden gebruikt voor elke taak waarvoor meerdere invoerstappen zijn vereist. Effectieve wizards hebben echter aanvullende vereisten:

  • Voert de wizard één atomische taak uit? Gebruik geen interacties die geen enkele taken zijn (een heel programma mag nooit een wizard zijn, tenzij er één taak wordt uitgevoerd). Gebruik geen wizards om onafhankelijke taken of grotendeels niet-gerelateerde stappen te combineren.

  • Kan het aantal vereiste vragen worden verminderd? Zijn er acceptabele standaardwaarden die geschikt zijn voor de meeste gevallen of die later kunnen worden aangepast? Kan het aantal pagina's dus worden verminderd? Zo ja, probeer de taak zo te vereenvoudigen dat deze op één pagina (zoals een dialoogvenster) kan worden gepresenteerd, of verwijder de noodzaak van invoer volledig (zodat de taak rechtstreeks kan worden uitgevoerd).

  • Moeten de vereiste vragen sequentieel worden verstrekt? Zijn er verschillende waarschijnlijke, maar optionele vragen? Zo ja, dan kunt u een dialoogvenster of dialoogvenster met tabbladen overwegen.

    juist:

    schermafbeelding van het dialoogvenster Afdrukopties

    Het dialoogvenster Afdrukopties van Microsoft PowerPoint bevat veel opties voor gebruikersinvoer, zodat u deze in een wizard kunt presenteren. U hoeft ze echter niet sequentieel op te geven, dus een dialoogvenster is een betere keuze.

Wizards zijn een relatief zware vorm van gebruikersinterface; als er een geschikte, lichtere oplossing beschikbaar is, kunt u deze gebruiken!

Ontwerpconcepten

Overgebruik van wizards

In het verleden verschillen wizards van de gewone gebruikersinterface omdat ze zijn ontworpen om gebruikers te helpen bij het uitvoeren van vooral complexe taken (met stappen die zich op verschillende locaties bevinden) en vaak ingebouwde intelligentie hadden om gebruikers te helpen slagen. Tegenwoordig moet alle gebruikersinterface zo eenvoudig mogelijk worden ontworpen om taken zo eenvoudig mogelijk te maken, dus er is geen speciale gebruikersinterface nodig voor dit doel.

Maar het geloof blijft bestaan dat wizards een speciale gebruikersinterface zijn, grotendeels omdat ze 'wizards' worden genoemd (veel creatiever dan bijvoorbeeld 'dialoogvensters' en 'eigenschappenvensters'). In plaats daarvan is het beter om ze te beschouwen als taken met meerdere stappen en niet speciale aandacht te vestigen op dat feit.

Voordat u een wizard maakt, moet u overwegen of gebruikers echt moeten worden onderbroken vanuit de hoofdstroom van het programma. Er kan een lichtere, inline, contextuele oplossing zijn die uiteindelijk nuttiger en efficiënter zal zijn voor gebruikers. Een slecht ontworpen functie in een programma rechtvaardigt bijvoorbeeld geen wizard om deze uit te leggen en te vereenvoudigen; het garandeert dat de functie zelf opnieuw wordt ontworpen. Een wizard mag niet worden gebruikt als bandhulp om een meer eenvoudig probleem met het programma op te lossen.

Wizards hebben wel de juiste functies

Wizards zijn een van de sleutels om de gebruikerservaring te vereenvoudigen. Hiermee kunt u een complexe bewerking uitvoeren, zoals de configuratie van een programma, en deze opsplitsen in een reeks eenvoudige stappen. Op elk punt in het proces kunt u een uitleg geven over wat er nodig is en besturingselementen weergeven waarmee de gebruiker selecties kan maken en tekst kan invoeren.

Bepaalde typen taken met meerdere stappen lenen zich voor het wizardformulier. In Windows hebben verschillende wizards bijvoorbeeld betrekking op connectiviteitsfuncties (op internet of bedrijfsnetwerk of op randapparatuur zoals printers en faxapparaten).

schermafbeelding van de wizard Verbinding

Verbinding maken met een netwerk is een typische taak in Windows die geschikt is voor een wizard.

Hier is de functie van de wizard om te mediaeren tussen iets bekend en stabiel (het out-of-box-besturingssysteem) en iets onbekend en variabel (connectiviteitsregelingen met een telefoonbedrijf of internetprovider). De complexiteit van computingecosystemen is aanzienlijk genoeg nu het echt nuttig is om wizards te gebruiken om die complexiteit te verminderen.

Andere typen taken die goed werken als Windows-wizards omvatten geavanceerde functionaliteit (zoals spraak- en handschriftherkenning) en uitgebreide media-ervaringen (zoals het configureren van opties voor het maken en publiceren van films). Wizards kunnen ook worden geïmplementeerd voor meer eenvoudige taken met meerdere stappen, zoals probleemoplossing. Kortom, als verschillende gebruikers uw programma op veel verschillende manieren willen ervaren, kan dit duiden op de noodzaak van een wizard en de capaciteit voor meerdere gebruikersinvoerpunten.

Voor uw programma is het een beetje ontwerptijd vooraf waard om te bepalen welke functie uw wizard bedient en of die functie echt toeneemt tot het niveau van het implementeren van een wizard.

Lengte van wizard

Ontwerpvragen ontstaan natuurlijk rond het aantal en de organisatie van pagina's en opties. Bijvoorbeeld:

  • Is er een optimaal aantal pagina's voor een wizard? Of tenminste een wenselijk bereik?
  • Moet de wizard beknopt en gestroomlijnd zijn, zodat gebruikers deze zo snel mogelijk kunnen voltooien?
  • Moeten er meer pagina's zijn waarvoor minder keuzes nodig zijn? Of minder pagina's met meer complexiteit? Welk ontwerp wordt beschouwd als bruikbaarder?
  • Kunt u snellere wizardervaringen maken door UI-conventies toe te passen, zoals pagina's met tabbladen?

Microsoft raadde aan dat wizards van drie pagina's of minder worden ontworpen als eenvoudige wizards en die van vier of meer pagina's een geavanceerd wizardontwerp gebruiken (zie de Windows-gebruikerservaring richtlijnen uit 1999). Maar de huidige ontwerpstandaarden van de wizard maken geen onderscheid met wat een van de belangrijkste verschillen was tussen de eenvoudige en geavanceerde formulieren (het gebruik van de pagina's Welkom en Gefeliciteerd), dus deze categorieën voelen zich nu ontoereikend en het aantal pagina's dat de ontwerpkeuze bepaalt lijkt willekeurig.

De wizard moet zo lang of kort zijn als de taak vereist is; er is geen vaste richtlijn voor de lengte ervan. Een wizard met één pagina moet echt worden weergegeven als een dialoogvenster, dus twee pagina's is waarschijnlijk de meest verkorte vorm voor een wizard.

juist:

schermafbeelding van het dialoogvenster Schijf maken

Deze taak heeft zo weinig opties om deze als wizard te presenteren. Een dialoogvenster is het juiste formulier voor deze gebruikersinterface.

Aan het andere uiteinde van het spectrum, als u een wizard hebt die meerdere beslissingspunten en vertakkingen bevat, en vaak resulteert dat gebruikers hun navigatiepad verliezen, hebt u een praktische limiet overschreden en moet u de lengte van de wizard verminderen. U kunt de wizard ook in verschillende verschillende taken opsplitsen.

Wanneer u de meest geschikte lengte voor uw wizard bepaalt, moet u specifieke aandacht besteden aan uw doelgebruikers. Programma's voor eindgebruikers, zoals thuisgebruikers en kantoormedewerkers, gebruiken meestal wizards om complexiteit te verbergen; de wizards zijn zo kort mogelijk, met schoon, eenvoudig paginaontwerp en vooraf geselecteerde standaardwaarden voor zoveel mogelijk opties. Serverwizards of programma's die zijn bedoeld voor IT-professionals, zijn daarentegen vaak langer en complexer. Deze groep doelgebruikers heeft een veel hogere tolerantie voor het nemen van configuratiebeslissingen en kan in feite verdacht worden als te veel complexiteit verborgen is.

Als een wizard van nature een complexe taak vereenvoudigt, moet dit relatief minimaal worden uitgevoerd voor een technisch geavanceerde doelgroep en relatief agressief voor een beginnende gebruikersbasis.

juist:

schermafbeelding van de wizard Weergavetalen

Deze wizardpagina is goed ontworpen voor eindgebruikers omdat het een potentieel complex onderwerp van een eenvoudige, logische binaire keuze vermindert: installeren of verwijderen.

juist:

Schermopname van de wizard 'SQL Server Setup' 'Functieselectie'.

In de installatiewizard voor Microsoft SQL Server 2008 is het paginaontwerp drukker en de talloze keuzes vereisen meer gedachten, maar de doelgroep is databasebeheerders die een strikte controle over de selectie van functies verwachten.

Let ten slotte op hoe vaak de specifieke taak kan worden uitgevoerd. Een onregelmatige taak kan een langere wizard implementeren, terwijl frequente taken de voorkeur moeten geven aan de beknoptheid.

Vertakking

Voor langere wizards moet u mogelijk vertakkingen maken van de taakstroom waarin de volgorde van pagina's kan verschillen, afhankelijk van de gebruikersinvoer die 'upstream' is opgegeven. Vertakkingen zijn inherent ontkoppeld voor gebruikers, dus u moet de gebruikerservaring ontwerpen om stabiliteit over te brengen. We raden u aan niet meer dan twee beslissingspunten te gebruiken die vertakking in de hele wizard veroorzaken en niet meer dan één geneste vertakking binnen één vertakking.

Zie Branching in de sectie Richtlijnen van dit artikel voor richtlijnen voor het maken van een stabiele gebruikerservaring in een wizard vertakkingen.

Een navigatiehandleiding verleent

Navigatiehulplijnen kunnen handig zijn wanneer er veel stappen in de taak staan en gebruikers kunnen hun plaats in de volgorde verliezen of gewoon willen weten hoeveel langer het duurt om te voltooien.

Navigatiehulplijnen worden vaak weergegeven als een lijst met pagina's of secties van de wizard, zoals een inhoudsopgave, in een kolom of deelvenster aan de linkerkant van elke pagina. Hoewel de lijst zich in de wizard blijft bevinden (dezelfde lijst met pagina's op elke pagina wordt weergegeven), is er een visueel middel waarmee wordt aangegeven waar de gebruiker zich momenteel in de volgorde bevindt (bijvoorbeeld vet om de actieve pagina of sectie te onderscheiden).

Navigatiehulplijnen kunnen opeenvolgend of niet opeenvolgend zijn. Het sequentiële type geeft de afgelopen pagina's weer, samen met de bekende toekomstige pagina's. U kunt de toekomst presenteren in termen van stappen in plaats van pagina's als de stappen bekend zijn en pagina's afhankelijk zijn. Vervolgens kunt u pagina's dynamisch vullen zodra ze bekend worden. Omdat de navigatiereeks is opgelost, is de navigatiehandleiding niet interactief.

Niet-sequentiële navigatiehulplijnen zijn interactief, zodat gebruikers eerder bekeken pagina's rechtstreeks opnieuw kunnen bekijken. Ze kunnen de navigatievolgorde ook overslaan voor pagina's die zijn ontworpen om optioneel te zijn. Optionele pagina's moeten standaardwaarden hebben die in de meeste gevallen acceptabel zijn. Met dit type handleiding:

  • Eerder bekeken pagina's kunnen altijd rechtstreeks worden bekeken.
  • Toekomstige pagina's worden mogelijk niet weergegeven als ze vereisten hebben.
  • Pagina's die kunnen worden bezocht, moeten zichtbaar worden onderscheiden van pagina's die niet (zoals het gebruik van koppelingen die actief of uitgeschakeld zijn), samen met pagina's die vereist of optioneel zijn.

Gebruikers kunnen in dit scenario verward raken over de betekenis van de knop Vorige. Leidt het klikken op Vorige u naar de vorige pagina of sectie in de navigatiehandleiding, of de laatste pagina of sectie die is bekeken? Omdat Windows-wizards nu de knop Vorige in de linkerbovenhoek van wizardpagina's plaatsen, in plaats van in de rechterbenedenhoek met de andere doorvoerknoppen, denken gebruikers aan de functionaliteit Terug zoals ze doen op het web. De beste oplossing is om de knop Terug de betekenis van de webnavigatie te geven (als u op Vorige klikt, moet u naar de laatste pagina of sectie leiden) en gebruikt u de navigatiehandleiding van de wizard voor sequentiële navigatie.

Pagina-integriteit

Het ontwerp van de wizard omvat niet alleen beslissingen met betrekking tot de volledige taakstroom, zoals het afhandelen van navigatie en de vertakkingservaring, maar ook beslissingen met betrekking tot de afzonderlijke pagina's waaruit de wizard bestaat. Het belangrijkste principe voor het ontwerpen van goede wizardpagina's is dat van integriteit: de inhoud van een pagina moet bij elkaar horen.

Wizardpagina's zijn aanzienlijk bruikbaarder als elke pagina conceptueel vastloopt, waarbij slechts één aspect van de algehele taak wordt behandeld. De belangrijkste instructie is de belangrijkste methode om dit te bereiken. Identificeer duidelijk het doel of doel van de pagina voor gebruikers. aanvullende instructies, en alle besturingselementen op de pagina, hebben allemaal rechtstreeks betrekking op de hoofdinstructie. Hoewel wizardpagina's gebruikers moeten presenteren met opties waarvoor een bepaalde gedachte vereist is, voelt die inspanning niet als werk omdat deze nauw is gericht op de integriteit van de pagina zelf.

Helaas maken wizardontwerpers vaak fout dat gebruikers snel klikken op de knop Volgende als bewijs van de bruikbaarheid, eenvoud en integriteit van hun pagina's. De ultieme wizardervaring is niet Volgende, Volgende, Volgende, Volgende, Voltooien. Hoewel een dergelijke ervaring suggereert dat de standaardwaarden goed zijn gekozen, suggereert het ook dat de wizard niet echt nodig was omdat alle opties optioneel zijn.

In termen van visuals en tekst parseert u deze elementen tot de bare essentials. Verzet u tegen de drang om meerdere subtaken op één pagina (de burrito-wizard) te bundelen of gebruik te maken van tabbladen voor het presenteren van complexe invoervereisten. Eén pagina moet betrekking hebben op één subtaak van de algemene taak van de wizard.

Onjuist:

schermafbeelding van de installatiewizard van sql Server

Met drie tabbladen met vrij dichte gebruikersinvoer vereist, probeert deze wizardpagina te veel te bereiken.

In de meeste gevallen behoudt u de grootte van elke pagina in de wizard om een consistent uiterlijk te bevorderen. Hoewel Windows-wizards het mogelijk maken om pagina's te vergroten of te wijzigen, zodat de grootte van een pagina overeenkomt met de hoeveelheid inhoud, maken slechts een paar gebruik van deze optie.

En ten slotte onderhoudt u structurele elementen van elke wizardpagina door de reeks. Verplaats de knop Terug bijvoorbeeld niet vanuit de linkerbovenhoek omlaag naar het gebied met doorvoerknoppen voor een pagina of twee. Dankzij dit consistentieniveau kunnen gebruikers zich stabiel voelen binnen de wizard. U kunt dit beschouwen als basislijn voor de visuele integriteit van een pagina.

Het juiste communicatieniveau vinden

Gebruikers hebben een lage tolerantie voor het lezen van grote blokken tekst op het scherm, en zelfs minder binnen een UI-oppervlak waarvan het snelle doel is om snel door een taak te navigeren.

Wizards hebben de neiging om te veel te communiceren. Ze nemen veel ruimte in beslag op het scherm, wat lijkt een station aan te moedigen om de ruimte te vullen. Het is vergelijkbaar met een variant op de wet van Parkinson: UI-tekst wordt uitgebreid om de beschikbare ruimte te vullen.

Een van de schuldigen in dit overschot is redundantie. Vanwege sjablonen die in het begin van de wizard worden gebruikt, kan dezelfde taal op meerdere locaties op een pagina worden weergegeven, zoals in de titelbalk, koppen, hoofdtekst, besturingslabels enzovoort.

Het is de moeite waard om een professionele editor in te huren om uw wizardtekst meedogenloos te verwijderen. Verwijder overbodige vragen en opties op afzonderlijke pagina's en verwijder volledige pagina's uit de wizard als geheel (bijvoorbeeld de traditionele welkomstpagina's en gefeliciteerd). Ga direct naar het punt van de pagina met een beknopt geschreven hoofdinstructie, met behulp van de taal die uw doelgroep gebruikt om de taak te beschrijven, niet de jargon van de technologie of functie die u of uw team intern gebruikt. Deze gebruikersgerichte benadering is essentieel voor het verbeteren van de communicatie van de wizards van uw programma.

Let vooral op de toon van uw wizard: soms zijn de meest blijvende indrukken van uw programma het resultaat niet van wat u zegt, maar hoe u het zegt! In wizards zijn gebruikers vertrouwd met een vriendelijke gesprekstoon, met vrijuit gebruik van het voornaamwoord van de tweede persoon ('u') wanneer het programma om input vraagt. Zie Style and Tonevoor meer richtlijnen.

Het aantal woorden op de wizardpagina wordt over het algemeen aanbevolen, maar wees voorzichtig om niet te ver te gaan. Als de taak belangrijk is en een wizard rechtvaardigt, waarderen gebruikers dat ze voldoende informatie hebben om verstandige keuzes te maken. In het volgende voorbeeld ziet u hoe wizardtekst kan worden verkort zonder dat dit betekent.

voor:

schermafbeelding van de wizard Cleartype, concept

Na:

schermafbeelding van de wizard ClearType, herzien

De bewerkte versie van deze wizardpagina bevat een taakgerichte hoofdinstructie, verwijdert de overbodige verklarende alinea onder de hoofdinstructie en wijzigt het selectievakjelabel om het doel van het selectievakje te verduidelijken.

Als u maar drie dingen doet...

  1. Wijs de taak toe die u wilt uitvoeren met de juiste gebruikersinterface om de taak uit te voeren; stel niet standaard een wizard in wanneer u denkt dat u veel invoer van gebruikers moet verzamelen.

  2. Denk goed na over de lengte en structuur van uw wizard; geef de voorkeur aan korte, niet-vertakkingswizards om de ervaring zo eenvoudig mogelijk te houden, zodat gebruikers terug kunnen gaan naar hun primaire taak of interesse in uw programma.

  3. Zorg voor de integriteit van elke pagina in de wizard: de inhoud van een pagina moet duidelijk bij elkaar horen.

Richtsnoeren

Algemeen

  • Overweeg eerst lichtgewicht alternatieven, zoals dialoogvensters, taakvensters of enkele pagina's. U hoeft geen wizards te gebruiken. U kunt nuttige informatie en hulp bieden in elke gebruikersinterface.

  • Wizards gebruiken voor taken met meerdere stappen. Gebruik dialoogvensters met meerdere pagina's voor taken met één stap met feedback. Zie dialoogvenstersvoor meer richtlijnen.

    juist:

    schermafbeelding van het dialoogvenster Diagnostische gegevens

    schermafbeelding van feedback in het dialoogvenster Diagnostische gegevens

    In dit voorbeeld bestaat windows-netwerkdiagnose uit voortgangs- en resultatenpagina's. Omdat de taak slechts één stap is, zijn niet de navigatieknoppen vereist die gebruikers nodig hebben in een wizard. Het wordt effectief weergegeven als een dialoogvenster met meerdere pagina's.

Venstergrootte

  • Kies een venstergrootte waarmee alle wizardpagina's kunnen worden weergegeven zonder verticaal of horizontaal te schuiven. Hoewel de besturingselementen op de pagina mogelijk moeten schuiven, mogen de wizardpagina's zelf niet.

  • Groottevensters groot genoeg om hun taken comfortabel uit te voeren. De pagina-indeling mag niet krap zijn of vereisen dat gebruikers overmatig schuiven of het formaat ervan wijzigen.

  • Maar maak geen ramen te groot. Grotere vensters maken de taak complexer en vereisen extra beweging voor interactie.

  • Gebruik formaatbare vensters voor een wizard die baat kan hebben bij meer schermruimte, maar die niet nodig is. Wijs een geschikte minimale grootte toe. Formaatbare vensters zijn handig wanneer pagina's interactie vereisen met formaatbare inhoud, zoals grote lijstweergaven.

    juist:

    schermafbeelding van de installatie van Visual Studio, gedeeltelijke lijst

    Beter:

    schermopname van het instellen van Visual Studio, volledige lijst

    In dit voorbeeld helpt het wijzigen van het formaat van het venster gebruikers om de volledige lijst te zien.

  • Overweeg om wizards met een dynamisch formaat te gebruiken waarvan het paginaformaat naar behoefte verandert voor de inhoud. Hierdoor kan een wizard geschikt zijn voor pagina-indelingen met een breed scala aan inhoud.

  • Geef de voorkeur aan statische grootte ten opzichte van dynamisch als gebruikers de wijzigingen kunnen ervaren als een gebrek aan stabiliteit in hun ervaring met de wizard. Visuele stabiliteit treft vaak de accommodatie van inhoud. De meeste wizards moeten standaard, statische venstergrootten gebruiken, met dynamische grootte die is gereserveerd voor speciale gevallen.

Lengte van wizard

  • Maak uw wizard zo beknopt en gestroomlijnd mogelijk. Verwijder overbodige opties en vragen en gebruik slimme standaardinstellingen om het aantal pagina's te verminderen dat nodig is voor gebruikersinvoer.
    • Uitzondering: IT-professionals en andere technische gebruikers hebben een hogere tolerantie voor langere wizards en gedetailleerde invoervereisten.
  • Zorg ervoor dat de wizard minimaal twee pagina's bevat. In plaats daarvan moet een wizard met één pagina opnieuw worden ontworpen als een dialoogvenster.
  • Verminder het aantal pagina's van de wizard niet door de complexiteit van elke pagina te vergroten. Een wizardpagina met drie tabbladen waarvoor gebruikersinvoer is vereist, moet bijvoorbeeld opnieuw worden ontworpen als drie afzonderlijke pagina's.
  • Verhoog het aantal pagina's van de wizard niet door elke pagina zo eenvoudig te maken dat gebruikers mindless door de hele reeks op Volgende klikken. Dit is een veelvoorkomende ontwerpfout in de wizard. Als voor een wizardpagina ten minste een bepaalde mate van gedachte is vereist, hoeft deze waarschijnlijk helemaal niet in de wizard te staan.

Vertakking

  • Geef de voorkeur aan niet-vertakkingswizardontwerp over vertakkingen. Niet-vertakkingswizards zijn meestal eenvoudiger, korter en gemakkelijk te navigeren. Vertakkingswizards maken het moeilijker voor gebruikers om te bepalen hoeveel stappen in de taak en waar ze zich in de volgorde bevinden.

  • Als u moet vertakken, kunt u gebruikers helpen zich te richten met behulp van een van de volgende technieken:

    • Pagina's opsommen. Een veelgebruikte techniek is om de locatie van de gebruiker in de volgorde op elke pagina aan te geven, zoals met de woordgroep Stap X van Y. Zorg ervoor dat het eindpunt (Y) stabiel is. Als de waarde wordt gewijzigd, wordt het vertrouwen van gebruikers hierdoor ondermijnd.

    • Neem het begrip substappen op (zoals stap 2a van 6).

    • Maak stappen onafhankelijk van pagina's, waarbij elke stap meerdere pagina's kan omvatten. Een reisservice kan bijvoorbeeld een wizardorganisatie gebruiken op basis van gevestigde e-commerceconventies voor de branche.

      juist:

      schermafbeelding van de stapsgewijze organisatie van wizards

      Logische labels kunnen gebruikers van een vertakkingswizard voldoende afdrukstand bieden.

    • Behandel optionele stappen als permanent in de opsommingsreeks. Als een vertakking bijvoorbeeld slechts een paar optionele stappen overslaat, slaat u ook de stappen in de feedback over in plaats van opnieuw te nummeren. Dus als een gebruiker een keuze maakt op pagina 2 die resulteert in het maken van pagina's 3 en 4 optioneel, geeft u stap 1, 2, 5 en 6 van 6 weer. Nummer stap 5 en 6 niet opnieuw.

    • Als de wizard gebruikmaakt van één vertakking en de vertakking vroeg in de taak plaatsvindt, start u de reeks op dat punt en gebruikt u de benadering die niet vertakt is. Dat wil gezegd, beginnend bij het punt van de vertakking, de voortgang in volgorde tot het einde van de vertakking.

  • Als u vertakkingen moet uitvoeren, beperkt u het aantal vertakkingen tot één of twee binnen één wizard. Neem nooit meer dan één vertakking op binnen een vertakking (een geneste vertakking).

Doorvoerknoppen

  • Wanneer gebruikers een taak doorvoeren, gebruikt u een doorvoeringsknop die een specifiek antwoord is op de hoofdinstructie (bijvoorbeeld Afdrukken, Verbinden of Starten). Gebruik geen algemene labels zoals Volgende (wat geen toezegging impliceert) of Voltooien (wat niet specifiek is) voor het doorvoeren van een taak. De labels op deze doorvoerknoppen moeten op zichzelf zinvol zijn. Knoplabels voor doorvoeren altijd starten met een werkwoord. Uitzonderingen:
    • Gebruik Voltooien wanneer de specifieke antwoorden nog steeds algemeen zijn, zoals Opslaan, Selecteren, Kiezen of Ophalen.
    • Gebruik Voltooien om een specifieke instelling of een verzameling instellingen te wijzigen.
  • Een enkele wizard kan meerdere doorvoerpunten hebben, maar een enkel punt heeft de voorkeur.
  • Indien nodig kunt u de naam van doorvoerknoppen op een pagina wijzigen of verbergen. Deze flexibiliteit is een voordeel van het nieuwe wizardontwerp in Windows dat niet beschikbaar was in oudere wizards. Houd er rekening mee dat het verbergen van een doorvoerknop verschilt van het uitschakelen ervan.
  • Vermijd het uitschakelen van een positieve doorvoeringsknop. Anders moeten gebruikers afleiden waarom de doorvoerknoppen zijn uitgeschakeld. Het is beter om doorvoerknoppen ingeschakeld te laten en een handig foutbericht te geven wanneer er een probleem optreedt. Het uitschakelen van de knop is alleen acceptabel als de reden hiervoor duidelijk en ondubbelzinnig is.
  • Verwar navigatieknoppen (Volgende en Vorige) niet met doorvoerknoppen. Vervolgens betekent dit dat u zonder toezegging in de wizard verder wilt gaan; Back moet altijd beschikbaar zijn op de volgende pagina en als u op Vorige klikt, moet u het effect van de laatste knop Volgende ongedaan maken. Als dat niet mogelijk is, doen gebruikers een toezegging en dat wordt aangegeven via een specifiek label op de doorvoerknop. Zie Navigatievoor meer richtlijnen over de knoppen Volgende en Vorige.

Knoppen annuleren

  • Vraag gebruikers niet om te bevestigen of ze echt van plan zijn om te annuleren. Dit kan vervelend zijn. Uitzonderingen:
    • De actie heeft aanzienlijke gevolgen en kan, indien onjuist, niet direct worden hersteld.
    • De actie kan leiden tot een aanzienlijk verlies van de tijd of inspanning van de gebruiker.
    • De actie is duidelijk inconsistent met andere acties.
  • Gebruikers toestaan om wizards opnieuw op te starten voor het geval ze per ongeluk zijn geannuleerd.
  • Schakel de knop Annuleren niet uit. Uitzonderingen:
    • Als annuleren schadelijk is, wat mogelijk het geval is bij het uitvoeren van een taak in zelfstandige wizards.
    • Als het annuleren onmogelijk is, kan dit het geval zijn wanneer de wizard geen controle heeft over alle stappen.

Knoppen sluiten

  • Gebruik Sluiten voor Follow-Up- en voltooiingspagina's. Gebruik Annuleren niet, omdat het sluiten van het venster op dit moment geen wijzigingen of acties afgeeft. Gebruik Done niet, omdat het geen imperatieve werkwoord is.
  • Zodra de taak is uitgevoerd, wordt Annuleren sluiten (voor zelfstandige wizards). Het effect van Close is simpelweg om het venster te sluiten.

Andere besturingselementen

  • Gebruik opdrachtkoppelingen alleen voor keuzes, niet toezeggingen. Specifieke doorvoerknoppen geven aan dat de toezegging veel beter is dan opdrachtkoppelingen in een wizard.
  • Wanneer u opdrachtkoppelingen gebruikt, verbergt u de knop Volgende, maar laat u de knop Annuleren staan.

Pagina's (versus dialoogvensters of inlinegebruikersinterface) gebruiken

  • Over het algemeen geven pagina's de voorkeur aan dialoogvensters. Gebruikers verwachten dat wizards op pagina's zijn gebaseerd.
  • Dialoogvensters gebruiken om u te helpen bij het voltooien van pagina's, zoals bij objectkiezers en browsers.
  • Dialoogvensters gebruiken om foutberichten te geven die van toepassing zijn op de hele pagina en het resultaat van het klikken op een doorvoerknop.
  • Inline-presentatie gebruiken voor eenvoudig dynamisch gedrag, zoals progressieve openbaarmaking en contextuele gebruikersinterface.
  • Inlinepresentatie gebruiken voor foutberichten die van toepassing zijn op specifieke besturingselementen.

Wizardpagina's

  • Richt u op efficiënte besluitvorming. Verminder het aantal pagina's om u te richten op essentiële gegevens. Voeg gerelateerde pagina's samen en haal optionele pagina's uit de hoofdstroom. Als gebruikers in eerste instantie volledig op Volgende klikken, lijkt het misschien een goede ervaring, maar als gebruikers de standaardwaarden nooit hoeven te wijzigen, zijn de pagina's waarschijnlijk niet nodig.

  • Ontwerp elke pagina met één doel en visuele consistentie. Zie Pagina-integriteitvoor meer informatie.

  • Gebruik geen welkomstpagina's, maak de eerste pagina waar mogelijk functioneel. Gebruik alleen een optionele pagina Aan de slag als:

    • De wizard heeft vereisten die nodig zijn om de wizard te voltooien.
    • Gebruikers begrijpen mogelijk niet het doel van de wizard op basis van de eerste keuzepagina en er is geen ruimte voor verdere uitleg.
    • De belangrijkste instructie voor aan de slag-pagina's is 'Voordat u begint:'.

    Onjuist:

    schermafbeelding van de welkomstpagina van mappoint-instellingen

  • Moderne wizards kiezen voor functionele eerste pagina's. Hier is niets te doen, maar klik op Volgende. Waarom dwingen gebruikers deze tokenbelasting te betalen voor hun waardevolle tijd?

  • Op pagina's waarin gebruikers worden gevraagd om keuzes te maken, optimaliseert u deze voor de meest waarschijnlijke gevallen. Deze typen pagina's moeten werkelijke keuzes bevatten, niet alleen instructies.

    • Als u geen pagina Aan de slag gebruikt, moet u het doel van de wizard boven aan de eerste pagina met opties uitleggen.
  • Gebruik doorvoerpagina's om duidelijk te maken wanneer gebruikers zich doorvoeren voor de taak. Meestal is de doorvoerpagina de laatste pagina met opties en wordt de knop Volgende opnieuw gelabeld om aan te geven dat de taak wordt doorgevoerd.

    • Gebruik geen overzichtspagina's die alleen de vorige selecties van de gebruiker samenvatten, tenzij de taak riskant is (met betrekking tot beveiliging of verlies van tijd of geld) of er een goede kans is dat gebruikers hun selecties moeten controleren.
  • Gebruik voortgangspagina's om de status van een langdurige bewerking weer te geven. Wanneer de voortgang is voltooid, wordt de voortgangspagina automatisch naar de volgende stap geleid. Deze moet alleen op de voortgangspagina blijven staan als er een probleem is dat de gebruiker moet zien. Het klikken op Terug naar een voortgangspagina mag geen neveneffect hebben.

    • Gebruik één, determinate voortgangsbalk. Volg de de richtlijnen voor de voortgangsbalk bepalen, waaronder:
      • Geef duidelijk aan dat de voltooiing is voltooid. Laat een voortgangsbalk niet naar 100 procent gaan, tenzij de bewerking is voltooid.
      • Start de voortgang niet opnieuw op. Een voortgangsbalk verliest de waarde als deze opnieuw wordt opgestart (mogelijk omdat een stap in de bewerking is voltooid) omdat gebruikers niet kunnen weten wanneer de bewerking wordt voltooid. Laat in plaats daarvan alle stappen in de bewerking een deel van de voortgang delen en laat de voortgangsbalk eenmaal worden voltooid.
    • Geef een beknopte beschrijving van de huidige stap boven de voortgangsbalk. Voor snelle bewerkingen is dergelijke tekst overbodig; de voortgangsbalk alleen voldoende is. Voor bewerkingen waarvoor een minuut of langer nodig is, kan tekst nuttig zijn.
      • Gebruik zinfragmenten, meestal beginnend met een werkwoord en eindigend met een beletselteken. Voorbeelden: Bestanden kopiëren..., vereiste onderdelen installeren....
      • Plaats tekst boven de balk, niet onder.
      • Onjuist:
      • schermafbeelding van de voortgangsbalk met tekst onder
      • In dit voorbeeld moet de verklarende tekst boven de voortgangsbalk worden weergegeven.
      • U kunt de voortgangspagina niet overzichtelijk maken met onnodige details. Deze pagina is niet bedoeld voor technische ondersteuning; het is voor gebruikers.
      • Onjuist:
      • schermafbeelding van de voortgangsbalk met te veel details
      • In dit voorbeeld zijn technische details, zoals GUID's, betekenisloos voor gebruikers.
  • Gebruik geen pagina's met gefeliciteerd die niets anders doen dan de wizard beëindigen. Als de resultaten van de wizard duidelijk zichtbaar zijn voor gebruikers, sluit u de wizard op de laatste doorvoerknop.

    • Gebruik Follow-Up pagina's wanneer er gerelateerde taken zijn die gebruikers waarschijnlijk als opvolgen uitvoeren. Vermijd vertrouwde opvolgingstaken, zoals 'Een e-mailbericht verzenden'.
    • Gebruik voltooiingspagina's alleen als de resultaten niet zichtbaar zijn en er is geen betere manier om feedback te geven voor het voltooien van taken.
    • Wizards met voortgangspagina's moeten een voltooiingspagina of Follow-Up pagina gebruiken om aan te geven dat de taak is voltooid. Voor langlopende taken sluit u de wizard op de pagina Doorvoeren en gebruikt u meldingen om feedback te geven.
  • Gebruik overzichtspagina's alleen als invoer complex is en gebruikers moeten controleren, als de taak een aanzienlijk risico (zoals een financiële overgang) omvat, of als de wizard actie onderneemt op basis van gebruikersinvoer die niet duidelijk is (om vertrouwen te bouwen via transparantie). Samenvattingspagina's voldoen vaak niet aan deze relevantiebalk en kunnen worden weggelaten.

  • Gebruik foutpagina's als de wizard niet kan worden voltooid vanwege een probleem waaruit herstel niet mogelijk is. Leg op deze pagina uit wat het probleem in duidelijke taal is, vrij van technische jargongebruikers die het niet begrijpen. Biedt ook praktische stappen die gebruikers kunnen nemen om het probleem op te lossen. Zie foutberichtenvoor meer richtlijnen.

    • Uitzondering: Als de wizard is voltooid met een klein probleem van waaruit herstel mogelijk is, kunt u het probleem presenteren als een extra taak in plaats van een fout. Gebruik positieve, succesgerichte, stimulerende taal, niet termen zoals fout, fout of probleem. Gebruik geen foutpictogram.
  • Gebruik Volgende alleen wanneer u zonder toezegging naar de volgende pagina gaat. Naar de volgende pagina gaan, wordt beschouwd als een toezegging wanneer het effect ervan niet ongedaan kan worden gemaakt door op Vorige of Annuleren te klikken.
  • Gebruik Back alleen om fouten te corrigeren. Afgezien van het corrigeren van fouten, hoeven gebruikers niet op Terug te klikken om voortgang te maken in een taak.
  • Gebruikersselecties behouden via navigatie. Als de gebruiker bijvoorbeeld wijzigingen aanbrengt, klikt u op Vorige en vervolgens op Volgende, moeten deze wijzigingen behouden blijven. Gebruikers verwachten niet dat ze wijzigingen opnieuw moeten invoeren, tenzij ze er expliciet voor kiezen om ze te wissen.
  • Schakel de knop Terug niet uit, tenzij het herhalen van de stappen schadelijk is.
  • toestaan dat gebruikers door de volgende navigatiescenario's bladeren of wijzigen:
    • Gebruiker geeft invoer, klikt op doorvoerknop, klikt op Terug om eerdere wijzigingen te bekijken, wijzigt niets en klikt vervolgens nogmaals op de doorvoerknop. Normaal gesproken moet dit mogelijk zijn en moet de tweede doorvoering gewoon naar de volgende pagina gaan (omdat de taak al is uitgevoerd).
    • Gebruiker geeft invoer, klikt op doorvoerknop, klikt op Terug om eerdere wijzigingen te bekijken, iets te wijzigen en vervolgens nogmaals op de doorvoerknop te klikken. Normaal gesproken moet dit mogelijk zijn en moet de tweede doorvoering de taak opnieuw uitvoeren met de gewijzigde invoer (het effect van het eerste vervangen of ongedaan maken).

Help

  • Pagina's van de wizard ontwerpen om voldoende informatie te verstrekken, zodat het niet nodig is om te verwijzen naar documentatie in de Help van het programma. Een wizard neemt gebruikers al weg van hun gewenste, directe interactie met het programma; gebruikers verplichten om externe Help te zoeken, worden ze nog verder verwijderd uit deze status. Help moet de uitzondering zijn, niet de regel.
  • Als u een toegangspunt voor Help moet opgeven, gebruikt u een koppeling in het gedeelte linksonder van het inhoudsgebied van de pagina (boven het opdrachtgebied). Deze koppeling moet kort zijn en wordt meestal geformuleerd in de vorm van een vraag die gebruikers waarschijnlijk willen beantwoorden.
  • juist:
  • schermafbeelding van de wizardpagina met helpkoppelingen
  • Deze koppeling naar Help is geschikt omdat basisinformatie zoals deze de pagina van de wizard te veel overzichtelijk maakt.

Sms

Algemeen

  • Gebruik u en uw om te verwijzen naar de gebruiker en de computer, het document, de instellingen, enzovoort. Gebruik de eerste persoon (I, mijn) niet om naar de computer of de wizard te verwijzen. Het is echter acceptabel om de eerste persoon te gebruiken in opties die de gebruiker selecteert. voorbeeld: Mijn gebruik is alleen selectievakje.
  • Elke wizardpagina moet een hoofdinstructie hebben.

Titels

  • Plaats de naam van de wizard op de titelbalk. Gebruik hoofdlettergebruik in titelstijl.
  • Titels mogen geen interpunctie bevatten, met uitzondering van titels met vraagtekens.
  • Neem het woord niet op in wizardtitels. Gebruik bijvoorbeeld Verbinding maken met een netwerk in plaats van de wizard Netwerkinstallatie.

Knopen

  • Voeg geen tekst toe aan de knop Vorige. Gebruik in plaats daarvan het pijl-symbool, niet gelabeld.

  • Voeg tekst toe op de knop Volgende. Gebruik geen glyphs (zoals > of >>) naast het woord Volgende.

  • Gebruik specifieke doorvoeringsknoplabels die op zichzelf zinvol zijn en een reactie zijn op de hoofdinstructie. In het ideale geval hoeven gebruikers niets anders te lezen om het label te begrijpen. Gebruikers hebben veel meer kans om opdrachtknoplabels te lezen dan statische tekst.

  • Gebruik indien mogelijk niet het woord Voltooien voor het label voor de doorvoerknop, omdat er meestal een betere, specifiekere doorvoerknop is:

    • Als u op de knop doorvoert naar de taak (zodat de taak nog niet is uitgevoerd), gebruikt u een specifiek label dat begint met een werkwoord dat een antwoord is op de hoofdinstructie (voorbeelden: Afdrukken, Verbinden, Starten).

    • Als de taak al in de wizard is uitgevoerd, gebruikt u In plaats daarvan Sluiten.

      Uitzonderingen:

      • U kunt Voltooien gebruiken wanneer het specifieke label nog steeds algemeen is, zoals Opslaan, Selecteren, Kiezen of Ophalen.
      • U kunt Voltooien gebruiken wanneer de taak betrekking heeft op het wijzigen van een instelling of verzameling instellingen.
  • Knoplabels voor doorvoeren starten met een werkwoord. Uitzonderingen zijn OK, Ja en Nee.

  • Gebruik hoofdlettergebruik inzinsstijl.

  • Gebruik geen eindpunctie.

Documentatie

  • Hoewel de meeste Windows-wizards het woord Wizard niet meer in de titel hebben, is het acceptabel om te verwijzen naar wizards als wizards in documentatie. Deze verwijzing moet kleine letters bevatten.
  • juist:
  • Als u voor het eerst een netwerk instelt, kunt u hulp krijgen met behulp van de wizard Verbinding maken met een netwerk.
  • Sommige oudere wizards uit eerdere versies van Windows bevatten mogelijk wizard in de titel. Wanneer u naar een van deze wizards verwijst, is het acceptabel om de wizard [X] te gebruiken om te voorkomen dat de wizard [X] wordt gezegd.
  • Raadpleeg een afzonderlijk scherm in een wizard als een pagina.