18 brukervennlighetstips for å hjelpe deg med å lage en bedre brukeropplevelse for nettstedet ditt

4

For å si ting rett ut, brukervennlighet er når du gjør nettstedet ditt enkelt nok, slik at besøkende kan finne alt de trenger, når de trenger det, så enkelt som mulig.

En vanlig oppfatning blant nettselskaper er at brukervennlighet er ganske dyrt å implementere.

Jada, det finnes bedrifter og folk som bruker tusenvis på brukervennlighetsforskning og -tester, men for en hverdagsbedrift kan du få god brukervennlighet, uten å ty til eksperter, og uten å bruke penger på dyrt testutstyr.

Hvis du er en webdesigner, er ting enda enklere. Du kan lese gjennom brukervennlighetsartikler, og du vil før heller enn siden ha god kunnskap om det grunnleggende om brukervennlighet, og hvordan du kan innlemme dem på en nettside. Nedenfor er noen tips du kan følge.

Sørg for at du kjenner publikummet ditt

De viktigste tipsene om hvordan du kan designe et godt grensesnitt bør komme fra de som bruker grensesnittet. Hvis du planlegger å starte et nettsted, bør du ha en ide om hva målgruppen du retter deg mot ønsker. Å legge ut ting er imidlertid et helt annet beist å takle.

Du bør ha en klar ide om hva slags nødvendighet som vil få folk til nettstedet ditt, og hvordan designet vil trekke dem videre. Hvis du er litt borte, er det bare å se på konkurrentene. Se på de beste nettsidene i feltet, og se hva de har til felles – dette er ofte et godt utgangspunkt.

Hvis du bruker designmønstre som publikum er komfortable med, vil det få dem til å føle seg velkomne, og lette dem inn på nettstedet ditt. Bruk deretter ditt eget syn på kravene deres.

Når du har identifisert målgruppen din, sjekk hvordan designideene dine fungerer med dem, og sørg for at du vurderer tilbakemeldingene deres. Den handlingsrettede tilbakemeldingen er veldig verdifull, ikke overse den.

Legg til et slagord

En tagline er i utgangspunktet et motto eller en uttalelse, som representerer nettstedets misjon og filosofi.

Det skal være et av de mest åpenbare elementene på en forside på et nettsted, og det skal gi en tydelig beskrivelse av nettstedet i en enkelt setning.

I følge forskning har hvert nettsted kun 8 sekunder på seg til å fange brukerens oppmerksomhet, hvis den forventer at brukeren fortsetter å surfe. Uten en klar tagline vil nettstedet ditt slite med å beholde besøkende lenge nok til at de kan surfe gjennom nettstedet.

Hold ting enkelt og konsekvent

Enkelhet er nøkkelen når vi diskuterer et flott brukergrensesnitt. Med dette mener jeg ikke bare å sette en knapp eller to, og legge til noen animasjoner for at ting skal være interessant, men du bør gjøre ting enkelt å samhandle med og forstå.

Brukerne dine skal ikke trenge å slite med navigering, og som grensesnittdesigner bør du kunne veilede dem fra deres nåværende ståsted, dit de skal. For å oppnå dette bør elementer som typografi, farger og tilbakemeldingsmeldinger brukes.

Grensesnittet holdes best konsistent gjennom hele designet. Dette betyr at du ikke bør endre ting fullstendig på hver del av nettstedet, og du bør forsterke de viktigste designfasettene hver gang.

Når brukere navigerer gjennom nettstedet, bør de føle en naturlig fremgang, uten at fordypningen deres blir brutt på grunn av noen skurrende designvalg.

Benytt deg av det hvite rommet

Selv om mange mennesker klager over at alt det hvite rommet kan brukes til flere annonser, forstår de sjelden at mellomrommet faktisk er avgjørende for en godt designet side.

Det gjør innholdet ditt mye mer lesbart, og det lar brukeren fokusere på elementene rundt teksten.

Hvis du vil ha mye innhold over den synlige delen, kan for mye mellomrom være i veien for verdifull informasjon.

Den viktigste tingen? Finn et balansepunkt mellom det du vil fortelle brukerne dine først, og omslutt det med nok plass til å fremheve selve innholdet.

Lett å navigere

Intuitiv navigering er nøkkelen hvis du vil sikre at folk kan finne det de leter etter.

Å gå fra punkt A til punkt B skal være så enkelt som mulig, og du vil ikke at folk skal overtenke hvor de skal klikke neste – dette skal være intuitivt.

Gjør disse handlingsfremmende knappene attraktive

Kundene dine er vanligvis vant til å følge visuelle hint for å finne ut hvilket innhold som er viktig for dem.

En oppfordring til handling som er tydelig merket med et handlingsord vil la brukeren din navigere på nettstedet ditt lettere og komme dit de skal.

Når du lager knappene, bør du tenke på fargen, så vel som fargens psykologi. Ulike farger vil formidle forskjellige budskap. Du bør tenke gjennom budskapet du ønsker å formidle og velge fargene deretter.

Tenk deretter på selve ordene. De bør inkludere et handlingsord, eller et verb, som vil få brukeren til å GJØRE NOE.

