20 Apr 2006

Ge webbsidan tillräckliga kontraster

För att det skall gå att läsa måste kontrasterna mellan text och bakgrund vara tillräckliga. Colour Contrast Analyser, som just kommit i en ny version, hjälper till att räkna ut hur mycket som behövs för att klara tillgänglighetskraven.

Om du istället föredrar att göra en visuell bedömning kan GrayBit vara till hjälp, den tar bort färgen från en webbsida och visar hur den ser ut i svartvitt. Så här ser till exempel denna sajt ut Än så länge har den tyvärr ingen funktion för att simulera olika sorters färgblindhet, men det är möjligt att det kommer i senare versioner.

20 Apr 2006

Tillgänglig HTML-kod

Formatmallar ger oss stora möjligheter att styra hur webbsidor presenteras. Men hur skall själva html-koden ordnas, så att den blir så tillgänglig som möjligt? Undersökningen Source Order, Skip links and Structural labels ger några svar:

  • Lägg navigationen först, innehållet sedan.
  • Bygg in genvägar, så att användaren snabbt kan ta sig runt på sidan.
  • Sätt etiketter på de olika delarna av sidan, så att användaren snabbt kan identifiera dem.

Notera dock att det statistiska underlaget för undersökningen är litet.

19 Apr 2006

F-format mönster präglar läsning av webbsidor

'Värmekamera'-bild som visar var användaren tittar.

Undersökningar med ögonkamera visar att användare typiskt har ett F-format mönster för att läsa webbsidor. Ögat sticker iväg åt höger ett par gånger i början av sidan, men i övrigt håller de sig till en ganska rak vertikal linje när de scannar av sidan.

Även om F-mönstret varierar med sidans layout, typ av innehåll och vad användaren är på jakt efter, kan man enligt Alertbox dra några generella slutsatser av det:

  • Users won’t read your text thoroughly in a word-by-word manner. Exhaustive reading is rare, especially when prospective customers are conducting their initial research to compile a shortlist of vendors. Yes, some people will read more, but most won’t.
  • The first two paragraphs must state the most important information. There’s some hope that users will actually read this material, though they’ll probably read more of the first paragraph than the second.
  • Start subheads, paragraphs, and bullet points with information-carrying words that users will notice when scanning down the left side of your content in the final stem of their F-behavior. They’ll read the third word on a line much less often than the first two words.
19 Apr 2006

Anfanger livar upp texttunga sidor

Stora inledningsbokstäver – anfanger – har av tradition varit ett populärt sätt att liva upp trycksaksdesign, speciellt när man har mycket text och lite bilder (en inte helt ovanlig situation på webben). Med hjälp av formatmallar är det numera lätt att skapa dem, och Mandarin visar hur det går till. Största problemet är faktiskt att skriva texten intill så långt att inte anfangen på ett fånigt sätt blir hängande i luften (i tryck brukar ju ett nytt stycke markeras med ett litet indrag, men på webben använder man vanligen lite luft, och då blir det lätt dålig linjering mellan anfang och text).

17 Apr 2006

5+1 sätt att få användarna att överge ett formulär

Improving Customer Experience tipsar om fem säkra sätt att få användarna att överge formulär

  • Be om information som användaren inte har omedelbar tillgång till.
  • Be om mängder av information, men berätta inte varför du behöver den.
  • Acceptera bara information som matas in i exakt det format som systemet vill ha den.
  • När något går fel, ge kryptiska felmeddelanden.
  • Dela upp formuläret på flera sidor, men ge inte användaren någon indikation om hur mycket som återstår.

Till dessa kan man tillfoga den teknik som så länge tillämpats av till exempel SJ: Om användaren är långsam: släng ut henne.

13 Apr 2006

Tio tips för bloggare

Problogger ger tio råd till professionella bloggare. Även om flera av dem egentligen variationer på temat ‘håll det enkelt’, så är det en insikt värd att repeteras. Här är en av varianterna:

“6. Ignore Details Early On. Work from large to small. Success and satisfaction is in the details…[but] success isn’t the only thing you’ll find in the details. You’ll also find stagnation, disagreement, meetings and delays.”
9 Apr 2006

