Använd inte ordvitsar, det är inte roligt

Peter Dahlgren 1 Comment

Josef på webForum hade en kommentar om menyn här:

Dock tycker jag att ”Användarvänliga böcker” är en otroligt otydlig titel. Borde det inte vara bättre med ”Böcker om användarvänlighet”?

Visst är det så. ”Användarvänliga böcker” är en ordvits från min sida som inte fungerar. Jag har en lista med böcker om användarvänlighet, då ska det stå så också. Inget annat.

Tack för bättringsförslaget Josef. (Detta är ytterligare ett tecken på att man blir blind för sina egna misstag och därför är användbarhetstester ett måste.)

Enkel svenska kan alla förstå

Peter Dahlgren 3 Comments

En mängd ekonomiska faktorer verkställer optimal längdreducering av disponibel foderkapacitet inom tidigare humanbeskuren grönfoderareal.

Det är ett citat jag lärt mig utantill från boken Berätta med video, skriven av Erik och Siv Fagerholm. Det betyder ingenting och om vi analyserar texten så kan vi komma fram till följande:

  • Ekonomisk faktor = Kan vara en ko.
  • Verkställa optimal längdreducering = Äta gräs så att det blir kortare.
  • Disponibel foderkapacitet = Det gräs korna får äta.
  • Tidigare humanbeskuren gröndfoderareal = Det gräs som människorna klippte innan.

Alltså blir budskapet något i stil med ”kor käkar gräs, därför blir gräset kortare”. Lite enklare?

Nyligen läste jag en krönika i en fototidning. Där klagade skribenten på att en kamera var för voluminös. Hur ofta har du hört det ordet? Det ger 1 träff på Google inställt på svenska, medan ”stor” ger drygt 2,36 miljoner. Ett bättre ordval hade alltså varit ”kameran är för stor”. Det kan alla förstå.

Jag har aldrig förstått varför man ska skriva på akademisk svenska. Då kan bara akademiker förstå det jag skriver. Om jag skriver i klartext kan alla förstå mig. Då får ju texten betydligt högre tillgänglighet.

Samtidigt vill jag passa på att tipsa om min vän Jörgen Johnsson. Han är skribent och marknadsförare och kan hjälpa dig att göra din reklam och sedan få ut den till människor. Visserligen är han skåning, men det får ni ha överseende med. 😉

Skriv gärna otydligt och dölj viktiga funktioner

Peter Dahlgren Leave a comment

Det måste ha varit ett mål när Smålandsposten byggde sin webbplats.

Vill du ladda ned en fil? Självklart vill du det. Det lockar Smålandsposten nämligen med. Titta själv:
Skärmdump av smp.se - konstigt ordval
En mer lämplig rubrik hade varit ”Videoklipp från festivalen”. Men de ska ha plus i kanten för att de tydligt illustrerar att länkarna går till ett videoklipp av något slag. Det görs både med hjälp av en ikon och texten ”webb-tv”.

Att kunna hitta rätt är viktigt. Det kan sökmotorn Google hoppa upp och sätta sig på. Men det tycker inte Smålandsposten och har därför valt att placera sökfunktionen väl dold i sin meny:
Skärmdump av smp.se - dold sökfunktion
Det är roligt att de kategoriserat sökfunktionen som en tjänst. Det säger tydligt att de utformat funktionen efter deras eget sätt att se på saken, och inte besökaren. En besökare vill ”bara kunna söka”.

Sökfunktioner ska placeras högt upp, ha en bred ruta (just det, en ruta som man kan skriva direkt i, och ingen länk) så att man kan skriva in minst tre medellånga ord. En tumregel: se till att du får plats med ”Får jag plats med detta?” i sökrutan. Därefter ska knapparna döpas till vad som händer när man klickar på den. Skriv ”Sök” och inget annat.

Datorbutiken.com är användbar trots problem med tillgänglighet

Peter Dahlgren 4 Comments

För några månader sedan gjorde Datorbutiken.com om sin meny något.

Tidigare:

Datorpaket
– Intel
– AMD

Till:

Datorpaket
– Speldatorer
– Kontorsdatorer
– Tysta datorer

Detta sättet, att se ur kundens synvinkel och behov snarare än hur företagets lager är uppbyggt, är nödvändigt.

Jag ska ärligt erkänna att jag inte är så insatt i hur kylning fungerar, vilken processor som är den bästa och vad alla delar på ett moderkort gör. Men jag vet däremot att jag vill ha en tyst dator som kan stå i sovrummet, mycket minne så jag kan köra mina ”kontorsprogram” (vilken benämning egentligen!) och som lokal webbserver.

Jag hittade därför rätt dator nästan med en gång när jag skulle välja. Den står här nu och surrar. Eller inte – den är ju väldigt tyst! 🙂

Datorbutiken.com blev betydligt mer användbar. Det sorgliga är att menyn i skrivande stund återigen har gjorts om och nu är tillbaka till samma sätt som den var från början. Om jag ska köpa en dator är inte ”Skaru ha en AMD eller Intel?” den första frågan jag vill få. Snarare ”Vad ska du använda datorn till?”. Nu måste jag tänka lite för att förstå hur den fungerar. Se bild nedan:

Menyn på Datorbutiken.com
Hmmm, var är jag någonstans?

Sedan har vi det här med tillgänglighet.

  1. Varför används ramar? Hur länkar jag till en specifik sida?
  2. Varför överdrivs antalet så kallade drop-down-menyer? De är svåra att överblicka och texten går inte att förstora. Då är det bättre att göra som komplett.se. Där kan jag snabbt se vilka alternativ jag har att välja mellan.
  3. Varför har inte bilder alt-text? Då kan jag surfa utan bilder om jag vill (synskadade protesterar nog inte heller), och om någon saknas så vet jag i alla fall vad det är för typ av bild.
  4. Vad är det för skillnad på länkarna ”Kundtjänst” och ”Kontakta oss”? Om man vill prata med kundtjänsten, kontaktar man inte företaget då? Varför finns det en länk som heter ”Info” och ”Betalningssätt”? Borde inte frakt, leveransvillkor och köpvillkor finnas som länkar då? Nej, det är bättre att dela upp länkarna som:
    • Hem
    • Information och köpvillkor
    • Kontakta oss

    ”Företagskund” bör vara en separat länk, eftersom den leder till en separat del av webbplatsen.

Besökta länkar ska byta färg

Peter Dahlgren Leave a comment

När du klickar på en länk ska den byta färg. Då vet besökaren att han eller hon redan varit där.

Då undviker du att besökaren:

  • Råkar besöka samma sida upprepade gånger (man länkar ju inte alltid samma ord eller fraser).
  • Tappar bort sig eftersom förståelsen för varje länks mening ökar.
  • Tar fel på de länkar som redan har besökts, eftersom skillnaden är för liten.
  • Ger upp eftersom besökaren inte får kontrollen och kan navigera som han eller hon själv vill.

Utforma dina länkar så här:

  • Gör länkar understrukna och färgade. Visa aldrig färgad eller understruken text om det inte är en länk.
  • Använd en annan färg för besökta länkar.
  • Placera inte länkar för nära varandra. Då kan det bli svårt att överblicka, och personer med sämre motorik kan ha svårt att klicka på dem.
  • Använd inte liten text. Text är till för att läsas och monitorer är inte bra att läsa ifrån.

Källa: Change the Color of Visited Links och Design Guidelines for Visualizing Links

Användbarhet bygger på konventioner

Peter Dahlgren 2 Comments

En konvention är en något som är allmänt erkänd och som följs eftersom inget särskilt talar emot. Det är en standard så att säga.

En vanlig konvention (som vi lärt oss tack vare Internet) är att understruken text är länkar. Det handlar alltså om vanor. Vi är vana att länkar är understrukna och vi vet vad de fyller för funktion.

Om dina länkar inte är understrukna måste besökaren lära sig det. Detsamma gäller text som är understruken, men inte är en länk. Då blir vi förvirrade. För allt annat än inarbetade vanor är ett inlärningssteg. För varje nytt inlärningssteg, desto svårare blir en webbsida att använda.

Således, om du följer alla konventioner som finns, kommer din webbplats vara användarvänlig utan att du behöver ägna så mycket tid åt att göra användbarhetstester.

Några vanliga konventioner:

  1. Loggan i övre, vänstra hörnet. Länkad till förstasidan.
  2. Meny på vänsterkanten eller strax under loggan (tabbar).
  3. Länkar är understrukna.
  4. Låt knappar se ut som knappar.

Men vänta! Menyn på backendmedia.se ligger inte på vänsterkanten! Nej, just det. Jag skriver i form av en blogg och i bloggvärlden har det blivit en konvention att ha menyn på höger sida. Därför kan jag göra det med gott samvete.

Bygg för alla och få fler kunder

Peter Dahlgren Leave a comment

Tillgänglighet kanske kan bli en modetrend. Om alla webbplatser kan nås av alla (personer med lässvårigheter, dålig syn, äldre webbläsare och andra funktionshinder) borde även intäkterna för en e-handelsplats öka, inte sant?

InternetWorld har publicerat en artikel som uppmanar till att göra webbplatser tillgängliga för alla.

Passa också på att läsa fyra expertknep för bättre tillgänglighet. Expertknep vet jag inte om jag ska kalla det dock. Det är helt grundläggande begrepp för att förbättra tillgängligheten. Men expertknep låter ju lite tuffare. 😉

Xenu hjälper dig hitta brutna länkar

Peter Dahlgren Leave a comment

Xenu Link Sleuth (eller Xenu Link Slut som jag ibland råkar kalla programmet) hjälper dig att hitta döda länkar (404 File Not Found).

När programmet har analyserat hela din webbplats, antingen från din dator eller direkt på nätet, så sammanställs en rapport om vilka sidor som saknas samt varifrån länkarna härstammar.

Ett givet program som är viktigt att använda innan man slänger upp sin webbplats för offentlig visning.