9 tricks til højere konverteringsrate på mobile enheder

  • View
    1.227

  • Download
    0

  • Category

    Internet

Preview:

Citation preview

c

9 tips til højere konverteringsrate på mobile enheder

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

@MogensMoeller mm@sleeknote.com 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

@MogensMoeller mm@sleeknote.com www.sleeknote.com

User test webcam

Hvorfor er mobiloptimering vigtigt?

@MogensMoeller mm@sleeknote.com www.sleeknote.com

Hvorfor er mobiloptimering vigtigt?

User test webcam

@MogensMoeller mm@sleeknote.com www.sleeknote.com

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

@MogensMoeller mm@sleeknote.com www.sleeknote.com

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

@MogensMoeller mm@sleeknote.com www.sleeknote.com

Hvorfor er konverteringsraten lavere på mobile sider?

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.

@MogensMoeller mm@sleeknote.com www.sleeknote.com

Hvorfor er konverteringsraten lavere på mobile sider?

Data: 150 mobile brugertests

@MogensMoeller mm@sleeknote.com www.sleeknote.com

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.

@MogensMoeller mm@sleeknote.com www.sleeknote.com

@MogensMoeller mm@sleeknote.com www.sleeknote.com

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

@MogensMoeller mm@sleeknote.com www.sleeknote.com

@MogensMoeller mm@sleeknote.com www.sleeknote.com

9 tips til højere konverteringsrate på mobile enheder

@MogensMoeller mm@sleeknote.com www.sleeknote.com

Ofte stillede spørgsmål fra ecommerce managers

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

Action take-away

1 2 3 4

9 tips til højere konverteringsrate på mobile enheder

Forsiden… Hvad er det vigtigte?

Frequently Asked Question #1

@MogensMoeller mm@sleeknote.com www.sleeknote.com

Ofte brugt til at nulstille

Har brug for tydelig vej til navigation

Don’t rearrange. Do redesign!

Take-aways fra brugertests

1

2

3

@MogensMoeller mm@sleeknote.com www.sleeknote.com

@MogensMoeller mm@sleeknote.com www.sleeknote.com

Vis produktkategorier med det samme

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

Action take-away #1

@MogensMoeller mm@sleeknote.com www.sleeknote.com

Top bar… sticky eller ej?

Frequently Asked Question #2

@MogensMoeller mm@sleeknote.com www.sleeknote.com

Ofte meget lange sider på smart phones

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

Større mobile skærme i dag

Take-aways fra brugertests

1

2

3

@MogensMoeller mm@sleeknote.com www.sleeknote.com

Take-aways fra brugertests

1

2

3

@MogensMoeller mm@sleeknote.com www.sleeknote.com

Ofte meget lange sider på smart phones

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

Større mobile skærme i dag

@MogensMoeller mm@sleeknote.com www.sleeknote.com

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

synlige hele tiden

Action take-away #2

@MogensMoeller mm@sleeknote.com www.sleeknote.com

Hvor meget information på hvert produkt?

Frequently Asked Question #3

@MogensMoeller mm@sleeknote.com www.sleeknote.com

“Hvilket produkt skal jeg vælge?”

“Hvad er forskellen?”

For lidt info, for mange taps!

Take-aways fra brugertests

1

2

3

@MogensMoeller mm@sleeknote.com www.sleeknote.com

@MogensMoeller mm@sleeknote.com www.sleeknote.com

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

taps (clicks)

Action take-away #3

@MogensMoeller mm@sleeknote.com www.sleeknote.com

Filtre… Men hvordan?

Frequently Asked Question #4

@MogensMoeller mm@sleeknote.com www.sleeknote.com

Paging er trættende

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

Filtre er nødvendige!

Take-aways fra brugertests

1

2

3

@MogensMoeller mm@sleeknote.com www.sleeknote.com

@MogensMoeller mm@sleeknote.com www.sleeknote.com

@MogensMoeller mm@sleeknote.com www.sleeknote.com

