Användbarhet

Enkelhet är bra.

Tillgänglighetscentret

Surftips: Tillgänglighetscentret.

Webbplatsen hjälper dig att göra din verksamhet tillgänglig. Det är en ny myndighet som står bakom webbplatsen, handikappolitisk samordning, eller Handisam kort och gott. Men det handlar inte bara om webbplatser som ska vara tillgängliga, utan också arbetsplatsen och den fysiska miljön.

Webbplatsen kommer att finnas fram tills Handisam får en egen webbplats, och då kommer troligtvis informationen att skickas över dit.

Kolla också in riktlinjer för tillgänglig kommunikation på webbplatsen.

Göm utskriftsvänliga sidor för sökmotorerna

Tack vare style sheets (css) är det fullt möjligt att göra webbsidor som kan visas på både skärmen, skrivaren och i mobilen. Men i vissa fall kan det vara motiverat med särskilda webbsidor som är optimerade för utskrift på skrivaren.

Ett praktiskt tips är att gömma alla utskriftsvänliga sidor för sökmotorerna. Placera därför alla utskriftsvänliga sidor i en mapp som heter print och lägg den i roten på webbplatsen. Gör detta med alla dina utskriftsvänliga sidor.

Lägg sedan till Disallow: /print/ i filen Robots.txt så att mappen och allt dess innehåll inte fastnar i sökmotorernas index.

När en användare hamnar på din webbplats genom ett länkklick från Google kommer han eller hon till rätt sida med den layout som matchar din övriga webbplats. Då är det betydligt lättare att upptäcka resten av webbplatsen än om besökaren hade hamnat på den utskriftsvänliga versionen – som oftast är tom och avskalad.

Du kan läsa mer information om Robots.txt och hur den filen fungerar, eller mer om dubbelt innehåll i inlägget Så optimerar du din sida för sökmotorer.

Nybörjarguide: Så testar du användbarhet

Surftips: Beginner’s Guide to Moderating a Usability Study.

Here are some considerations and steps I usually take when I’m moderating a usability test. For those who are experienced, I encourage you to add your thoughts. For those of you who are learning, I encourage you to ask questions of the other readers here.

En nybörjarguide till hur du sätter en människa framför en webbplats, och kollar hur han eller hon beter sig. Artikeln ger förslag på vad du ska göra.

Firefox låter mig uppdatera tilläggsprogram med ett klick!

Säga vad man vill om webbläsaren Firefox, men en sak de har lyckats bra med vad gäller användbarhet är deras uppdatering av tilläggsprogram (extensions som det så fint heter i Firefox).

Bättre användbarhet får man leta efter! Hur uppdaterar man ett tillläggsprogram? Man öppnar upp en lista med alla tillägg som finns installerade. Jämte varje tillägg som det finns uppdateringar till finns också en knapp. ”Uppdatera nu”. Trycker jag på den laddas en ny version ned, och ett meddelande lägger sig fint under titeln om att ”Nästa gång du startar om Firefox så kommer tilläggsprogrammet att uppdateras”. Ett klick, sedan sköts allt automatiskt.

Lista med tilläggsprogram i Firefox

Vad är det som är så bra med detta?

  • Firefox kollar vilka tillägg jag har installerade och jämför sedan om det finns några nya versioner. Allt verka ske i bakgrunden under tiden jag surfar och jag behöver inte göra någonting alls. Listan laddas snabbt. Inget ”Vänta medans listan fylls i…” som dyker upp i Windows kontrollpanel för ”Lägg till eller ta bort program”.
  • Uppdatering och installation sker med endast ett klick. Att göra något enkelt gör det mer troligt att man låter det användas.
  • Inga fler frågor om ”Vill du ladda ned den här filen?” eller ”Tryck här för att godkänna att den installeras”. Tilläggsprogrammet finns installerat sedan tidigare och det finns ingen anledning av be om ytterligare godkännande.

Att vara uppdaterad med Firefox är inga problem!

(Notera att jag inte försöka lovorda Firefox framför andra webbläsare. Jag har sagt det innan och jag säger det igen, använd den webbläsaren du trivs med.)

Mer att läsa om webbläsare:

10 knep för att lyckas med din webbplats

  1. Bli länkad. Varje gång en webbplats länkar till dig så får du en ”röst”. Ju fler röster din webbplats får, desto mer omtyckt är den. Google gillar omtyckta webbplatser och placerar dessa högt upp i sitt sökresultat.
  2. Optimera din webbplats. Sökmotoroptimering kan låta svårt, men det handlar bara om att göra det enkelt för Google och andra sökmotorer att hitta och förstå din webbplats. Läs en guide som beskriver hur du optimerar din webbplats för sökmotorer.
  3. Skriv vettiga rubriker. Tänk på att sökmotorer är verktyg för att hitta din webbplats. Om du fyller din webbsida med nyckelord kan det hända att du hamnar högt i sökresultaten, men den besökare som kommer dit hittar inget värde. Det är därför viktigt att du beskriver dina webbsidor tydligt och enkelt. Det är bättre att skriva ”Så kan du börja sälja nätannonser” i stället för ”Sälja nätannonser”.
  4. Enkel adress. Desto kortare och enklare, desto större chans att någon kommer ihåg den.
  5. Bygg med semantik. Tänk på att utforma dina webbsidor med rubriker och mellanrubriker.
  6. Fyll på med nytt. Uppdateringar är viktiga. Det visar att din webbplats är levande och att du faktiskt bryr dig om den.
  7. Släng ramarna. En unik adress bör vara en unik webbsida. Nu när vi kan surfa från våra mobiltelefoner (jag gör det!) ställer du bara till med problem. Läs gärna vanliga fel på webbplatser enligt Mediabyrån.
  8. Det finns inga genvägar. Glöm allt vad genvägar heter. Hårt arbete, bra innehåll och regelbundna uppdateringar – blod, svett och tårar.
  9. Svara på e-post. Jag svarar på nästan alla e-post jag får, oavsett om jag kan hjälpa till eller inte. Huvudsaken är att jag svarar och är ärlig. Ibland får jag svar tillbaka i stil med ”Oj, jag trodde inte du skulle svara – tack!”. Har jag inget svar så skriver jag det, och i bästa fall hänvisar till någon som vet.
  10. Förbered och planera. Gör ett schema över alla veckor och skriv in vad du ska göra med webbplatsen varje vecka. Det behöver inte vara mycket, kanske en liten nyhet eller förbättring, men se till att sprida ut arbetet och gör små förändringar ofta, i stället för stora förändringar sällan. Då kan du lättare upptäcka fel och snabbt se vad som fungerar och vad som inte gör det.

FAQ innehåller ofta ovanliga frågor

Har du någonsin gjort en FAQ till din webbplats? Alltså en lista med vanliga frågor och deras svar.

Ofta brukar faq-sidor snarare bli tvärtom, de är ovanliga frågor som ingen alls frågat efter. Det kan i stället vara frågor som webbkreatören tror eller hoppas att besökarna undrar. Inte bra.

Jag hamnade på en företagssida med en faq. Där fanns en del frågor som var obesvarade (varför finns de i så fall med över huvud taget?) och i stället var de personliga frågorna med. ”Vilka program använder du?”. Är det en vanlig fråga till ett webbföretag?

Två lärdomar:

1. Lägg inte ut innehåll som inte är färdigt.

2. Summera de vanligaste frågorna du får via e-post eller telefon och skapa en faq med dessa. Inte de frågor du tror är vanliga.

Posten tvingar mig installera java för att få fram telefonnummer

Nyss ringde jag till Postens serviceställe i den staden jag bor. Det var lättare sagt än gjort.

Förutom att Posten tvingar mig till ett dåligt arbetssätt med sin sökfunktion, har de också valt att gömma telefonnummer i ett java-program.

Men jag har inte java installerat så detta dyker upp hos mig i stället:

Posten kräver att jag installerar java för att få fram telefonnummer och karta

Fast jag måste använda Internet Explorer för att se detta meddelandet – med Firefox dyker det inte upp alls.

Men, säger du, de skriver ju:

…vill du överhuvudtaget inte aktivera java, kan du ändå söka serviceställen/brevlådor på sidan utan kartfunktioner.

Jovisst, jag kan få fram adress och öppettider till serviceställen. Men inte telefonnummer.

Det slutade med att jag gick till Gula Sidorna och sökte efter Posten. Givetvis dök bara ett 020-nummer upp och dit fick jag sedan ringa för att få tag på det lokala numret tilll servicestället.

Konstigt för övrigt: Gula Sidorna har också en kartfunktion men den kräver ingen java. Varför måste Posten då göra det?

Du kan roa dig själv med att försöka söka efter serviceställen på Posten.

Dela in din webbplats i få, tydliga avdelningar

En av mina webbplatser gjorde jag om ganska mycket för en tid sedan. Ändringen hade i princip bara två krav:

  • Låta forumet integreras bättre i resten av webbplatsen.
  • Göra det enklare och mer tydligt.

