En av de viktigste oppgavene på platen din som webdesigner er brukervennlighet. Brukervennlighet er definert som en måling av kvaliteten på brukerens opplevelse når du samhandler med nettstedet ditt. Ethvert nettsted du designer bør alltid være sømløs fra brukerens synspunkt. De bør finne nettstedet ditt enkelt å navigere uten å først gjennomgå spesialopplæring. Brukervennlighet er normalt basert på flere forskjellige faktorer.
En person som ser gjennom nettstedet ditt, ønsker at de har lette å lære å være topp. De vil raskt lære brukergrensesnittet slik at de kan hoppe rett inn og oppnå grunnleggende, navigasjonsoppgaver. Effektivisering av bruk er en annen faktor: etter at de har lært å navigere på nettstedet ditt, vil de oppnå oppgaver raskt. Selv om brukeren har brukt nettstedet før, må de enkelt huske nok av prosessen for å kunne bruke nettstedet effektivt neste gang. Dette kalles memorability. Når de bruker nettstedet ditt, kan de oppleve noen feil, men er disse feilene hyppige eller alvorlige? Til slutt, etter at de er ferdige med nettstedet ditt, er brukerens subjektive tilfredsstillelse høy eller lav? De burde ha likt å bruke nettstedet ditt.
Selvfølgelig kan du ikke glede alle besøkende hele tiden, men noen standarder er vanlige for å sikre god brukervennlighet. Hva middelmådige webdesignere tar for gitt, bør du ikke. Her er en oversikt over de tre beste bruksfeilene som webdesignere bør unngå for enhver pris.
Nettstedet ditt vil være full av hyperkoblinger, som tydeligvis er ment å bli klikket. Så sørg for at de er store nok til å bli klikket enkelt. Det er så enkelt. Ellers vil ikke dine hyperkoblinger bli godt mottatt. Enhver brukeres håndbevegelser på musen kommer ikke til å være nøyaktig til å begynne med, så gjør ikke klikkbare områder så små at brukeren må bruke en kombinasjon av finesse og strategi bare for å få et skudd ved å klikke på dine små hyperkoblinger.
På den annen side gjør et større, lettere klikkbart område det så mye mer praktisk å sveve markøren over noen koblinger. For å gjøre det klikkbare området større, bare gjør hele lenken større eller forbedre polstringen som omgir lenken. Du kan gjøre dette ved å bruke CSS polstringsegenskapen.
Ta en titt på denne fine eksempel av et grusomt lite klikkbart område. Det er fra siden "Hacker News" på et nettsted kalt Y Combinator, som gir frøfinansiering for oppstart. Legg merke til hvordan kommentarene og brukerlinkene er så forurensende små. Du vil være heldig til slutt lykkes ved å klikke på dem etter å ha trent flere ganger.
Paginering er flott når den brukes til riktig formål i webdesign. Når det brukes riktig, er paginering en velkommen funksjon fordi det gjør et nettsteds layout mer praktisk og lettere å absorbere. Det er hovedsakelig brukt til å dele innhold på ulike sider, og det er en funksjon som vanligvis settes på nettsteder som presenterer lange lister over elementer.
Paginering kan imidlertid også misbrukes, noe som gjør det til en avgjørende faktor for brukervennlighet. Noen nettsteder har en tendens til å misbruke paginering med det formål å dele grunnleggende innholdssider i flere sider, og det er også et bakre motiv bak dette. Nettstedene som gjør dette, sannsynligvis forsøker å øke sidevisninger, enkle og enkle. Mange elektroniske magasiner og blogger henter sine inntekter ved reklame, slik at mottak av flere sidevisninger øker visningsstatistikken og lar dem belaste mer for annonser.
Se på dette misbruke av paginering, som kommer til oss fra Wired Magazine. Legg merke til hvordan artikkelen på Googles fargerike logo er delt inn i åtte sider når alle åtte sidene enkelt kan kombineres til én nettside. Selv da ville den lengre artikkelen ikke ha forårsaket at siden ble langsommere i lasting og behandling. Legg også merke til hvor forverrende det er å klikke flere ganger bare for å fullføre lesingen av artikkelen.
I tillegg kan dette misbruk av paginering skade med hensyn til SEO; Hvis du deler innhold på nettstedet ditt opp til flere sider, fortynner du innholdet ditt. Dette medfører at det reduseres antall relevante søkeord om emnet på hver nettside, noe som betyr at hver side gir mindre mening av seg selv. Som et resultat, kan søkemotorene mislykkes i å korrekt tolke hva hver side handler om, og dermed negativt påvirke artikkelenes søkemotorresultatrangeringer.
Innhold som er vanskelig for nettstedbrukere å skanne er vanligvis innhold som lider av dårlig kopi. Kopier er tekstinnholdet som du har fylt ut på nettstedet ditt, og er helt avgjørende for å gjøre nettstedet ditt brukervennlig. Selv før du bekymrer deg for god kopi, må du imidlertid ha en grundig forståelse av nettstedbrukerens visningsatferd. Nettstedbrukere har en tendens til ikke å lese all informasjon på en nettside fra topp til bunn, som du kanskje forventer at de skal.
I virkeligheten absorberer nettstedbrukere informasjon ved å bare hoppe fra ett innhold til det neste, hovedsakelig styrt av det som dukker opp på dem på nettsiden. Du kan takke det faktum at Internett bombarderer folk med informasjon for denne frenetiske webvisningsatferden. Brukernes øyne dyster i utgangspunktet fra en interessant del av en gitt nettside til en annen, noe som betyr at du, som den fullstendige webdesigneren du er, må strukturere sidene dine på en måte å imøtekomme denne hektiske oppførelsen.
Først må du sørge for at nettstedet ditt bare har noen få, klare fokuspunkter. Disse vil fungere som de seksjonene på siden din som vil fange besøkende oppmerksomhet. Du kan lykkes ved å inkludere større skrifttyper, samt farger med høy kontrast. For ekstra visuell tiltrekning, inkluderer også bilder som ikoner rett ved siden av teksten.
For det andre bør hvert fokuspunkt ideelt sett være en beskrivende overskrift. Uten å fortsette å lese kopien videre, bør en bruker umiddelbart forstå hva denne delen av innholdet vil dekke. Gjør aldri overskriftene dine kryptiske eller uklare for å trekke leserne inn. Gjør overskriftene korte, men nøyaktige.
Endelig må enhver tilleggstekst være kortfattet og lett å absorbere. Tilbyr bare grunnleggende og utelukke alt annet. Mye av tiden inkluderer ytterligere tekst som tekstforfattere inkluderer for å klargjøre et punkt som faktisk trekker fra lesbarheten til teksten. Det er en tendens til at mange mennesker bare leser små utdrag av tekst mens man unngår lengre avsnitt, så trim fettet.
La oss ta en rask titt på a nettside som organiserer sin kopi godt. Dette er Cultured Code's Things app for Mac. Du vil legge merke til at ved første øyekast, er fokuspunktene, som er skjermbildet og den enorme størrelsen "Ting" overskriften, veldig åpenbare. Kopien av appens ulike funksjoner, som du kan se mer av ved å bla nedover siden, er også veldig kort og til det punktet, og tar bare et kort avsnitt eller to for å gi en kort beskrivelse av hver funksjon.
God brukervennlighet innebærer så mange forskjellige faktorer som de alle kan noen ganger være litt vanskelig å holde styr på. Brukervennlighet handler om sluttbrukeren og hvordan de føler seg som de navigerer og skanner gjennom nettstedet ditt. Sett deg i skoene dine når du designer nettstedet ditt. Kan de lett komme rundt på nettstedet ditt? Kommer de til å huske hva de skal gjøre og hvor skal de neste gang de besøker nettstedet ditt? Vil de til slutt nyte sin erfaring med å surfe på nettstedet ditt? Alle disse spørsmålene skal være foran og senter i ditt sinn når du designer nettstedet ditt.
God brukervennlighet har også praktiske fordeler. Jo mer en bruker kan navigere på nettstedet ditt effektivt, desto mer vil de være tilbake. De vil også fortelle sine venner, deres mor, deres medarbeidere ... du får bildet. De vil komme og sjekke ut nettstedet ditt. Som et resultat får du flere sidevisninger, flere lesere og forhåpentligvis et lojalt resultat. Dette betyr at du kan tjene penger på nettstedet ditt og belaste mer for annonser på nettstedet. Ta vare på brukervennlighet, og du høster gevinsten på så mange måter.
Hvilke bruksfeil ville du legge til? Hva er de verste bruken feil designere vanligvis gjør? Gi oss beskjed om dine tanker i kommentarene.