Når du velger de riktige ordene, vil de fungere som en utløser, og hvor mye handling de utløser avhenger av følelsesnivået ordet fremkaller. Hvis det ikke er noen følelsesmessig forbindelse, er det ingen handling. Husk på det.

Hold overskriftene godt utformet og velskrevet

Overskriftene og innholdet er drevet av hva dine potensielle kunder faktisk ser etter. Når du inkluderer nøkkelord i tittelen, er det også veldig viktig for å formidle budskapet ditt, og til riktig målgruppe.

En søkemotor vil typisk gi en fordel til en overskrift, fremfor annet innhold, så den rette overskriften som skiller seg ut vil faktisk forbedre søkbarheten.

Enda viktigere er at overskriftene faktisk leder brukeren din gjennom nettsiden, noe som betyr at intuitive overskrifter vil gjøre det mye lettere for ham å finne innhold han trenger.

Utnytt kontrast og farger godt

Å velge de riktige fargene for enhver form for design er faktisk en vitenskap for seg selv. Hvis du leser dette nå, er det svært sannsynlig at du i det minste er litt kjent med fargenes psykologi, så vi vil ikke gå inn på detaljer der for øyeblikket.

I stedet vil vi fokusere på hvordan du kan fokusere på å bruke fargene til deres høyeste potensial for å få et fantastisk grensesnitt til slutt.

Farger formidler visuelt hierarki, og du kan bruke dem til å heve designene dine, etablere et godt forhold mellom elementene, samt holde brukernes oppmerksomhet.

Når du jobber med grensesnittet, bør fargene du bruker opprettholde en viss enhetlighet, for å formidle visuelle hint, og du bør holde fargeskjemaet ditt så minimalt som mulig.

Bruk visuelt hierarki

Det visuelle hierarkiet sier at du bør organisere og ordne nettsideelementene slik at brukerne naturlig kan komme til de viktigste elementene først.

Når du skal optimalisere brukeropplevelsen og brukervennligheten generelt, er hovedmålet å få besøkende til å fullføre ønsket handling. Dette bør imidlertid gjøres på en naturlig og hyggelig måte.

Når du justerer fargen, plasseringen eller størrelsen på enkelte elementer, bør du strukturere nettstedet ditt på en måte som trekker de besøkende til de elementene du synes er viktigere først.

Hvis du ser på måten flotte nettsteder utformer overskriften på, vil du legge merke til at alle bruker visuelt hierarki godt.

Typografi er din venn

Typografi er en veldig elegant måte å etablere det visuelle hierarkiet vi snakket om for et minutt siden. Dette er imidlertid ikke så enkelt som å velge en fin skrift og bruke den gjennom hele designet.

Til å begynne med har alle fontene sin egen personlighet. Og det er veldig viktig å la dine valg bli påvirket av publikum også. Sist, men ikke minst, er størrelse også en nøkkelfaktor når du bruker fonter til å designe hva som helst.

Legg til et nettstedsøk

Du kan gjøre nettstedet ditt så enkelt som mulig å navigere, men du kan ikke utelukke alternativet at noen fortsatt ikke vil kunne finne det de trenger. Det er her nettstedsøket kommer inn, siden det lar brukerne søke etter det de trenger ved å bruke søkefeltet.

En god praksis her er å gjøre søkeboksen 27 tegn bred. Dette er en god bredde for å holde teksten lett å bruke og godt synlig. Søketekstfeltet skal plasseres øverst på nettsiden.

Forskning viser at de fleste brukere har en tendens til å søke gjennom et nettsted ved å bruke F-mønsteret, fra øverst til venstre til nederst til høyre, og et søkefelt øverst er veldig praktisk.

I tekstfeltet, ikke bruk en søketekst som «Send inn» eller «Go», fordi det kan være misvisende, og en tydelig spesifisert søketekst er lettere å forstå. Legg til en søkeknapp også.

Unngå 404s

En søkemotor vil kanskje ikke straffe deg for hardt hvis det er en side ikke funnet (404), men en bruker vil sikkert gjøre det. Når de klikker på et bilde eller en lenke, forventer de at det tar dem til neste sted de skal gå.

Hvis de i stedet får en 404-feil, blir de lett irritert. De vil mest sannsynlig tenke nytt over hvorfor de brukte tid på nettstedet ditt og henvende seg til andre nettsteder for å finne en løsning.

404s er rett ved siden av en langsom sideinnlastingstid i rekken av ting som kan gjøre ting frustrerende for en bruker som surfer på nettstedet ditt.

Du bør være lydhør og mobilvennlig

I dag får flere og flere brukere tilgang til nettsider via smarttelefonene sine. Den teknologiske fremskritt lar oss gjøre dette i dag, og du bør følge med på trenden.

Nettstedet ditt skal være enkelt å navigere på en hvilken som helst skjerm, inkludert en smarttelefon, for hvis en bruker ikke får tilgang til den fra smarttelefonen og nyte opplevelsen, er sjansen stor for at han ikke vil prøve det igjen på en datamaskin og gå til en annen nettstedet i stedet.

Hold arbeidsflyten

