Toppen af web design fejl - og hvordan man undgår dem
Min egen huskeliste over ting jeg skal undgå når jeg laver et site, og ting der irriterer mig når jeg besøger andres.
"Brugbarhed" er et spørgsmål om overlevelse for et site:
- Hvis et site er for svært at bruge, forsvinder brugerne
- Hvis sitet ikke siger klart hvad der tilbydes der, forsvinder brugerne
- Hvis brugerne ikke kan finde rundt, og bliver væk på sitet, forsvinder brugerne
- Hvis informationen på sitet er svær at læse, eller ikke svarer på brugerens spørgsmål, forsvinder brugerne
Anderledes links
Man kan hurtigt forvirre brugere voldsomt ved at gøre det umuligt at se hvad der er links, og hvad der ikke er.
Hjælp brugeren ved at bruge en let genkendelig farve til links, og gør den anderledes for besøgte links. Brug lidt tekst der beskriver havd linket fører til, som link teksten, ikke "klik her".
Lad være med at bruge javascript til at ændre på måden links virker på.
Flash
Det er heldigvis kun de få webdesignere der har boet de sidste mange år på mars, der kan finde på at lave en splash forside med en nytteløs Flash animation.
Men alt for mange tror at de ved at inkludere noget der bevæger sig, kan rette op på indhold der halter. Det er faktisk så almindeligt, at brugere er ved at få mistanke til at indholdet ikke er værd at læse, så snart de ser ting bevæge sig.
Det er desværre et fåtal af sites, der bruger Flash til at vise ting der er svære at vise på andre måder, som f.eks. animationer der viser hvordan noget fungerer. De fleste bruger det til at peppe op på sider, der er for kedelige. Hvis sider skal peppes op, så få nogen til at skrive god tekst, og få en god fotograf til at tage billeder.
Dårlige søgeresultater
Søgning på sitet skal give resultater, selv om staemåden er anderledes, eller brugeren staver forkert.
Det er en stor opgave at løse, men det er muligt.
Det er også en god ide hvis søgeresultatet ikke kun er prioriteret efter hvor mange gange søgeordene optræder. Det er bedre hvis resultatlisten er sorteret efter vigtigheden af dokumenter eller artikler.
PDF dokumenter til læsning på sitet
PDF dokumenter er ikke velegnede til at læse i en web browser. Det er forstyrrende lige pludselig at gå ud af det interface man var i på sitet, og ud i noget der er lavet til at blive printet ud på papir.
Navigationen forsvinder, skriftstørrelsen bliver ofte ulæselig, størrelsen af det papir PDF'en skal printes på passer sjældent på en brugers skærm.
PDF er fint til distribution af store dokumenter, der måske skal printes. Det kan være bruger manualer eller lange afhandlinger. Men det er ikke velegnet til ting der burde indgå som tekst på sitet.
Ikke at skifte farve på besøgte links
Det gør det meget nemmere for brugere at navigere rundt på sitet, hvis de kan se hvor de har været. Links er måden man navigerer på et website, og det giver en god fornemmelse for hvordan man er nået frem til hvor man er, hvis man kan se hvor man har været før. Det sparer også brugere for at komme til at klikke flere gange på det samme link.
Alt for meget tekst
For de fleste sites gælder det, at tekstmængden skal tilpasses web, og ikke tryk. Det er skræmmende at møde en mur af tekst, og det er svært hurtigt at scanne den for at se om det er noget der er værd at læse.
Brug et par tricks for at gøre det nemmere at få brugerne til at læse det du skriver:
- Brug under-overskrifter
- Brug lister
- Brug fede typer til ord der er vigtige
- Brug korte afsnit
- Brug en simpel letforståelig skrivestil
Fastlåst skrift og størrelse
Det er desværre muligt at hindre brugere i at ændre på skriftstørrelser på websider. I 95% af tilfældene er denne skriftstørrelse enormt lille, og det går hårdt ud over læsevenligheden, især for de dele af befolkningen der er over 40 år.
De fleste browsere kan forstørre tekst, eller stilles til at vise tekst i en bestemt størrelse. Respekter brugeres valg, og lad dem ændre skriftstørrelsen som de vil.
Når man specificerer skriftstørrelser, bør man gøre det relativt, og ikke som et absolut antal pixels.
Ubrugelige sidenavne
Brug sidenavne (det der er mellem <title> og </title> i headeren) til at fortælle lidt om hvad der er på siden. Det bliver vist i søgeresultater i søgemaskiner, og det bliver indekseret og brugt af søgemaskiner, så en god titel på en side gør den nemmere at finde.
Titlen bliver også brugt som navnet på bookmarks, så hvis man gerne vil kunne findes i en liste på tusindvis af bookmarks, er det en god ide at kalde forsiden det samme som ens navn eller firmanavn, og et par ord der fortæller hvad man kan finde der.
Reklamelignende sideelementer
Brugere har lært at ignorere reklamer på nettet. Det vil sige, at de ikke engang bruger tid på at finde ud af, om det nu også virkelig er en reklame, eller bare noget der ligner.
Banner-blindhed gør at brugeres øjne styrer udenom alt der ligner en banner reklame, om det er ved placering, favevalg, eller form.
Animations-angst gør at brugeres øjne undgår alt der blinker, bevæger sig, eller er aggresivt på andre måder.
Pop-up afsky gør at brugere lukker alle popup vinduer inden indholdet bliver vist. Så hvis man har noget vigtigt at sige, er det ikke sådan man skal gøre det.
Brud på design konventioner
Konsekvent brug af design elementer og navigationsprincipper er en god måde at få brugere til at føle sig hjemme. Man bliver glad for at vide hvad der sker når man klikker på noget, og føler at man har kontrol over situationen.
En god regel at huske på er, at brugere bruger meget mere tid på andre sites, og det er der de lærer hvordan ting virker. Så det er en fordel hvis dit site opfører sig som de andres. Hvis ikke, bliver dit site svært at bruge, og brugere forsvinder.
Der findes ikke brugere der læser en manual eller bruger meget tid på at finde ud af at bruge et interface. Der er masser af andre sites derude. At forlade sitet er brugeres første forsvar, når de har besvær.
Åbning af nye vinduer
At åbne et nyt browser vindue er at rode rundt på brugerens skærm, uden tilladelse.
Det ødelægger også funktionaliteten på tilbage-knappen alle browsere har. På grund af dårlige operativsystemer, der fylder hele skærmen ud med vinduet, er der mange brugere der ikke engang opdager, at et nyt vindue har skjult det site de kom fra.
Hvis brugere vil åbne et nyt vindue, kan de bruge den genvej der er indbygget i deres browser til det.
Ikke at svare på brugeres spørgsgmål
Brugere er meget resultatorienterede på nettet. De besøger et site, fordi de vil udrette noget, eller måske købe et produkt. Den største fejl et site kan gøre er, ikke at give brugeren den information de søger.
Nogen gange er informationen der slet ikke, og man mister et salg fordi man glemte at skrive vigtige oplysninger om ens produkt.
Andre gange er informationen så svær at finde, at brugeren giver op, og finder den et andet sted.
En typisk fejl er ikke at opgive prisen på et produkt. Det er noget af det første en kunde vil vide, og er et vigtigt sammenligningsgrundlag for andre produkter. De fleste kunder vil foretrække at vide hvad prisen er.
"Klik Her" links
Den tekst der er det aktive link bør sige noget om hvad man får ud af at klikke på det. Det betyder meget for hvor let det er at bruge siden for handicappede, og for søgemaskiner.
Hvis man bruger en beskrivende stump tekst, vil den i søgemaskinens database blive koblet sammen med den adresse der bliver linket til.
Læs om fejl i web design er meget bedre end Klik her!