9 tricks til højere konverteringsrate på mobile enheder

c

9 tips til højere konverteringsrate på mobile enheder

Præsenteret af Mogens Møller CEO ved Sleeknote & CRO Specialist

@MogensMoeller [email protected] www.sleeknote.com

“Today 17% of our total subscription database come from Sleeknote.

Before we started using Sleeknote our subscription database grew with 1-3% per month, but after we started using Sleeknote the growth has been around 6-7%.

Sleeknote is truly a valuable tool for ecommerce websites like us!”

Jacob Fusager Online Coordinator at JYSK

Hvorfor er mobiloptimering vigtigt?

Har du handlet via en smartphone eller tablet i løbet af de seneste seks måneder? |

Kilde: DANSK E-HANDEL 2015, af DIBS


User test webcam




User test webcam


Hvorfor er konverteringsraten lavere på mobile sider?

Motivation1 Tiden er knap

Mangler godkendelse

Har brug for flere overvejelser

Info søgning (adresse, åbningstider, prissammenligning)

= Svært at ændre, men godt at vide


Motivation

Hastighed

1

2

“Majority of visitors will abandon a site after waiting 3 seconds for it to load.”

“85% of visitors expect mobile devices to load as fast, if not faster, than their desktop counterparts.”

Undersøgelse af Radware

= Kontakt ecommerce udbyder og optimér



Motivation

Hastighed

Skærmstørrelse

1

2

3

“Jeg har ikke det samme overblik på min mobiltelefon som på min computer!”

“Jeg føler mig meget mere tryg på min computer, hvor jeg er sikker på, at jeg ikke overser noget.”

Citater fra brugertests:

= Lyt med de næste 40 min.



Data: 150 mobile brugertests


Best Practice is useless!

André Morys CEO and founder of Web Arts AG

Peep Laja Founder of Markitekt and writer of the largest conversion blog; ConversionXL.



Ja! Men…“Best Practice” is useless!

Vi kender alle de fundamentale usability regler på desktop

Mobile websites er stadig en ny verden for os

Massevis af fundamentale

usability fejl begås





Ofte stillede spørgsmål fra ecommerce managers

Take-aways fra brugertests Webshop eksempler To-do now!

Action take-away

1 2 3 4


Forsiden… Hvad er det vigtigte?

Frequently Asked Question #1


Ofte brugt til at nulstille

Har brug for tydelig vej til navigation

Don’t rearrange. Do redesign!

Take-aways fra brugertests

1

2

3



Vis produktkategorier med det samme

… og hjælp dine besøgende til det vigtigste

Action take-away #1


Top bar… sticky eller ej?



Ofte meget lange sider på smart phones

Menu bør altid være ved hånden

Større mobile skærme i dag


1

2

3



1

2

3


Ofte meget lange sider på smart phones

Menu bør altid være ved hånden

Større mobile skærme i dag


Brug en sticky top bar … og lad de vigtigste links være

synlige hele tiden

Action take-away #2


Hvor meget information på hvert produkt?



“Hvilket produkt skal jeg vælge?”

“Hvad er forskellen?”

For lidt info, for mange taps!


1

2

3



Vis de vigtigste produktfacts på kategorisiderne … og undgå for mange

taps (clicks)

Action take-away #3


Filtre… Men hvordan?



Paging er trættende

“Jeg vil kun se sko i min størrelse”

Filtre er nødvendige!


1

2

3





Vis de samme filtre som på din computer version

… og sørg for at usability og implementeringen bliver gennemtestet

Action take-away #4


Popups… Men jeg vil jo ikke

skræmme mine besøgende!




Ekstremt effektivt

Tilbyd noget interessant

Det er en popup! Skjul det ikke!


1

2

3



flere nyhedsbrevtilmeldinger

95%@MogensMoeller [email protected] www.sleeknote.com

flere nyhedsbrevtilmeldinger

95%Ingen negativ effekt på andre konverteringsrater

+



Brug popups til at samle flere permissions … og til at hjælpe de besøgende til

at købe de rigtige produkter

Action take-away #5


Breadcrumbs… Vel ikke på mobile sider?




Dårligere overblik på mobile enheder

“Hvordan kommer jeg et skridt tilbage?”

Endnu mere vigtigt end på computere


1

2

3



Vis altid breadcrumbs

… også selvom indhold skubbes ned

Action take-away #6


Huskeliste… Er der virkelig nogen der bruger det?



Mange er ikke klar til at købe endnu

Godkendelse, knap tid, flere overvejelser

Cross-device muligheder


1

2

3



Implementer “Huskeliste” på produktsider

… og optimér oplevelsen på tværs af enheder

Action take-away #7


Læg i kurv… Og hvad så?



Notifikation er vigtigt

Lad den ikke forsvinde af sig selv

Opsælg, krydssælg… hold det relevant!


1

2

3



Opsummér produktinfo og USPs

… og glem ikke at opsælge

Action take-away #8


Tjekud på mobil… Nogen genveje til at gøre det mindre smertefuldt?



Vis tydelig vej videre

Vær forsigtig med rabatkode CTA

Overbevis om at tage næste skridt


1

2

3




Vis totalpris og CTA i toppen af din kurv

… og gør formularer nemmere med auto-numpad og auto-complete

Action take-away #9


Forside 1. Vis produktkategorier med det samme … og hjælp dine besøgende til det vigtigste

2. Brug en sticky top bar … og lad de vigtigste links være synlige hele tiden

Kategorisider 3. Vis de vigtigste produktfacts på kategorisiderne … og undgå for mange taps (clicks)

4. Vis de samme filtre som på din computer version … og sørg for at usability og implementeringen bliver gennemtestet

5. Brug popups til at samle flere permissions … og til at hjælpe de besøgende til at købe de rigtige produkter

Produktsider 6. Vis altid breadcrumbs … også selvom indhold skubbes ned

7. Implementer “Huskeliste” på produktsider … og optimér oplevelsen på tværs af enheder

8. Opsummér produktinfo og USPs … og glem ikke at opsælge

Tjekud flow 9. Vis totalpris og CTA i toppen af din kurv … og gør formularer nemmere med auto-numpad og auto-complete

Summery


Spørgsmål? [email protected]


Internet

9 tricks til højere konverteringsrate på mobile enheder