I denne artiklen kommer vi til å diskutere det viktigste som gjør nettsider bra. Når det kommer til å nettside design eller redesig av en nettside, er det lett å henge seg opp i estetikken. Ser den blå nyansen riktig ut? Skal logoen være på høyre side av skjermen, eller til venstre? Hva om vi legger en gigantisk animert GIF midt på siden?

Men i en verden der folk har mer enn 1,8 milliarder nettsteder de potensielt kan lande på, må du sørge for at ditt ikke bare er et pent ansikt . Det bør være utformet for brukervennlighet, hvor enkelt nettsiden din er å bruke, og brukeropplevelse (UX), hvor hyggelig det er å samhandle med hjemmesiden din. Nå kan du bruke mange år på å studere alt som finnes om dette. Men det har du ikke tid til, derfor har vi satt sammen denne artiklen for å gi deg et liste over de grunnleggende retningslinjene, og viktigste fremgangsmåtene du kan bruke på din neste redesign eller hvis du skal deigne ny nettside.

1. Enkelhet

Selv om utseende til nettsiden din absolutt er viktig, kommer de fleste ikke til nettsiden din for å vurdere hvor fint designet ditt er. De ønsker å fullføre en handling, eller finne informasjon. Derfor vil unødvendige designelementer (dvs. de som ikke tjener noen funksjonelle formål) bare overvelde og gjøre det vanskeligere for besøkende å oppnå det de prøver å oppnå. Fra et brukervennlighet og UX-perspektiv er enkelhet din beste venn. Hvis du har alle nødvendige sideelementer, er det vanskelig å bli for enkel. Du kan bruke dette prinsippet i en rekke forskjellige former, for eksempel:

Farger: I utgangspunktet, ikke bruk mye. Handbook of Computer-Human Interaction anbefaler å bruke maksimalt fem (pluss eller minus to) forskjellige farger i designet. Skrifttyper: Skrifttypene du velger bør være svært lesbare, så ingenting er for kunstig og veldig minimale skriptfonter, hvis noen. For tekstfarge, igjen, hold den minimal og sørg alltid for at den står i kontrast til bakgrunnsfargen. En vanlig anbefaling er å bruke maksimalt tre forskjellige skrifttyper i maksimalt tre forskjellige størrelser. Grafikk: Bruk kun grafikk hvis de hjelper en bruker med å fullføre en oppgave eller utføre en spesifikk funksjon (ikke bare legg til grafikk). Her er et flott eksempel på en enkel, men effektiv hjemmesidedesign fra HERoines Inc

2. Visuelt hierarki

Nært knyttet til prinsippet om enkelhet, betyr visuelt hierarki å arrangere og organisere nettstedelementer slik at besøkende naturlig trekker mot de viktigste elementene først. Husk, når det gjelder å optimalisere for brukervennlighet og UX, er målet å lede besøkende til å fullføre en ønsket handling, men på en måte som føles naturlig og hyggelig. Ved å justere posisjonen, fargen eller størrelsen på enkelte elementer, kan du strukturere nettstedet ditt på en slik måte at seerne blir trukket til disse elementene først.

I eksemplet nedenfor fra Spotify kan du se at hovedoverskriften “Få 3 måneders Premium gratis” sitter på toppen av det visuelle hierarkiet med størrelse og sideplassering. Det trekker blikket ditt til oppdraget deres før noe annet. Dette etterfølges av “Get 3 Months Free” CTA, som ber om handling. Brukere kan klikke på denne CTA, eller skanne menyelementene ovenfor for flere handlinger. Dette er bra nettside design.

3. Navigerbarhet

planlegge intuitiv navigering på hjemmesiden din er avgjørende for å hjelpe besøkende med å finne det de leter etter. Ideelt sett bør en besøkende lande på nettsiden din og ikke måtte tenke mye på hvor de skal klikke videre. Å bevege seg fra punkt A til punkt B skal være så friksjonsfritt som mulig. Her er noen tips for å optimalisere navigasjonen på nettstedet ditt: Hold strukturen til den primære navigasjonen enkel (og nær toppen av siden). Inkluder navigasjon i bunnteksten på nettstedet ditt. Vurder å bruke brødsmuler på hver side (unntatt hjemmesiden din), slik at brukerne husker navigasjonssporet.