Ändringarna tog ett par månader att genomföra och innebad bland annat omstrukturering, som märks mest på menyuppbyggnaden. I stället för en vänstermeny med 20 alternativ, blev det en meny med sex tabbar på toppen.

Problemet var att jag såg varje applikation som en egen avdelning. Jag hade ett länkarkiv (för länkarna användes en viss programkod), nyheter på förstasidan (för nyheterna användes viss programkod och så vidare…). Följden blev att för varje ny funktion som lades till så blev det en ny avdelning.

Men besökaren på min webbplats var inte intresserad av att gå in och titta på funktioner. Besökaren var intresserad av en specifik fråga inom ämnet. Om det sedan fanns länkar, nyheter eller kanske teckningar om frågan var mindre intressant.

Problemet med mitt sett att se på saken var givetvis att besökaren inte hittade hälften av vad som fanns inom ämnet. För att leta upp en adress till ett företag kunde man antingen gå in i länkarkivet och gå till företagets webbplats, eller så kunde man kolla bland adressregistret på webbplatsen. Lade jag sedan till ännu fler applikationer hade informationen blivit dubbellagrad.

Det gäller därför att: Dela in din webbplats i få avdelningar (helst under sju, eftersom fler är svårt att hålla i huvudet), dela upp ett huvudämne i delämnen. Har du en sida om bilar kan underavdelningarna vara bilmärken. För ”starta eget” kan underavdelningarna vara skatt, juridik och marknadsföring.

När du sedan expanderar är det betydligt enklare för besökaren om du lägger till nya underavdelningar inom respektive ämne, i stället för tio nya huvudavdelningar.

Läs också:

Så låter din titel i en skärmuppläsare

Hur ska titeln se ut på dokumentet?

Ska det vara:

  • Sidans namn - Webbplatsens namn
  • Sidans namn | Webbplastens namn
  • eller kanske rentav :: Webbplatsens namn » Sidans namn ::

Vad du väljer är upp till dig, men tänk på att det finns fördelar med några metoder och endast nackdelar av andra (den sista). Du kanske tycker att :: Webbplatsens namn » Sidans namn :: är väldigt snyggt, men tänk på att du försvårar för skärmläsare som blinda och synskadade använder. Det låter helt enkelt rappakalja.

Här kan du lyssna på de vanliga tecknen: Lyssna hur olika avgränsare låter i skärmuppläsare.

I exemplet med :: Webbplatsens namn » Sidans namn :: låter det ungefär så här: Colon colon webbplatsens namn right double angle bracket colon colon.

Det är så det är för synskadade. Ju mer klotter du lägger till, desto svårare blir det för synskadade att överblicka.

Mer om sidtitlar kan du läsa hos 456 Berea Street och inlägget Document titles and title separators. Nu håller jag inte med Roger på 456 Berea Street riktigt, utan föredrar att skriva så här:

Huvudsida: Webbplatsens namn – Slogan
(Exempel: Backend Media – Konsten att bygga webbplatser som är enkla och användbara)

Undersidor: Webbsidans namn – Webbplatsens namn
(Exempel: Så låter din titel i en skärmuppläsare – Backend Media)

Varför är jag så speciell och tycker på detta viset då? Jo, därför att:

  • Namnet på sidan först. Namnet på webbplatsen eller den aktuella sidan ska stå först i titeln. På så vis ger det mest rättvisa i sökresultat och olika former av länkkataloger som sorterar på bokstavsordning. (Aftonbladet förväntar du dig knappast att hitta under bokstaven ”N”, om de skriver ”Nyheter hos Aftonbladet” som dokumenttitel. Detsamma gäller undersidor.)
  • Avgränsa med streck. Separera sidans namn och webbplatsens namn med ett enkelt streck (-). Det är ett vanligt tecken. Det är samtidigt ett av problemen. Eftersom det är ett vanligt tecken förekommer det även i rubriker och kan därför bli dubbelt. Då kan ett vertikalt streck (|) vara att föredra. En annan favorit är att ha namnet på webbplatsen inom parentes. Men detta är väl snarare en smaksak och kosmetika – men du bör inte välja allt för häftiga tecken. Håll dig till streck (-), vertikalt streck (|) och kolon (:). Tänk på hur det låter för blinda. Tänk inte på vad du tycker är bra, utan tänk på dina besökare i första hand.
  • Ikonen berättar webbplatsen. Tack vare favicons ser vi en liten ikon i webbläsaren för den webbsida vi besöker. Därför finns det oftast ingen anledning att skriva webbplatsens namn först på undersidor.