53.2 Guide
Har du någon gång installerat ett program har du nästan säkert erfarenhet av en guide (eller wizard som de kallas på engelska). Användaren tas steg för steg genom en serie av sidor (eller dialogrutor), var och en koncentrerad på en viss fråga, med gott om utrymme för förklarande text och få kontroller att hantera.
Bild 105. I sin grundform har guiden samma enkla topologi som boken.
En sådan topologi kommer även väl till pass på webben, speciellt för de webbapplikationer som behöver få in mycket uppgifter för användaren.
Den är också bra när användarens val tidigt i processen påverkar vad som skall visas senare. Sidor kan anpassas till vad hon svarat, och om det behövs kan hela processen växla in på olika spår.
Topologin liknar i mycket boktopologin (sid 198 ). Eftersom det är i webbapplikationssammanhang är det dock inte en länk utan skicka-knappen som för framåt. (Observera att skicka-knappen ofta är döpt till något annat – i det här fallet till exempel till ”Nästa”. Se Skicka-knapp , sid 261 .
Bild 106. De val användaren gör på en sida kan påverka vilka alternativ som finns på senare sidor, eller vilken väg processen tar.
Det finns stora pedagogiska fördelar i att kunna dela upp interaktionen med användaren över flera sidor och låta henne koncentrera sig på en sak i taget, och olika varianter av guider är ganska vanliga i webbapplikationssammanhang.
Stil
Datorstil
Guider används ofta på datorer för att till exempel leda användaren genom en installation eller en krånglig konfiguration.
Guider som görs för webben kan mycket väl härma dessa. Utseende och funktion signalerar då att det man gör är datornära, till exempel ställer in hur något skall fungera. Likheten ger fördelen att igenkänningseffekten är stor och att användaren vanligen redan vet hur den fungerar.
Eftersom de flesta användare är vana vid Windows är det därifrån konventionerna skall hämtas (se Bild 107).
Knapparna har fasta positioner, och inaktiveras när de inte går att använda.
På svenska blir namnen: ”< Föregående”, ”Nästa >” och ”Avbryt”. När informationen är insamlad och det är dags att avsluta heter knappen ”Slutför”.
Användningen av ”<” och ”>” som pilar står visserligen i motsättning till Använd inte HTML-text som symboler, pilar eller bilder, sid 421 , men i detta fall lutar jag åt att det är viktigare att följa den konvention som finns för guider.
Om man följer 24-timmarswebben bör avbryt-knappen inte vara med – se Låt användaren avbryta, sid 291 .
Mer om konventioner för guider kan hittas via
Bild 107. En typisk Windows-guide.
Fristil
Guider kan också användas för att leda användare genom processer där en datorinspirerad utformning skulle kännas helt fel – till exempel kassan på en e-handelsplats.
Några starka alternativa konventioner finns inte, utan dessa sidor kan utformas tämligen fritt. Saker som kan vara bra att tänka på är:
• Knappen som för framåt (det vill säga skicka-knappen) skall vara ordentligt synlig. Att använda aktionsknappar (se sid 264 ) är ofta en god idé.
• Det behöver inte nödvändigtvis finnas en ”Föregående”-knapp, förutsatt att webbläsarens bakåtknapp fungerar.
• Det måste finnas något sätt att avbryta. Det behöver dock inte nödvändigtvis vara en ”Avbryt”-knapp utan kan till exempel vara en länk som ”Tillbaka till butiken”.
• Det bör finnas en framstegsindikator som berättar hur långt användaren kommit och hur mycket hon har kvar. Se Framstegsindikator , sid 155 .
24-timmarswebben
24-timmarswebben ger delvis andra rekommendationer för detta. Den avråder från att ha en knapp för att avbryta helt. Däremot bör det finnas en för att gå bakåt i processen (alltså samma som ”< Föregående” gör i den datorhärmande guiden); denna bör vara en tillbaka- eller avbrytknapp.
24-timmarswebben går här punkt mot konventionen för vad en avbryt-knapp gör. Lyckligtvis ger den möjligheten att istället döpa knappen till en tillbaka-knapp, vilket minskar risken för missförstånd och starkt rekommenderas. Se även Låt användaren avbryta, sid 291 .
Texten ovan är ur Användbarhetsboken. Varje avsnitt har sin egen webbsida med rättelser, tillägg, blogginlägg och kommentarer. Några sidor (till exempel den du läser nu) har också hela bokens text. Varje dag publiceras ett nytt avsnitt här på webben.