Inkluder en søkefelt nær toppen av nettstedet ditt slik at besøkende kan søke etter nøkkelord. Ikke tilby for mange navigasjonsalternativer per side. Igjen, enkelhet! Inkluder koblinger i sidekopien din, og gjør det klart hvor disse koblingene går. Ikke få brukerne til å grave for dypt. Prøv å lage et grunnleggende wireframe-kart over alle sidesidene dine arrangert som en pyramide: Hjemmesiden din er øverst, og hver koblede side fra forrige danner neste lag. I de fleste tilfeller er det best å holde kartet ditt ikke mer enn tre nivåer dypt.

 

En pekepinn til bra nettside design: Når du har bestemt deg for hva sidens hovednavigasjon (øverst) skal være, hold den konsistent. Etikettene og plasseringen av navigasjonen bør forbli den samme på hver side. Dette leder oss godt inn i vårt neste prinsipp…

4. Konsistens

I tillegg til å holde navigeringen konsekvent, bør det generelle utseendet og følelsen på nettsiden din være likt på alle sidene. Bakgrunner, fargeskjemaer, skrifttyper og til og med tonen i skrivingen din er alle områder hvor konsistens har en positiv innvirkning på brukervennlighet og brukeropplevelse. Det betyr ikke at hver side skal følge samme layout. Lag i stedet forskjellige layouter for bestemte typer sider (f.eks. landingssider, informasjonssider osv.).

Ved å bruke disse layoutene konsekvent, vil du gjøre det lettere for besøkende å forstå hvilken type informasjon de sannsynligvis vil finne på en gitt side. I eksemplet nedenfor kan du se at Airbnb bruker samme oppsett for alle sine «Hjelp»- sider, en vanlig praksis. Tenk deg hvordan det ville vært fra en besøkendes perspektiv hvis hver “Hjelp” side hadde sin egen, unike layout. Det ville nok blitt mye skuldertrekk.

 

 

5. Responsivitet

 

I følge Statista var 48 % av sidevisningene globalt fra mobile enheter som smarttelefoner og nettbrett. Og ifølge forskning har 93 % av folk forlatt en nettside fordi det ikke ble vist riktig på enheten deres. Takeaway her: For å gi en virkelig god brukeropplevelse, må nettside designet ditt være kompatibelt med de mange forskjellige enhetene som de besøkende bruker. I teknologiverdenen er dette kjent som responsiv design .

Responsivt design betyr å investere i en svært fleksibel nettsidestruktur. Med en responsivt nettside endres innholdet automatisk og omstokkes for å passe til dimensjonene til den enheten en besøkende tilfeldigvis bruker. Dette kan oppnås med mobilvennlige HTML-maler, eller ved å lage et spesielt mobilnettsted. Til syvende og sist er det viktigere å gi en god opplevelse på tvers av forskjellige enheter enn å se identisk ut på tvers av disse enhetene.

 

 

 

6. Tilgjengelighet

 

Målet med netttilgjengelighet er å lage et nettside design som alle kan bruke, inkludert personer med funksjonshemminger eller begrensninger som påvirker nettleseropplevelsen deres. Som nettside designer er det din jobb å tenke på disse brukerne i UX-planen din. I likhet med respons, gjelder tilgjengelighet for hele hjemmesiden din: struktur, sideformat, bilder og både skriftlig og visuelt innhold. Web Content Accessibility Guidelines (WCAG), utviklet av Web Accessibility Initiative og World Wide Web Consortium, setter retningslinjene for netttilgjengelighet. I vid forstand sier disse retningslinjene at nettsider må være:

