Användbarhetsboken publiceras på webben, med ett nytt avsnitt varje dag.

• Hitta såväl nya som gamla avsnitt via bloggen.
• Prenumerera på RSS.

• Följ Användbarhetsboken på Twitter.
  (Du kan också följa författarens twittrande.)

Vill du läsa den direkt, finns ett provkapitel om Användbarhet och ett om Typografi och läsbarhet.

Hittills utlagda avsnitt:

• Användbarhet
• De fyra dörrarna
• Andra användbara modeller
• Boken
  • Använda Användbarhetsboken
  • Kravspecifikation
  • Är detta verkligen de bästa sätten?
  • På svenska

• Om författaren

• Användarorientering.
  • Snabbkurs
  • Från idé till daglig rutin
• Vad skall göras?
• Vem är användaren?
• Vad är användarens mål?
• Utformning
  • Vision
  • Återkoppling
  • Design
• Utvärdering
• Uppföljning (Ingen boktext men några bloggposter)
• Produktion, sluttest och lansering
• När projektet är klart
• Webbplatsen skall svara på användarens frågor
• Vaurmärke
• Webbprofil

• Skelett till en webbprofil

• Grafisk design / Se
  • Formens funktion
    • Var relevant, undvik dekorationer

• Låt formgivningen hålla samman webbplatsen

• Typografi och läsbarhet
  • Textstorlek
    • Använd mått som ger användaren kontroll över textstorleken – och aldrig liten text
    • Ge användaren färdiga alternativ att välja mellan
    • Sidorna måste vara användbara även när användaren ställer in en större textstorlek

• Sidorna bör se bra ut även när användaren ställer in en större textstorlek

• Typsnitt
  • Använd ett lättläst typsnitt för den löpande texten
  • Låt användaren själv ställa in typsnittet

• Ge användaren färdiga typsnittsalternativ att välja mellan

• Radavstånd
  • Använd ett radavstånd som underlättar läsning

• Avståndet mellan punkter skall vara större än radavståndet

• Spaltbredd
  • Släpp spaltbredden fri
  • Gör spalten 50-70 tecken bred
  • Ge spalten en mini- och en maxbredd

• Lämna luft till höger och vänster om texten

• Textjustering

• Centrera eller högerjustera inte text

• Rubriker

• Gör rubriken som text

• Bilder
  • Använd bilder

• Stäng av Internet Explorers bildverktyg

• Bildtexter
  • Ge bilden en bildtext

• Ange vem som skapat bilden

• alt & longdesc – texter för dem som inte ser bilder
  • Bilder skall ha alt-text
  • När alt-texten inte räcker, komplettera med longdesc

• Använd inte alt-text i små bilder som hjälptext för synskadade

• title – hjälptexter, bonusinformation och tips
  • Ge hjälptexter, tips och bonusinformation med title

• Alla bilder som har alt skall också ha title

• Tumnagel
• Låt stora bilder representeras av små bilder

• Använd en kombination av beskärning och förminskning för att skapa tumnaglar

• Luft

• Basera inte formgivningen på stora bilder och luft

• Färg
  • Det får inte vara nödvändigt att kunna skilja mellan olika färger
  • Gör kontrasten mellan text och bakgrund tydlig
  • Gör kontrasten i bilder tydlig

• Färgspråket måste tåla stora variationer hos färgerna

• Textfärg

• Webbsäkra färger

• Symboler
  • Komplettera symboler med text
  • Använd symboler på ett konsekvent sätt

• Ge symboler en konsekvent stil

• Logotyp

• Gör versioner av logotypen speciellt för webben

• Sajtikon

• Ge webbplatsen en sajtikon

• Animationer
  • Använd inte blinkningar som kan utlösa epileptiska anfall
  • Undvik animationer intill text
  • Kör animationen en begränsad tid

• Använd inte animation för att fånga uppmärksamhet

• Multimedia
  • Starta inte multimediepresentationer automatiskt
  • Ge användaren möjlighet att stoppa multimediepresentationer
  • Multimedia skall vara lika tillgängligt som annat innehåll
  • Använd multimedieformat som har fria läsprogram för olika sorters datorer

• Använd multimedia för att förklara, förmedla och roa

• Video, presentationer och annat rörligt

• Gör det möjligt för den som inte kan se att ändå ta del av innehåll, funktion och upplevelse i visuell multimedia

• Ljud
  • Gör det möjligt för den som inte kan höra att ändå ta del av innehåll i ljud
  • Var återhållsam med ljud på webbplatsen

• Spela inte samma ljud upprepade gånger

• Webbsidan

• Hjälp ögat

• Ingångssidan

• Sidans delar
  • Placera sidans delar där användarna brukar titta efter dem

• Bädda med kringmaterial och luft i botten av sidan så att page down och ankare fungerar som ögat väntar sig

• Skärmstorlek
  • Gör inga antaganden om skärmens eller fönstrets storlek
  • Gör inte sidorna bredare än 760 pixlar

• Lägg viktigt innehåll ovanför vecket

• Ramar
  • Undvik att använda ramar
  • Döp ramarna
  • Använd inte ramar för layout

• Ge alternativ text för webbläsare som inte klarar ramar

• Utskrift
  • Gör sidorna enkla att skriva ut

• Ge utskriften en egen layout och anpassa innehållet

• Förhållande till andra sorters design

• Språk / Läsa

• Tilltal
  • Välj tilltalet på webbplatsen utifrån målgruppen, inte utifrån er interna kultur
  • Var konsekvent i tilltalet
• Bestäm om webbplatsen talar med användarens, avsändarens eller en neutral röst
• Läsvänlighet
• Skriv så enkelt som möjligt
• Skriv det viktigaste först
• Använd en stilguide
• Språkgranska texter
• Kontrollera stavning och grammatik
• Kontrollera alltid om något redan fått ett ord, innan du hittar på ett eget
• Förklara förkortningar

• Formulera rubrikerna så att de är begripliga även när de läses fristående från den övriga texten

• Skrivråd
  • Välj rätt mellan singular och plural
  • Var lagom exakt
  • Var återhållsam med kursiv text och versaler
  • Låt inte förkortningar eller tal avdelas
  • Använd typografiskt korrekta tecken
  • Skriv datum i klartext
  • Skriv datum med korrekt ordningsföljd
  • Närliggande datum bör skrivas med relativa tidsord
  • Skriv inte närliggande klockslag med relativa tidsord

• Använd relativa tidsord när tidsavståndet är intressantare än tidpunkten

• Webbplatser på flera språk

• Använd målspråket eller flaggor för att länka till ett annat språk