Selv det beste innholdet og tilbudet vil ikke sikre nettstedets suksess hvis du ikke tar vare på user-experience. For dette formålet, før du går videre til utvikling, la oss nøye designe UX- og UI-mock-ups med tanke på tilfredsheten til den fremtidige brukeren. Hvilke elementer er de viktigste?
1. Bekvemt navigering
Brukeren som lander på nettstedet skal enkelt kunne nå alle de viktigste elementene i tilbudet. Det hender at, for eksempel innen e-commerce, at det er svært kompleks. Da kan du bruke rullegardinmenyen (megameny), der hovedkategorier og underkategorier vil bli inkludert. Det er viktig at den besøkende umiddelbart kan finne ut om butikken tilbyr de typer produkter de leter etter. Det er også verdt å bruke søkemotoren og breadcrumbs, det vil si lenker som viser brukerens lokalisering på nettstedet.
2. Klar design
La oss unngå overflødige elementer på nettstedet, helst ved å bruke en minimalistisk stil. Prosjektet bør bare inneholde det som er nødvendig for at brukeren skal kunne nå sitt formål (f.eks. foreta et kjøp). Vær dyktig ved å bruke "mellomrom"(white spaces), dvs. seksjoner uten innhold. Hvis vi for eksempel plasserer en oppfordringknapp i nærheten av, vil det vekke mer interesse. Vi bør også være oppmerksom på størrelsen og mengden av teksten, fargekontrasten og avstanden. Vi kan også bruke lister og kulepunkter.
3. God UX-writing
Tekstinnholdet på nettstedet bør samsvare med prosjektet og støtte det. Det er avhengig i stor grad av ord om brukerens kognitive reise vil være rask, enkel og effektiv. Språket må være klart, slik at brukeren umiddelbart forstår meldingen (bruk så få ord som mulig). Det er viktig å bruke fordelspråket, dvs. fokusert på brukerens behov. For dette må vi innse målet vårt.
4. Effektive CTAer
Uten optimalt plasserte og konstruerte call-to-action-knapper (CTA) kan vi ikke forvente høy konvertering. Dette må bli kommunisert klart til en bruker hvilken handling forventes av ham. For dette formålet bør vi vanligvis bruke imperativet ("Send", "Kjøp"). Brukeren bør også vite hva som skjer når knappen trykkes. Best forklar dette ved å fremheve fordelene i innholdet på knappen og dens overskrift.
Samtidig ta vare på plasseringen og fargen på knappene. Fargen skal stå i kontrast til bakgrunnen og tilpasses budskapet. Hvis handlingen skal gjøres raskt, er ekstremt viktig for oss, bruk rødt eller oransje. I andre tilfeller vil roligere farger fungere, men også i tydelig kontrast til bakgrunnen.
5. Mobil optimalisering
Nåtida, hvor halvparten av Internett-trafikken kommer fra smarttelefoner og nettbrett, må nettstedet støtte dem på en riktig måte. Det er lurt å bruke en mobil first tilnærming i denne hensikt. Den mener i å starte utformingen av nettstedet ditt ved mobilversjonen. Den skal inneholde alle nødvendige funksjoner. Det er bare på større skjermer at de andre kommer til syne (progressive enhancement). Mobile first bidrar også til å skape mer minimalistiske og lesbare design og ta vare på nettstedets ytelse.
6. Nettstedets ytelse
Hvert sekund med å vente på at siden skal lastes inn, over standard maksimal tid på tre sekunder, betyr en betydelig reduksjon i konverteringen. Derfor bør vi sørge for at nettstedet fungerer så flytende som mulig. Det som er viktig her er å optimalisere bilder ved å redusere størrelse og komprimere dem. Du bør også bruke cache minne riktig, fjerne ubrukte plugins og moduler, bruke klar kode og sikre effektiv hosting. Verktøy som PageSpeed Insights, GTMetriks eller Pingdom kan hjelpe med å oppdage ytelsesproblemer.
7. Video, grafikk, illustrasjoner
Brukere bruker mesteparten av tiden sin på nettet for å se videoer. Utnytt makten til videoer ved å legge den ut på nettstedet. På denne måten vil vi presentere fordelene ved produktet eller selskapet i en attraktiv form, samtidig som vi øker konverteringen og tiden brukerne bruker på nettstedet.
UX nyttes også av bilder. De tiltrekker oppmerksomhet og formidler innhold på en attraktiv måte. Vi kan også bruke dem til å bygge et vennlig merkebilde, for eksempel ved å plassere bilder av teammedlemmer. En viktig trend er også bruken av originale illustrasjoner. De uttrykker ikke bare merkevarens individuelle karakter (f.eks. ved å bruke brand hero), men forsterker også budskapet til en gitt del av nettstedet. På grunn av den estetiske verdien, mottaket av nettstedet blir mer positivt.
Ikke glem prøver
Selv om vi har spesialkunnskap innen UX, er det verdt å overlate den endelige vurderingen av våre løsninger til brukerne. Til dette formål blir opprettede mock-ups av prosjekter utsatt for prøver (de er spesielt verdifulle hvis nettstedet er mer komplisert).
Hvis vi har et mindre budsjett, kan vi gjennomføre gerilja-tester som består av et kjapp "klikk" på modellen av forbipasserende. Det er også lurt å be vennene dine på Facebook for å teste det. Det kan også være fruktbart å bruke verktøy som Hotjar eller UsabilityHub.
Uansett hvilke typer tester, brukerne vil sikkert sjekke det, noe som gir oss en mulighet til å forbedre eventuelt våre løsninger på designstadiet. Det vil helt sikkert være mer lønnsomt for oss enn å endre den allerede ferdige siden. Vi vil heller ikke utsette oss for tap knyttet til lav konvertering.
Ovennevnte elementer viser hvor viktig designerens riktige tilnærming til det prosjektet han skaper er. Vanligvis er det arbeidet hans som blir beundret (eller ikke) av brukere til en applikasjon eller nettsted. Vi oppfordrer deg til å implementere dine intensjoner i et selskap som ansetter en profesjonell UX / UI-designer. Samtidig er det verdt å merke at PWA-applikasjoner har mange fordeler som har blitt nevnt allerede her, for eksempel operasjonshastighet. Slike applikasjoner kan gjøres sammen med teamet vårt.