Oppfattelig: Besøkende er klar over innholdet på hjemmesiden din.

Driftsdyktig: Funksjonaliteten til nettstedet ditt bør være mulig på forskjellige måter.

Forståelig: Alt innhold og varsler kan lett forstås.

Robust: Nettstedet ditt kan brukes på tvers av forskjellige hjelpeteknologier, enheter og nettlesere.

7. Konvensjonell

En stor utfordring innen nettside design er å balansere originalitet med forventningene dine. De fleste av oss er eksperter på internett, og det er noen ting vi har blidt så vandt til at vi ikke tenker over det lenger. Dette kan være:

Plassere hovednavigasjonen øverst (eller venstre side) av en side.

Plassere en logo øverst til venstre (eller midt) på en side.

Gjøre logoen klikkbar, slik at den alltid bringer en besøkende tilbake til hjemmesiden.

Å ha lenker og knapper som endrer farge/utseende når du holder musepekeren over dem.

Bruke et handlekurvikon på et e-handelsnettsted. Ikonet har også et nummerskilt som indikerer antall varer i handlekurven.

Bildekaruseller har knapper som brukere kan klikke for å rotere bildene manuelt.

Selv om noen kanskje velger å kaste disse ut av vinduet for unikhetens skyld, er dette en feil. Det er fortsatt god plass for kreativitet innenfor begrensningene til funksjonalitet brukerne forventer. La oss kort vurdere et annet felt innen design, arkitektur. Byggeforskrifter er på plass slik at folk enkelt og trygt kan oppholde seg inne. En arkitekt klager ikke over disse kodene eller bryter dem fordi de sikrer sikkerheten og komfort for gjestene. Det spiller ingen rolle hvor blendende bygningen ser ut – hvis du snubler i ujevne trapper eller du ikke kommer deg ut i en brann, foretrekker du kanskje å være ute.

På samme måte kan du lage en minneverdig opplevelse samtidig som du oppfyller brukernes forventninger. Hvis du bryter det brukere forventer, kan de føle seg ukomfortable eller til og med frustrerte over nettsiden din.

8. Troverdighet

Å holde seg til nettkonvensjoner gir nettside designet ditt troverdighet. Det øker med andre ord graden av tillit nettsiden din formidler. Og hvis du streber etter å bygge et nettside design som gir en best mulig brukeropplevelse, kommer troverdigheten langt. En av de beste metodene for å forbedre troverdigheten din er å være tydelig og ærlig om produktet eller tjenesten du selger.

Ikke få besøkende til å grave gjennom dusinvis av sider for å finne hva det er du gjør. Vær på forhånd på hjemmesiden din, og dediker litt eiendom til å forklare verdien bak det du gjør. Et annet troverdighetstips: Ha en prisside, også koblet til på hjemmesiden. I stedet for å tvinge folk til å kontakte deg for å lære mer om priser, bør du oppgi prisene tydelig på nettstedet ditt. Dette gjør at virksomheten din fremstår mer pålitelig og legitim. Her er et eksempel på en effektiv prisside fra vår nettside :

 

9. Brukersentrert

Til slutt så avhenger brukervennlighet og brukeropplevelse av preferansene til sluttbrukerne. Tross alt, hvis du ikke designer for dem, hvem designer du for? Så selv om prinsippene beskrevet i denne listen er et godt utgangspunkt, er den siste nøkkelen til å forbedre utformingen av nettside design et ditt å gjennomføre brukertesting, samle tilbakemeldinger og implementere endringer basert på det du har lært. Og ikke bry deg om å teste brukervennligheten selv. Du har allerede investert mye tid i designet ditt, noe som gjør at du kanskje ikke ser ting klart. Få testere som aldri har sett netsiden din før, det samme som enhver førstegangsbesøkende.

Så hva tenker du? Klar til å ta nettsiden din “to the next level?” Vi er her for deg for å hjelpe deg med nettside design, uansett hva du trenger hjelp til. Ta kontakt idag for et uforpliktende møte