Menu
Siden smartphonen blev allemandseje for snart ti år siden, har brands forsøgt at give brugerne gode oplevelser på tværs af devices med responsive design og burger-menuer. Men desværre er der stor forskel på en responsivt template og et mobilevenligt website.
Mobilvenlige websites er tilpasset til mobiloplevelsen. Det giver rigtig god mening at lægge særligt fokus på mobiloplevelsen, da cirka halvdelen af jeres brugere besøger jeres website via mobilen, og Google og andre søgemaskiner primært besøger jeres website som mobilbrugere. Jeg har her samlet nogle pointer, som I bør overveje for at gøre jeres website mere mobilvenligt.
Billeder er gode og giver gode brugeroplevelser, men de påvirker også load tiden på websitet. Derfor er anbefalingen ikke bare at skalere billeder op eller ned afhængig af skærmstørrelse. I stedet bør man udnytte de muligheder for at loade billeder, der passer til skærmen.
Med <picture> tags (eller lignende metode) kan man tilbyde flere billedstørrelser, og så vil browseren vælge det billede, der passer bedst. Det sikrer både, at man undgår at loade unødigt store billeder, og samtidig sikrer det, at billederne ser ordentlige ud på tværs af devices. De flere CMS understøtter automatisk generering flere billedstørrelser, så det er rimelig nemt at implementere dynamiske billeder.
Typisk ligger menuen i toppen på desktop-versionen, så det er naturligt også at placere den her på mobil-versionen.
Problemet er bare, at det ikke virker. Brugerne kan ikke nå den øverste del af skærmen i de fleste tilfælde. Derfor vil de hurtigere forlade websitet, end hvis navigationen passede bedre til brugssituationen.
Placér i stedet menuen i bunden af skærmen eller midt på skærmen, hvor mobilbrugerne rent faktisk kan nå menuen.
Når I opretter formularer på websitet, giver I også brugerne muligheder. Undgå at give dem for mange muligheder, når de rent faktisk gerne vil i kontakt med jer. Hold fomularer så kort som muligt – I kan altid indsamle yderligere information om brugeren senere. Det er særlig vigtigt, når der er tale om brugere på mobilen. De er nemlig som regel lidt mere utålmodige.
Bonus tip: I stedet for at vise, hvilke felter, der er påkrævet, prøv at teste, hvad det gør ved konverteringsraten, hvis I viser, hvilke felter, der er valgfri at udfylde. Forskning viser, at dette generelt har en højere konverteringsrate, og det er en forholdsvis let ting at A/B teste.
Med ovenstående råd håber jeg, at I er klar til at forbedre mobiloplevelsen og rent faktisk gøre jeres responsive website mobilvenligt – Hvis I da ikke allerede har gjort det.