Og når jeg sier arbeidsflyt, mener jeg operasjonene som noen gjør på nettstedet ditt. Uansett om de registrerer seg på nettstedet, fyller ut et skjema eller surfer på kategorier, bør disse arbeidsflytene ikke brytes.

Gi i stedet brukerne muligheten til å avbryte enhver operasjon. Hvis du ikke gir dem muligheten, får de til å føle at du tvinger dem til å fullføre det, noe som ikke er veldig hyggelig.

Ikke hver operasjon er åpenbar, og beskrivende tips kan lett veilede dem gjennom den spesifikke arbeidsflyten, for eksempel å fylle ut et skjema. En JavaScript-lenke er et godt eksempel på noe som lett bryter arbeidsflyten, så prøv å unngå dem.

Å ikke endre fargen på en besøkt lenke er en annen feil. Dette får brukeren til å tenke på hvor han har vært på nettsiden, og hvor han er for øyeblikket, og du kan enkelt fjerne dette fra ham.

Gjør skjemaene dine enkle

Skjemaer er en av hovedmetodene brukerne vil bruke for å samhandle med nettprosjektene dine. Det er rett ved siden av å klikke og, innimellom, banne på enhetene deres fordi noe egentlig ikke fungerer som det skal.

Hovedproblemet er at mange brukere vil hate skjemaer som har en brennende lidenskap, på grunn av en rekke brukere. Derfor bør du integrere skjemaene så smertefritt som mulig, for å hindre brukerne fra å bli sinte på datamaskinene deres.

Det første spørsmålet du bør stille deg selv er "trenger jeg virkelig dette skjemaet?". Det er mange situasjoner der en registrering egentlig ikke er nødvendig, så hvis du kan unngå det, vil brukeren bli mer fornøyd, og du slipper å designe et ekstra brukergrensesnitt, så det er en vinn-vinn-situasjon for begge to. I tilfelle registreringen er virkelig nødvendig, gjør skjemaene så enkle som mulig.

Lag en nettside som er enkel å skanne

Hvis du ønsker å beholde de besøkende på nettstedet ditt, er det en viktig faktor at nettstedet er lett å lese og gå gjennom sidene.

Brukerbarhetstestene viser at de fleste av brukerne egentlig ikke leser gjennom hele nettsidene, i stedet bare skanner dem og ser etter fet, fremhevet tekst som titler og ser etter lister.

Øyesporingsstudier viser også at brukere vil lese innhold som ser ut som bokstaven F, med starten øverst til venstre, for så å bevege seg litt ned og begynne fra venstre igjen.

En viktig metode som kan læres av en tradisjonell, trykt avis, er at en fengende overskrift, samt et fengende første avsnitt, vil gi deg lyst til å lese gjennom hele artikkelen. Innholdet er organisert i et omvendt pyramideformat, der den brede basen gir den viktigste informasjonen, og informasjonen blir mindre viktig etter hvert som du beveger deg nedover.

Benytt deg av tekstformatering og punktlister

Fet eller kursiv tekst, samt en punktliste, vil få brukeren til å feste seg der i en lengre periode. Disse stilverktøyene har et særegent utseende, som vekker oppmerksomhet og setter fart på lesingen ved å bryte ned informasjon og fremheve det som er viktig med stiltrekk.

Når du deler opp et avsnitt i punkttegn, gjør det ting lettere å gå gjennom. Du kan legge til det ved å markere informasjon med kursiv og fet tekst.

Meningsfull tilbakemelding er viktig

Meningsfull tilbakemelding er den viktigste kommunikasjonskanalen mellom nettstedet og dets brukere. Ved hjelp av tilbakemelding lar du brukerne få vite hva som skjer på siden.

I tilfelle en feil, gi brukerne en meningsfull melding i stedet for en generisk feil. Meldingen skal fortelle brukeren hva som gikk galt og hva de kan gjøre på det tidspunktet.

Tilbakemelding er en toveis ting. Når en bruker fyller ut et av skjemaene dine på nettstedet, gir han deg i utgangspunktet tilbakemelding. Derfor bør du ikke få ham til å fylle ut de samme tingene mer enn én gang.

For eksempel, hvis han allerede har registrert seg og trenger å fylle ut et skjema, ikke spør dem om informasjon de allerede har gitt deg, som navnet deres eller noe annet. Disse tingene eksisterer allerede med tanke på at han har registrert seg tidligere, og du kan hente dem fra databasen, noe som gjør det enkelt for brukeren.

Pakker ting sammen

Selv om det kan virke som et skremmende felt, kan webdesign gi deg en utmerket mulighet til å forbedre spillet ditt.

Nettstedet ditt skal være enkelt å bruke og enkelt å navigere og bruke de riktige fargene.

De riktige skriftene er også viktige, og tilbakemeldingsmeldinger vil få brukerne til å komme tilbake i stedet for å skyve dem bort. Og sist men ikke minst, hold ting konsekvente. Det hjelper.

Dette nettstedet bruker informasjonskapsler for å forbedre din opplevelse. Vi antar at du er ok med dette, men du kan velge bort det hvis du ønsker det. jeg aksepterer Mer informasjon