Att skapa en upplevelse

Affisch över olika sätt att skapa en upplevelse kring en produkt – via internet och på andra sätt. Men den är stor. Kanske en anledning att skaffa den där A1-plottern jag gått och suktat efter.

Längre ner på sidan finns också en länk till en mindre steg för steg-beskrivning, som bättre lämpar sig för utskrift på vanliga dödliga skrivare.

7 Apr 2006

Fyra sätt att söka

I Boxes & Arrows har Donna Maurer en insiktsfull artikel om olika sätt man kan söka information på, och de olika sorters design som behövs för att möte dessa olika behov.

  • Known-item – användaren vet vad hon är ute efter och vad det heter.
  • Exploratory – användaren har någon slags idé om vad hon är ute efter, men kan inte formulera den eller hitta rätt ord för den.
  • Don’t know what you need to know – information som användaren behöver eller är intresserad av, men som hon inte vet finns.
  • Re-finding – saker användaren sett tidigare, och behöver hitta tillbaka till.
7 Mar 2006

Praktisk tillgänglighetsbedömning

456 Berea St har inlett en serie med praktiska råd om hur man bedömer en webbplats tillgänglighet, Evaluating Website Accessibility, som ser ut att bli riktigt matnyttig.

Ett problem den tar upp här att det nuvarande fokuset på att kontrollera hur koden validerar – se till exempel Vervas Mätning av grundläggande tillgänglighet – har lett till att webbplatser anpassar sig för att klara mätningen, utan att för den skulle bli tillgängligare.

7 Mar 2006

Tillgänglighetstestare

TAW är en (åtminstone för mig) ny tillgänglighetstestare. Den finns som webbtjänst på deras sajt, som friståend program samt som plug in för Firefox.

Trevlig detaljer är att den strävar efter att behålla sidans ursprungliga layout när den visar var det finns problem, och att den kan gå igenom en hel sajt.

Accessibility Testing and Reporting with TAW3 går igenom hur man använder den fristående versionen.

6 Mar 2006

Kongenial spam

Ibland lyckas även spam-makarna säga något om livet. Ta t.ex. rubriken på det spam jag fick nyss: “PowerErection pack. Time limited offer”.

2 Mar 2006

24-timmarswebben bryter länkarna - igen

24-timmarswebben har för andra gången ändrat sina webbadresser – och därigenom brutit de länkar som går till dem. Jag håller på att gå igenom och ändra de länkar som finns från Användbarhetsboken, men om du hittar brustna länkar får du gärna tipsa mig på Användbarhetsboken kan du läsa i 43.1.4 Låt aldrig en webbadress sluta fungera om varför det är ekonomiskt vansinne att slänga bort det värde som finns i ingående länkar.

16 Feb 2006

Testa vad som händer i användarens huvud

I Boxes and Arrows beskriver Matt Queen en metod för användartester som inte bara berättar vad som fungerar respektive inte fungerar, utan också ger en inblick i vilka kognitiva mekanismer som spelade in de gånger det gick fel.

Grundidén är att utgå från en modell för ett idealbeteende, som är ganska detaljerad – där att användaren tänker göra något och att hon sedan gör det är till exempel separata steg. Sedan gör man en noggrann jämförelse mellan denna och användarens faktiska beteende.

Metoden är rejält ambitiös och i mitt tycke mer än vad som behövs för användartester. Men i sammanhang där man inte vill gissa vad användaren tänker utan komma åtminstone lite djupare kan den ha sin plats.

10 Feb 2006

Många finesser säljer - och förvirrar

Trots att användarna är väl medvetna om att många finesser gör produkter komplicerade, tenderar de att välja finessrika produkter framom enklare. Men när de sedan börjar använda dem, tröttnar de snabbt på krånglet.

Detta sätter produktutvecklare i ett dilemma – satsa på finesserna och maximera den snabba försäljningen, eller på enkelhet och maximera den långsiktiga relationen.

Harward Business Review reder ut paradoxen i Defeating Feature Fatigue. Artikeln kräver betalning, men där finns en bra sammanfattning.