fiskeben.dk

Alt for ofte når jeg skal udfylde en formular på nettet, ser jeg at man ikke har brugt <label> tagget rigtigt (eller ikke i det hele taget). Det ses specielt på radio- og checkboxes, hvor man er nødt til at klikke på selve elementet for at markere det. Bruger man <label> rigtigt, kan dette forbedre brugervenligheden i dine formularer betragteligt.

Her er et eksempel på en formular, hvor man ikke har gjort det godt nok:

Bananer:

Og her er et eksempel på en formular, hvor det er gjort rigtigt:

Bananer:

Bemærk hvordan du kan markere den nederste checkbox ved at trykke på teksten såvel som direkte på boksen. Det kan du ikke i den øverste. Dette medvirker til at det bliver meget lettere for brugeren at bruge formularen.

Metoden er ganske simpel, egentlig: <label> tagget skal kobles sammen med det form-element, det beskriver. Det gøres med “for” attributten på <label>. Der angiver man id’et på det element, som <label> beskriver. For eksempel:

<label for=”bananer”>Bananer:</label><input type=”checkbox” id=”bananer” name=”bananer” />

Mere skal der ikke til for at øge brugervenligheden på en formular!

Du kan også opnå samme effekt hvis du lægger input-elementet indeni label-elementet.

Send til Twitter!

I (stærk?) kontrast til mit forrige indlæg, hvor jeg efterlyser lidt nytænkning i udviklingen af det elektroniske blad/avis, vil jeg gerne fremhæve en artikel fra den anden grøft; bloggen som blad (eller the Death of the Boring Blog Post). Her efterlyses mere innovation i blogs; hvorfor skal blogindlæg være så kedelige og hvorfor ikke gøre dem mere blad-agtige?

Det er meget interessant læsning, og jeg håber vi kommer til at se flere blogs som skrives på denne måde. Jeg fik næsten følelsen af at sidde med en udgave af WiRED eller lignende, når jeg læste artiklen.

Bagsiden af medaljen er dog, at det bryder lidt med hele blog-ideen. Blogs er hvermandseje så alle og enhver kan publicere noget til web. Her er den en stor fordel med et strømlinet design, hvor man bare kan putte sin tekst ind i midten. Skal man lave mere fancy blogindlæg som dem i artiklen, er der ingen vej udenom. Man er nødt til at skrive HTML og CSS selv for at få den form man vil have. Glem alt om WYSIWYG (indtil videre).

Samtidig bryder konceptet lidt med min personlige mantra, nemlig at separere form og indhold. I artiklen nævnes en designer som faktisk går så langt som at bruge inline CSS – noget som får mig til at slå korsets tegn.

Sidst men ikke mindst sætter denne ide også en begrænsning på produktiviteten, i hvert fald hvad antal blogindlæg angår. Når det tager timer eller ligefrem dage at designe et indlæg, bliver det ikke til alverden man kan få ud.

Send til Twitter!

Som relativt nybagt Mac-nørd (fanboy hedder det, hvis du er Windows-fantast) og mere erfaren web-, (X)HTML-, JavaScript-, XML-nørd kan jeg ikke lade være med at blive en kende imponeret over Flyakite OSX. Det er Mac OS X implementeret i førnævnte teknologier, og det er utrolig godt lavet og samtidig utrolig ubrugeligt. Prøv at kaste et blik på det.

Send til Twitter!