10 brukervennlighetstips for webdesignere
Enkelt sagt, brukervennlighet gjør nettstedet ditt enkelt for de besøkende å finne den informasjonen de trenger når de trenger det .
En vanlig misforståelse om brukervennlighet blant webbedrifter er at brukervennlighet er dyrt. Ja, det er multinasjonale bedrifter som bruker tusenvis av dollar på brukbarhetstest og forskning, men for en dagligdags selskap er brukervennlighet oppnåelig uten kjennskap til brukbarhetseksperter eller uten dyrt utstyr for testing .
Webdesignere har en enda enklere jobb å gjøre, bare ved å lese bruksegenskaper, kan de samle en ganske god kunnskap om grunnleggende brukervennlighet og hvordan man implementerer dem på et nettsted.
1. Ta med en tagline
En tagline er en uttalelse eller motto som representerer et selskap, eller i vårt tilfelle en nettside, filosofi og oppdrag. Det bør være det mest åpenbare elementet på en nettside, og det bør tydelig beskrive nettsiden i en setning.
Statistikk viser at et nettsted bare har 8 sekunder å fange en besøkendes oppmerksomhet for at de skal surfe på nettstedet ytterligere. Uten en klar tagline ville et nettsted ha det vanskelig å holde besøkende lenge nok til å bla gjennom de indre sidene.
2. Implementere nettstedssøk
Som med taglines er nettstedssøk et svært viktig element på et nettsted. Når brukere ser etter noe, ser de vanligvis etter et tekstfelt hvor de kan skrive inn søkeordet.
I følge Jacob Nielsens Web-brukervennlighetstips, gjør denne søkeboksen 27 tegn bred for at teksten skal være tydelig synlig og enkel å bruke. Plasser søkefeltet på toppen av nettsiden din , fordi brukerne pleier å søke etter et nettsted i henhold til F-mønsteret , som betyr fra øverst til venstre til nederst til høyre.
Ta med en søkeknapp og spesifiser søketeksten, bruk ikke tekst som Gå eller Send , fordi disse uttrykkene har en tendens til å villede nettstedets besøkende.
3. Ikke bruk omfattende grafikk
Misbruk av designelementer og grafikk er alltid dårlig for et nettsted, de vil bare misleide nettstedets besøkende. Bare design for å forbedre nettsiden, ikke bare for å dekorere den. Fra brukbarhetssynspunkt er mindre alltid mer.
4. Bruk nettstedskart
Nettkart er en relativt ny nettsidefunksjon som forbedrer nettsidenavigering og søkemotoroptimalisering (SEO). Nettkart i hovedsak er en strukturell representasjon av nettsidens sider og arkitektur. Det kan være et dokument i noen form, eller en nettside som viser sidene på et nettsted, vanligvis organisert i hierarkisk mote.
Nylig har søkemotorer som Google, Yahoo og MSN begynt å tilby en Sitemap-protokoll som ligner på et nettsteds nettstedskart siden, men dataene er organisert i XML-format. Det er Sitemap XML generatorer som lager disse dokumentene for en bestemt nettadresse.
5. Ikke brytt arbeidsflyten
Med arbeidsflyt mener vi alle operasjoner som en bruker gjør på et nettsted . For eksempel å fylle ut et skjema, registrere på et nettsted, surfekategorier, arkiver, etc. Ikke bryte disse arbeidsflytene, la brukeren avbryte en operasjon. Ved å ikke la brukeren avbryte en operasjon, tvinger vi dem til å fullføre det selv om de ikke vil.
Ikke alle operasjoner på et nettsted er åpenbare for brukere, veilede dem gjennom den bestemte arbeidsflyten ved hjelp av beskrivende tips. (f.eks. når du fyller ut et skjema). Javascript-koblinger bryter vanligvis arbeidsflyten, så det anbefales ikke å bruke dem på nettstedet ditt.
En annen feil endrer ikke fargen på besøkte lenker , dette resulterer i å bryte navigasjonsdesignet. La brukerne vite hvor de har vært og hvor de er på en nettside.
6. Lag enkelt skannbare websider
Lett å lese nettsider spiller en viktig rolle for å opprettholde besøkeres lojalitet, holde dem på nettstedet ditt og lese innholdet ditt. Brukervennlighetstester viser at flertallet av brukerne ikke leser nettsider, skanner dem , leter etter titler, fet skrift, fremhevet tekst eller lister.
Øyesporingsstudier utført av Jakob Nielsen viser at brukerne leser innhold som ligner på en F-form, noe som betyr at lesingen starter fra øverst til venstre på nettsiden, deretter beveger den seg litt tilbake fra venstre igjen.
Nielsen sier også implikasjonene til dette lesemønsteret:
- Brukerne vil ikke lese et websideinnhold ord for ord, de vil trekke ut viktige avsnitt, fet tekst, etc.
- De to første avsnittene er viktige på en nettside. Disse må inneholde den viktigste informasjonen som de besøkende leter etter.
- Underoverskrifter og lister skiller seg ut fra de vanlige avsnittene. Bruk disse elementene til å varsle brukere om viktig informasjon.
En viktig metode som vi kan lære av tradisjonelle trykte aviser er at journalistene tenkte på en fengende overskrift og en fengende første ledd for å få leserne til å lese hele artikkelen. De organiserer innholdet i et invertert pyramideformat , bare bildet en opp-ned-pyramide. Den brede basen representerer den viktigste informasjonen i hele artikkelen, og det smale spissen representerer den minst viktige informasjonen.
Vi kan bruke dette formatet til å organisere webinnhold ved å sette de viktigste brikkene øverst og minst viktige på bunnen , men hvordan vet vi hvilken informasjon som er viktig og hvilken ikke? Med hjelp av nyhetsverdier .
7. Ikke utform misvisende brukergrensesnittkontroller
Ved hjelp av brukergrensesnitt (UI) kontrollerer vi nettsideelementer, komponenter og widgets som en bruker kan samhandle med (f.eks. En knapp, rullegardinliste).
Ikke utform grafiske elementer som ser ut som en knapp, men det er det ikke . Vi ser ofte tekst som er understreket og ser ut som koblinger, men er ikke klikkbare.
Ved å ikke ha den handlingen som brukerne forventet, ville de tro at nettstedet er ødelagt og til slutt forlater. En annen viktig brukbarhetstips angående brukergrensesnittkontroller er konsistens: Pass på at brukergrensesnittene dine er konsistente .
Yahoo , som bildet ovenfor viser også, er et godt eksempel på konsistent brukergrensesnitt. Hver fan på siden ser ut og oppfører seg det samme, hver lenke er understreket på musen over, hver knapp ser det samme ut, etc.
8. Gi meningsfull tilbakemelding
Betydende tilbakemelding er viktig for et nettsted. Dette er kommunikasjonskanalen mellom nettstedet og brukerne, ved hjelp av tilbakemelding lar vi brukerne vite hva som skjer på nettstedet. Hvis det oppstår en feil på nettsiden din, må du ikke bare skrive ut Feil oppstod , men skriv meningsfeilmeldinger som forteller brukeren hva som gikk galt og hvilke handlinger de kan utføre derfra.
Tilbakemeldinger fungerer på begge måter . Når en bruker fyller ut et skjema, gir de deg tilbakemelding. Ikke gjør at brukerne må fylle ut samme informasjon to ganger. For eksempel hvis en bruker har registrert seg på et nettsted og trenger å fylle ut et skjema på et tidspunkt, ikke be om navn eller annen informasjon som de allerede har levert, fordi disse detaljene allerede eksisterer et sted i en fil eller database. Ved å få disse detaljene automatisk, forenkler vi hele prosessen.
9. Ikke bruk for mye Javascript
Med fremkomsten av Javascript og AJAX-teknikken kan webdesignere og utviklere skape responsive, gjennomsiktige nettsteder, men som med alle nye teknologier er det en kostnad. I vårt tilfelle er prisen inkonsekvens for nettleseren. Ikke alle brukere har en oppdatert nettleser. De kan også ikke ha Javascript aktivert som standard.
Ved å bruke Javascript på en nettside i stor utstrekning blokkerer vi disse brukerne. Bruk i stedet diskret Javascript og grasiøs nedbrytning .
10. Unngå CAPTCHAer
CAPTCHA står for Fullstendig Automatisert Public Turing test for å fortelle Computers and Humans Apart. Selv navnet høres komplisert. Den mest generelle formen for CAPTCHA er tekst innebygd i et bilde og ved å teste besøkende kan vi skille menneskelige brukere fra spambots.
Problemet med CAPTCHA er at hver form for menneskelig verifikasjonsmetode utløser en kompleks prosess i brukerens hjerner (for eksempel å finne ut den forvrengte teksten, legge til to tall osv.).
Et annet problem med CAPTCHA er inkonsekvensene angående forskjellige kulturer . For eksempel kinesiske symboler er tall forskjellig fra de fleste vestlige bokstaver og arabiske tall. Kineserne har en mye vanskeligere tid ved hjelp av CAPTCHA 'aktiverte' elektroniske skjemaer.
Sammendrag
- Alltid ta med en tagline som skal være det mest åpenbare elementet på en nettside.
- Implementer et 27-siders bredt nettstedssøk og legg det på toppen av nettstedet ditt.
- Ikke bruk omfattende grafikk og designelementer.
- Inkluder en side kart side og registrer et sitemap XML-dokument i søkemotorer.
- Ikke bry deg en brukers arbeidsflyt. Tillat at alle handlinger blir kansellert om nødvendig.
- Lag enkelt skannbart webinnhold og plasser den viktigste informasjonen på toppen av nettsiden din.
- Ikke utform grafiske elementer som ser ut som en knapp, men det er det ikke.
- Presentere meningsfull tilbakemelding og ikke glem at tilbakemeldingen fungerer begge veier.
- Bruk diskret Javascript og grasiøs nedbrytning .
- Unngå CAPTCHAs, bruk mer brukbar fremgangsmåter i stedet.
Følger du disse prinsippene? Vennligst legg til din tilbakemelding og ekstra tips nedenfor.