7. Typography, Readability & Legibility Lesbarhet

Er design viktig? Vi skal presentere informasjon Da må teksten være lesbar og tydelig For alle grupper Enkelhet er best Et problem: Sidene designes uten innhold, innholdet legges på senere, lesbarhetsproblemer oppdages først da – om de oppdages!

Design uten innhold Dette har visse fordeler: Designet kan holdes stabilt Designet kan gjøres mer generelt (kanskje tilsvarende design for flere kunder) Designet kan utvikles av profesjonelle Innholdet legges inn og oppdateres av kunden Ulemper: Designeren får ikke overblikk over den endelige siden Mange feil vil da ikke bli oppdaget

Fire viktige råd (guidelines) Standard fonter >= 10 pt Unngå forvirrende bakgrunn Sort på hvitt Reduser bevegelig tekst, bare store bokstaver og grafiske bokstaver til et minimum Eksempler:

Eksempel Elegant å skrive på bakgrunn (bilde, farge, m.m.), men vi må være klar over at vi reduserer lesbarheten.

Mer God kontrast mellom tekst og bakgrunn Vær forsiktig med uheldige fargeblandinger (sterke farger nær eller opp-på hverandre) Husk at andre ikke har samme skjerm (og øyner) som deg pt best, 10 som minimum Plassproblemer: Kutt ut unødvendig tekst; lag heller nye sider Nielsen & Loranger anbefaler å bruke relativ tekst (overskrifter som 140% av vanlig tekst istedenfor som 14 pt), da kan brukerne endre skriftstørrelse Det går ikke med faste fonter og grafiske fonter.

Små typer Kalender er greit Men små typer kan gjøre det vanskelig: for de med dårlig syn for de som har svak motorikk

Grafiske løsninger Fungerer ikke på alle maskiner Kan være problematisk på bærbare enheter Ha flere alternativer: Grafisk valg Standardvalg Inntasting (f.eks. av setenr)

Fonttyper Sans serif (Arial, Modern, Tahoma, Verdana ) er best på skjerm (lav oppløsning) Serif (Times New Roman) er best på papir (høy oppløsning) Verdana er et godt alternativ i mange tilfeller

Farge Farge kan vise forskjeller (linker) Maks fire farger samtidig i fonter Ikke miks farger med stor forskjell i frekvens, som rød og blå Sort på hvitt best Gul og lilla skaper vibrasjoner Enkel bakgrunn

Mer om farge Skaper liv til en side Men farger kan representeres på forskjellig måte på forskjellige skjermer (og printere!) Bruk farge redundant Unngå store felt med skarpe farger Husk at inntrykket av farger er avhengig av bakgrunnen

Ikke miks rød og blå Rød har forskjellig frekvens fra blå Da blir det vanskelig å lese rødt på blått Svak kontrast gjør det vanskelig å lese

Grafisk tekst OK for knapper og lignende Ellers ulemper: Større filer Ikke søkbar Ikke valgbar (f.eks. for kopiering) Ikke skalerbar Lese/forstørrelsesprogrammer takler ikke dette skikkelig Bevegelig tekst (ubehagelig)

Miniøving Identifiser potensielle lesbarhets- problemer her. Andre problemer med typografi? -små fonter -ikke mulig å forstørre bokstavene --adresselinjen kan ikke kopieres