10 principper for brugervenligt webdesign

De 10 principper er tommelfingerregler for et almindeligt website. I ethvert konkret tilfælde kan der være specielle forhold, der gør, at der kan dispenseres fra ét eller flere af de grundlæggende principper. For eksperimenterende og avangardistiske sites eller for sites med en meget begrænset målgruppe, kan der gælde andre regler. 

1. Meningsfuldt design

Websitets idé skal være overbevisende, indholdets kvalitet skal være i top. Målet er at lave det bedste website om et givet emne til en bestemt målgruppe og med en sådan margen, at ingen vil være i tvivl. Kan du ikke leve op til sådan en målsætning, skal du skifte erhverv. Websteder, der kun er lige så gode som de bedste inden for sin gruppe er for ringe og aldeles overflødige.

2. Hurtigt design

Hastighed fremfor alt. Så lidt grafik som muligt. Websider skal først lægges over i en database, når de administrative og søgemæssige fordele opvejer den nedsatte hastighed.

3. Fredfyldt design

Al bevægelse, blink, animation, video og lyd er bandlyst, når du kommer ind på en hjemmeside. Men det er ok, at sådanne elementer kan slås til.

4. Forbilledligt design

Hjemmesider skal være så gennemtænkte, stilrene og gennemførte i deres design, at de helt eller delvis kan bruges som skabeloner til andre hjemmesider. 

5. Uafhængigt design

Hjemmesider skal være brugbare med alle browsere på alle platforme, ved alle opløsninger og vinduesstørrelser. Hjemmesider skal som hovedregel have variabel sidebredde, og brugeren skal kunne regulere skriftstørrelsen. Fast bredde bør kun anvendes til sites, hvor det er praktisk talt umuligt at undgå ødelæggende ombrydning. 

6. Administrérbart design

Hjemmesider skal være lette at opdatere og videreudvikle, og alle data skal uden videre kunne genanvendes i et nyt design. Data, f.eks. tekst, skal holdes helt adskilt (i egne filer) fra formatering, navigation og scripts. Data må kun indeholde simpel markup-kode, f.eks. <H1>, <p>,  <strong>. Al formatering skal kaldes fra eksterne stylesheets, så den kan rettes og tilpasses ét sted med gyldighed for alle sider. Et website skal være normaliseret. Dvs. absolut ingen tekst eller designelementer, der anvendes mere end én gang, må findes i mere end én fil, f.eks. menuer, top/bundtekst, DTD, fælles metatags, scripts.

7. Enkelt design

Hjemmesider dræber sig selv i længden, hvis de ikke er lette at anvende og lette at administrere. Derfor skal de optimeres for det mest enkle design. En hovedmenu skal ikke laves som et script, når den kan laves lige så god i ren html/css. Hyperlinks skal ikke være knapper, når alm. tekst kan gøre det. Tabeller til layout skal undgås, hvis rammer lavet i css kan gøre arbejdet. Tabeller til layout skal have færrest mulige rækker og kolonner. Tabeller i tabeller skal undgås, hvis muligt, osv., osv. Alt overflødigt skal renses ud, og det tilbageblevne skal yderligere reduceres og forenkles.

8. Printervenligt design

Alle hjemmesider, der indeholder informationer, som brugeren kunne tænkes at ville udskrive, skal uden videre kunne udskrives flot på papir. Der skal anvendes et stylesheet til skærm og et til printer, så siderne vises optimalt på skærm og på papir. Det skal være transparent for brugereren.

9. Tilgængeligt design

Alle sider skal som minimuim leve op til WAI's "Priority 1 accessibility", så surfere, der har problemer med synet (svagtseende, farveblinde, ordblinde, blinde), med hørelsen, med finmotorikken også har en chance for at være med. Tilgængelige hjemmesider er en fordel for alle brugere, også for de tungnemme!

10. Valideret og testet design

Html/Xhtml-koden skal valideres efter W3C's specifikationer. Som minimum bør alle sider valideres til HTML 4.01 Transitional. Stylesheets skal valideres. Tilgængelighed skal valideres. Webstedet skal testes med diverse browsere på diverse platforme og funktionaliteten skal testes med brugerpanel.