Placering och format på wizardknappar? |
Av: Nina | 14/08/2006 klockan 15:07 |
Jag ska göra en wizard på en webbsida och har fyra knappar. Det finns ju en hel del åsikter och regler för hur dessa knappar ska placeras men jag skulle vilja höra vad ni tycker. I vilken ordning ska jag placera knapparna?
- Avbryt - Spara (fortsätt senare) - Föregående - Nästa
Och sen återstår frågan om jag ska använda standardknappar eller göra egna som följer webbsidans färger? |
Anna svarade 15/08/2006 klockan 13:52 |
Skulle nog följt windowsstandard, dvs från vänster till höger: Föregående, Nästa, Avbryt. Spara skulle jag haft i en dialog när man avbryter, om det är i det skedet som sparandet ska göras. Annars brukar ju allting sparas när man går till nästa sida utan att man ska behöva ange det, dvs Spara-knappen blir då inte nödvändig att visa på varje wisardbild. Att ha en Spara-knapp som alltid är synlig gör att interaktionen blir lite otydlig, användaren kan bli osäker på när/hur ofta man måste klicka på Sparaknappen. Avbryt i en wizard brukar betyda att man inte alls sparar det som gjorts, men om man har en Sparaknapp som man kanske har klickat på innan man väljer Avbryt gör det hela avbryt-operationen lite otydlig. Bättre då att möjliggöra sparandet när man väljer Avbryt. |
Nina svarade 16/08/2006 klockan 14:21 |
Tack för bra kommentarer! Att spara-knappen skulle förvirra har jag faktiskt inte tänkt på. På knappen står det "Spara, fortsätt senare" så jag har hoppats att den ska vara tillräckligt tydlig men det kanske den inte är.
Ska kolla med utvecklarna om det går att göra en spara-dialog när man avbryter, det var en bra idé! |
Helen svarade 17/08/2006 klockan 16:11 |
Ett sidospår kanske men: är inte texten "Spara, fortsätt senare" lite väl lång för en knapp? Jag har i ryggmärgen att knapptext ska vara kort och konsis, och att en förklaring görs vid sidan om. Men det blir vanligare och vanligare med knapptext innehållande flera meningar.. Vad tycker ni? |
Anna svarade 18/08/2006 klockan 08:34 |
Kan i det här läget vara lite intressant att läsa i Windows Vista User Experience Guidelines, där man inför s.k. Command Links i vista för att komma runt just problemet med långa texter på knappar. Command links blir då något mitt emellan Command buttons och Links, de utför ett kommando till skillnad från en vanlig länk, men kan ha längre förklarande texter till skillnad från knappar. Wizards i Vista kommer (som det ser ut just nu) att placera Back-knappen högst upp till vänster som i en browser och bara ha Next och Cancel nere till höger. |
Nina svarade 18/08/2006 klockan 13:07 |
Ja, jag har precis läst i Användbarhetsboken att Back-knappar kan uteslutas från wizards om bara webbläsarens tillbakaknapp fungerar. Men jag tror nog ändå på att behålla den.
Sparaknappen kan nog bli lite för lång om man gör den med vanliga "inputknappar". Bilder gillar jag inte riktigt heller. Att lägga den som en separat Command Link ska jag kolla upp, tack för tipset! Har även funderat på att kalla den "Spara, slutför senare" i stället. Fast det är ju väldigt lika förstås. |
Tommy Sundström svarade 22/08/2006 klockan 10:22 |
I Användbarhetsboken skriver jag om två sorters wizards: de med en datorinspirerad (dvs Windows-inpirerad) stil, och de som har en friare stil (men samma funktion, att steg för steg guida användaren).
Det är för den senare typen jag skriver att Föregående-knappen inte behövs.
Om man kör i Windows-stil tror jag däremot att det är klokt att hålla sig så nära förlagans konventioner som möjligt. |