@MogensMoeller mm@sleeknote.com www.sleeknote.com

Vis de samme filtre som på din computer version

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

Action take-away #4

@MogensMoeller mm@sleeknote.com www.sleeknote.com

Popups… Men jeg vil jo ikke

skræmme mine besøgende!

Frequently Asked Question #5

@MogensMoeller mm@sleeknote.com www.sleeknote.com

@MogensMoeller mm@sleeknote.com www.sleeknote.com

Ekstremt effektivt

Tilbyd noget interessant

Det er en popup! Skjul det ikke!

Take-aways fra brugertests

1

2

3

@MogensMoeller mm@sleeknote.com www.sleeknote.com

@MogensMoeller mm@sleeknote.com www.sleeknote.com

flere nyhedsbrevtilmeldinger

95%@MogensMoeller mm@sleeknote.com www.sleeknote.com

flere nyhedsbrevtilmeldinger

95%Ingen negativ effekt på andre konverteringsrater

+

@MogensMoeller mm@sleeknote.com www.sleeknote.com

@MogensMoeller mm@sleeknote.com www.sleeknote.com

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

@MogensMoeller mm@sleeknote.com www.sleeknote.com

Breadcrumbs… Vel ikke på mobile sider?

Frequently Asked Question #6

@MogensMoeller mm@sleeknote.com www.sleeknote.com

@MogensMoeller mm@sleeknote.com www.sleeknote.com

Dårligere overblik på mobile enheder

“Hvordan kommer jeg et skridt tilbage?”

Endnu mere vigtigt end på computere

Take-aways fra brugertests

1

2

3

@MogensMoeller mm@sleeknote.com www.sleeknote.com

@MogensMoeller mm@sleeknote.com www.sleeknote.com

Vis altid breadcrumbs

… også selvom indhold skubbes ned

Action take-away #6

@MogensMoeller mm@sleeknote.com www.sleeknote.com

Huskeliste… Er der virkelig nogen der bruger det?

Frequently Asked Question #7

@MogensMoeller mm@sleeknote.com www.sleeknote.com

Mange er ikke klar til at købe endnu

Godkendelse, knap tid, flere overvejelser

Cross-device muligheder

Take-aways fra brugertests

1

2

3

@MogensMoeller mm@sleeknote.com www.sleeknote.com

@MogensMoeller mm@sleeknote.com www.sleeknote.com

Implementer “Huskeliste” på produktsider

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

Action take-away #7

@MogensMoeller mm@sleeknote.com www.sleeknote.com

Læg i kurv… Og hvad så?

Frequently Asked Question #8

@MogensMoeller mm@sleeknote.com www.sleeknote.com

Notifikation er vigtigt

Lad den ikke forsvinde af sig selv

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

Take-aways fra brugertests

1

2

3

@MogensMoeller mm@sleeknote.com www.sleeknote.com

@MogensMoeller mm@sleeknote.com www.sleeknote.com

Opsummér produktinfo og USPs

… og glem ikke at opsælge

Action take-away #8

@MogensMoeller mm@sleeknote.com www.sleeknote.com

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

Frequently Asked Question #9

@MogensMoeller mm@sleeknote.com www.sleeknote.com

Vis tydelig vej videre

Vær forsigtig med rabatkode CTA

Overbevis om at tage næste skridt

Take-aways fra brugertests

1

2

3

@MogensMoeller mm@sleeknote.com www.sleeknote.com

@MogensMoeller mm@sleeknote.com www.sleeknote.com

@MogensMoeller mm@sleeknote.com www.sleeknote.com

Vis totalpris og CTA i toppen af din kurv

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

Action take-away #9

@MogensMoeller mm@sleeknote.com www.sleeknote.com

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

@MogensMoeller mm@sleeknote.com www.sleeknote.com

Spørgsmål? mm@sleeknote.com

@MogensMoeller mm@sleeknote.com www.sleeknote.com

Recommended