10 brugbarhedstips til webdesignere
Kort sagt, brugervenlighed gør din hjemmeside nem for dine besøgende at finde de oplysninger, de har brug for, når de har brug for det .
En fælles misforståelse om brugervenlighed blandt webfirmaer er, at brugervenlighed er dyrt. Ja, der er multinationale virksomheder, der bruger tusindvis af dollars på brugbarhedstest og forskning, men for en dagligdags virksomhed er brugervenlighed opnået uden kendskab til brugbarhedseksperter eller uden dyrt udstyr til test .
Webdesignere har et endnu nemmere job at gøre, bare ved at læse brugbarhedsartikler, kan de akkumulere en temmelig god viden om grundlæggende anvendelighed og hvordan man implementerer dem på en hjemmeside.
1. Medtag en tagline
En tagline er en erklæring eller et motto, der repræsenterer en virksomheds, eller i vores tilfælde en hjemmeside, filosofi og mission. Det bør være det mest oplagte element på en hjemmesides forside, og det bør tydeligt beskrive hjemmesiden i en sætning.
Statistikker viser, at en hjemmeside kun har 8 sekunder til at fange en besøgers opmærksomhed for at gennemse webstedet yderligere. Uden en klar tagline ville en hjemmeside have svært ved at holde besøgende længe nok til at gennemse de indre sider.
2. Gennemfør webstedssøgning
Som med taglines er site-søgning et meget vigtigt element på et websted. Når brugere søger efter noget, søger de typisk efter et tekstfelt, hvor de kan indtaste deres søgeord.
Ifølge Jacob Nielsens web brugbarhed tips, gør denne søgefelt 27 tegn bredt for at teksten skal være tydelig synlig og nem at bruge. Placer søgefeltfeltet øverst på din webside , fordi brugerne har en tendens til at søge på et websted i henhold til F-mønstret , hvilket betyder fra øverst til venstre til nederst til højre.
Inkluder en søge-knap og angiv tydeligt søgeteksten, brug ikke tekst som Gå eller Send , fordi disse udtryk har tendens til at vildlede dine websites besøgende.
3. Brug ikke omfattende grafik
Misbrug af designelementer og grafik er altid dårligt for en hjemmeside, de vildlede blot webstedets besøgende. Kun design for at forbedre websiden ikke kun for at dekorere den. Fra et brugervenligt synspunkt er mindre altid mere.
4. Brug webstedskort
Site maps er en relativt ny hjemmeside funktion, der forbedrer websiden navigation og også søgemaskine optimering (SEO). Webstedskart i det væsentlige er en strukturel repræsentation af et websteds sider og arkitektur. Det kan være et dokument i enhver form eller en webside, der lister siderne på et websted, typisk organiseret på hierarkisk måde.
For nylig er søgemaskiner som Google, Yahoo og MSN begyndt at tilbyde en Sitemap-protokol, der ligner en hjemmesides sidekortside, men dataene er organiseret i XML-format. Der er Sitemap XML generatorer, der opretter disse dokumenter til en bestemt webadresse.
5. Bryd ikke arbejdsprocessen
Ved workflow menes enhver operation, som en bruger gør på en hjemmeside . For eksempel at udfylde en formular, registrere på et websted, browserkategorier, arkiver osv. Bryd ikke disse arbejdsgange, lad brugeren annullere enhver handling. Ved ikke at lade brugeren annullere en operation tvinger vi dem til at afslutte det, selvom de ikke vil.
Ikke alle operationer på en hjemmeside er indlysende for brugerne, guide dem gennem den specifikke arbejdsgang ved hjælp af beskrivende tips. (fx når du udfylder en formular). Javascript-links bryder normalt arbejdsgangen, så det anbefales ikke at bruge dem på din hjemmeside.
En anden fejl ændrer ikke farven på besøgte links , hvilket resulterer i at bryde navigationsdesignet. Lad brugerne vide, hvor de har været, og hvor de er på en hjemmeside.
6. Opret nemt scannable websider
Nem at læse websider spiller en vigtig rolle for at opretholde besøgernes loyalitet, holde dem på dit websted og læse dit indhold. Usability tests viser, at de fleste brugere ikke læser websider, de scanner dem , leder efter titler, fed skrift, fremhævet tekst eller lister.
Øjesporingsundersøgelser foretaget af Jakob Nielsen viser, at brugerne læser indhold, der ligner en F-form, hvilket betyder, at aflæsningen starter fra øverst til venstre på websiden, næste gang den bevæger sig lidt tilbage fra venstre igen.
Nielsen angiver også konsekvenserne af dette læsemønster:
- Brugere vil ikke læse et websideindhold ord for ord, de vil udtrække vigtige afsnit, fed tekst osv.
- De to første afsnit er vigtige på en webside. Disse skal indeholde de vigtigste oplysninger, som dine besøgende søger.
- Underoverskrifter og lister skiller sig ud fra de regulære afsnit. Brug disse elementer til at underrette brugere om vigtige oplysninger.
En vigtig metode, som vi kan lære af traditionelle trykte aviser, er, at journalisterne tænkte på en fængselsoverskrift og et fængende første afsnit for at få læserne til at læse hele artiklen. De organiserer indholdet i et inverteret pyramidformat , bare billedet en opad ned pyramide. Den brede base repræsenterer de vigtigste oplysninger i hele artiklen, og det smalle tip repræsenterer de mindst vigtige oplysninger.
Vi kan bruge dette format til at organisere webindhold ved at sætte de vigtigste brikker på toppen og de mindst vigtige i bunden , men hvordan kan vi vide, hvilke oplysninger der er vigtige, og hvilke er det ikke? Med hjælp fra nyhedsværdier .
7. Udform ikke Vildledende UI-kontroller
Ved hjælp af brugergrænseflader (UI) betegner vi websider, komponenter og widgets, som en bruger kan interagere med (f.eks. En knap, rullemenu).
Design ikke grafiske elementer, der ligner en knap, men det er det ikke . Vi ser ofte tekst, der understreges og ligner links, men kan ikke klikkes.
Ved ikke at have den handling, som brugerne forventede, ville de tro, at webstedet er brudt og til sidst går. En anden vigtig brugbarhedstip vedrørende brugergrænseflader er konsistens: Sørg for, at din brugergrænsefladekontrol er ensartet .
Yahoo , som det ovenstående billede også viser, er et godt eksempel på konsekvent brugergrænsefladesignal. Hver fane på siden ser ud og opfører sig ens, hvert link er understreget på musen over, hver knap ser ens ud osv.
8. Giv forståelig feedback
Betydende tilbagemelding er afgørende for en hjemmeside. Dette er kommunikationskanalen mellem webstedet og brugerne, ved hjælp af feedback giver vi brugerne besked om, hvad der foregår på webstedet. Hvis der opstår en fejl på din webside, skal du ikke bare udskrive Fejl opstod , men skrive meningsfulde fejlmeddelelser, der fortæller brugeren, hvad der gik galt og hvilke handlinger de kan udføre derfra.
Feedback fungerer på begge måder . Når en bruger udfylder en formular, giver de i det væsentlige dig feedback. Lad brugerne ikke udfylde de samme oplysninger to gange. For eksempel hvis en bruger har registreret på en hjemmeside og skal udfylde en formular på et eller andet tidspunkt, skal du ikke bede om deres navn eller andre oplysninger, som de allerede har leveret, fordi disse oplysninger allerede findes et sted i en fil eller database. Ved at få disse detaljer automatisk, forenkler vi hele processen.
9. Overstyr ikke Javascript
Med fremkomsten af Javascript og AJAX-teknikken kan webdesignere og udviklere skabe lydhørige, gennemsigtige hjemmesider, men som med alle nye teknologier er der en omkostning. I vores tilfælde er prisen uoverensstemmelse mellem browser. Ikke alle brugere har en opdateret webbrowser. De har måske også ikke Javascript aktiveret som standard.
Ved at bruge Javascript på et websted i vid udstrækning blokkerer vi disse brugere. Brug i stedet diskret Javascript og yndefulde nedbrydning .
10. Undgå CAPTCHA'er
CAPTCHA står for fuldstændigt automatiseret public turing test for at fortælle computere og mennesker fra hinanden. Selv navnet lyder komplekst. Den mest generelle form for CAPTCHA er tekst indlejret i et billede, og ved at teste besøgende kan vi adskille menneskelige brugere fra spambots.
Problemet med CAPTCHA'er er, at hver form for menneskelig verifikationsmetode udløser en kompleks proces i brugerens hjerne (fx at finde ud af den forvrængede tekst, tilføje to tal osv.).
Et andet problem med CAPTCHA er inkonsekvenserne for forskellige kulturer . For eksempel kinesiske symboler er tallene forskellige fra de fleste vestlige bogstaver og arabiske tal. Kineserne har en meget sværere tid ved hjælp af CAPTCHA 'aktiverede' online-formularer.
Resumé
- Indsæt altid en tagline, som skal være det mest oplagte element på en webside.
- Gennemfør en 27 tegn bred site søgning og placere det oven på dit websted.
- Brug ikke omfattende grafik og designelementer.
- Medtag en sideoversigtsside og registrer et sitemap XML-dokument i søgemaskiner.
- Bryd ikke en brugers arbejdsgang. Tillad, at alle handlinger annulleres, hvis det er nødvendigt.
- Opret nemt scannable webindhold og læg de vigtigste oplysninger oven på din webside.
- Design ikke grafiske elementer, der ligner en knap, men det er det ikke.
- Nuværende meningsfuld feedback og glem ikke, at feedback fungerer begge veje.
- Brug diskret Javascript og yndefulde nedbrydning .
- Undgå CAPTCHA'er, brug mere brugbar metoder i stedet.
Følger du disse principper? Tilføj venligst din feedback og ekstra tips nedenfor.