|
|||||||||||
Det er nemt at gøre hjemmesider nemme at forstå, nemme at navigere i og oven i købet få den sidegevinst at de bliver nydelige at se på
Som skrevet andetsteds agter jeg ikke at udgive mig for at være nogen Jakob Nielsen eller Jared Spool, men derfor kan jeg jo godt udbrede mig om, hvordan jeg mener et websted skal være bygget op og fungere.
Jeg har efterhÃ¥nden lavet nogle stykker, brugt mange og set mange, mange flere — og der er immervæk nogle rædsler imellem! Og dér mener jeg ikke den norske side om familiens golden retreiver, men websteder lavet af store, professionelle firmaer for store, professionelle firmaer. Nogle af dem er ikke nødvendigvis rædselsfulde, men bare en pest at bruge — ulogiske og uvenlige.
Følgende rÃ¥d henvender sig til producenter af dynamiske websteder, der udnytter programmering og databaser til at lave siderne med, og derfor har alle muligheder for at have intelligent indflydelse pÃ¥, hvordan siderne skal se ud og opføre sig. Der er ingen undskyldning for at lave det dumt og ulogisk — ikke engang prisen! |
|
Der er 17 punkter
1 Navigering Hav et eller flere centrale navigeringselementer på alle sider, og sørg for de ligger det samme sted - altid. Øverst og til venstre er en god og gængs idé, men ikke påbudt. |
Lad være med at åbne mange browsere. Brugerne bestemmer selv hvornår der skal åbnes nye vinduer, og man bryder bare brugerens frem og tilbage rytme ved at åbne nye vinduer med interne eller eksterne henvisninger. De fleste brugere kan godt finde Tilbage-knappen. Hvis der er behov for et popup-vindue til at vise en detalje, give et valg eller lignende, så lad det være mindre, og skille sig klart ud fra hovedvinduet, og sørg for det let kan lukkes af brugeren eller selv lukker, når brugeren har brugt det, ikke bruger det eller slet og ret forlader siden, der har skabt det. 8 Fuld kontrol Lad være man af fravriste brugeren sin kontrol over browservinduet ved at åbne det uden menuer, værktøjslinier og andre kontroller. Det der fremstår raffineret på én skærm, er måske for stort til at være i det samme vindue på en anden, hvor brugeren så ingen mulighed har for at tilpasse vinduet eller navigere rundt på siden. Det dummeste man kan gøre er at vise en tom skærm i hovedvinduet, og derefter åbne et helt nyt og anderledes vindue med selve webstedet. Kun én ting er dummere, nemlig at slå over i kiosktilstand, hvor der ikke engang er rammer om vinduet, men hele skærmen overtages af browseren. 9 Ingen meningsløse knapper eller ikoner Lav ikke henvisninger udelukkende som grafiske knapper eller ikoner, og brug kun grafikken som henvisning hvor den har en signal- eller indholdsværdi, for eksempel ved logoer. Ikoner er yderst sjældent entydigt logiske, og kan derfor forvirre mere end de hjælper. |
|
10 Meningsfyldt grafik Brug grafik med omtanke, og brug kun god, kompakt grafik. Lær GIF- og JPG-formaterne at kende og brug dem korrekt. Drop al unødig pynt og specielt animationer og mouseoverfunktioner, der ikke har noget formål. De fylder og generer. Lav i øvrigt ALT-tekster til alle betydningsbærende grafikker - også dem uden henvisninger på. Det gavner både brugernes og søgemaskinernes udbytte af siden. |
|
11 Stilhed tak Lad være med at sætte lyd på noget som helst andet end det, der reelt er beregnet til at aflytte. Baggrundsmusik, lyd på knapper og friske effekter skræmmer flere end det lokker. |
|
12 Forsigtig med specielle formater Brug specielle formater som Flash og PDF med omtanke. De fejler grusomt på en række områder. Det rene Flash-site kan således ikke indekseres af søgemaskinerne, og derfor heller ikke findes af brugerne. PDF er et fint format til dokumenter, der skal være typografisk korrekte, men en meget dårlig måde at formidle webindhold på. Man kan for eksempel ikke kopiere tekst over fra et PDF-dokument. Sidst, men ikke mindst, er de stort set alle afhængige af en plugin, som brugeren skal hente og installere før filerne kan læses, og det vil afholde mange brugere fra at se deres indhold. |
|
13 Printervenlig Hvis siderne er bygget op med en skærmvenlig struktur, vil der ofte være behov for en særlig printervenlig udgave, som fjerne overflødige elementer og benytter farver, opstilling og typografi, der står pænt på en printer. Hav sådan en mulighed på alle sider. |
|
14 Sitesøgning Hav en fritekstsøgefunktion, der søger på hele webstedet, placeret samme sted på alle sider. Præsentér resultatet i en prioriteret, logisk og overskuelig opstilling. Lav den ikke for kompleks, men sørg for at der kan søges på alle ord i vilkårlig orden. Brug eventuelt en af de mange færdigproducerede produkter til formålet. |
Udfyld så vidt muligt formularfelter på forhånd. På en side med et søgeresultat skal søgefeltet stå, hvor det stod før og være udfyldt med det, der blev søgt på. Brug eventuelt cookies til at gemme sådanne data fra besøg til besøg. Sørg for at bruge formularelementerne rigtigt og lav ikke formularerne unødigt komplekse. Sørg også for at Tabulator-sekvensen imellem felterne er logisk og brugbar. Check med det samme brugerens data for fejl, og hvis der er fejl så giv klar besked direkte på formularsiden, så brugeren spares at skulle bruge sin Tilbage-knap eller sidde og lede efter det forkerte felt. Check alle felter med det samme, og fortæl brugeren om alle fejl samtidig, frem for én ad gangen med mellemliggende forgæves tryk på Insend-knappen. Bekræft også resultatet når brugeren har sendt sine data, om ikke andet blot ved at sige tak, men helst ved at vise brugeren, hvad der er blevet indsendt. Hvis brugeren har opgivet sin mail-adresse, er det en overvejelse værd, at sende en bekræftelse på e-mail. Og drop så den Reset-knap! Den er mere til ulykke end til gavn, når brugeren uforvarende trykker på den i stedet for Indsend-knappen, og sletter hele indholdet af sin møjsommeligt udfyldte formular. |
|
16 Kontaktinformation Hav kontaktinformation eller henvisning til kontaktinformation på alle sider. Informationen medvirker til at skabe tillid og tryghed, og er i forretningsmæssig sammenhæng det enkleste og mest effektive markedsføringsværktøj, der findes. Kontaktinformation omfatter mindst en e-mail, men hvis kunder og kontakter har brug for telefon og postadresse, så skal det også være der. Giv eventuelt adgang til en kontaktformular for brugere, der ikke har adgang til e-mail på den maskine, de sidder ved. |
Lav ikke hvid — eller endnu værre, farvet — tekst pÃ¥ sort baggrund. Det ser mÃ¥ske umiddelbart smart ud, men det er stort set ulæseligt. Lad i det hele taget siden domineres af hvidt eller en sart baggrundsfarve, og brug sÃ¥ vidt muligt sort eller en anden meget mørk farve til teksten. Og teksten skal selvfølgelig stÃ¥ i en letlæselig skrift i en fornuftig punktstørrelse. |
|
Læs mere om råd om usability webdesign webudvikling Weblogs om: råd om usability webdesign webudvikling |
Print denne side Anbefal denne side © 2001-2012 Vertikal.dk Kenny Drews Vej 31, DK-2450 København SV, Denmark Steven Snedker ss@vertikal.dk (55767603/51841548) og Martin Jørgensen martin@vertikal.dk (20666701) Klik her for at gÃ¥ til webbaseret kontaktformular ...om privatlivets fred  |