Boktips: Dont Make Me Think

Jag läste precis klart boken Don’t Make Me Think av Steve Krug och här kommer en liten recension.

Boken är kort och lättläst, full av färger och bilder. Ingen dagstidningskvalité, man har lagt lite krut på den tryckta produkten. De första kapitlen, och större delen av boken, ägnar sig åt designråd för interaktionsdesign av webbsidor. Till exempel hur en användare söker av en sida efter information, hur sidans navigation bör fungera, utformning av förstasidan o.s.v.

Efter det kommer en del som handlar om användningstester och hur man praktiskt utför tester med liten budget. Boken avslutas med ett kapitel om hur man hanterar besvärliga chefer.

Don’t Make Me Think vill vara den bok om användbarhet alla som utvecklar webbsidor har tid att läsa och det lyckas den bra med. Bra exempel och roliga anekdoter gör att ideérna och råden sjunker in och det är lätt att relatera dem till ens egna projekt.

Som introduktion till webb-användbarhet är den nog perfekt. För mig som läst lite innan och jobbat en del ger den nog inte lika mycket, men en del bra och läsvärda påminnelser om vad som är viktigast att tänka på.

Den senaste upplagan är från 2005 och lärdomarna är fortfarande aktuella men exemplen känns mossiga. Inte så konstigt med tanke på utvecklingstakten på webben.

Don’t Make Me Think på Adlibris

Don’t Make Me Think på Amazon

Nästa bok på min lista är A Project Guide to UX Design av Chandler/Unger. Den verkar mycket lovande, återkommer.

Formulär i HTML5

Var på en föreläsning igår med Peter Lubbers som skrivit Pro HTML5 Programming. Stort tack till er på HiQ som fixade dit honom, nu älskar jag HTML5.

En sak jag blev speciellt imponerad av är formulär. Det här är något jag implementerat JavaScript för i alla webbprojekt jag gjort. Det behövs alltid och implementationen av t.ex. validering av en e-postadress skiljer sig mycket mellan olika siter. Ofta sker validering inte ens i JavaScript utan först när man postat formuläret. Urk.

Validering

Det går att sätta typen på ett formulärfält till e-postadress, URL, telefonnummer eller heltal. Skriver man in något annat får man ett felmeddelande.

Placeholders

Beskrivande text i ett formulärfält som försvinner när man klickar på det.

Obligatoriska fält

Fält kan sättas som obligatoriska, formuläret kan inte skickas om obligatoriska fält inte fyllts i.

Nya fälttyper

Fält för datum med en liten kalender. Sliders, alltså dragreglage för numeriska fält.

Konsekvent och utökat beteende i formulär är en liten del av HTML5 men den som jag tror kommer innebära störst skillnad i användbarhet hos webbsidor, i alla fall till en början. Det är superenkelt att implementera och jag kan (när alla browsers stödjer HTML5 formulär, mer om detta här) slänga bort alla gamla fula JavaScript.

Mer om HTML5-formulär här.