SlideShare uma empresa Scribd logo
1 de 34
Responsiva ehandelssajter som konverterar
Annelie Näs - @annelienaes
Annelie Näs
Produktansvarig på
Young Skilled
fd.
Utvecklingsansvarig
Halebop
@annelienaes
Young Skilled
@annelienaes
Nitty Gritty, Lexington Company,
Twilfit, Moods of Norway m fl
Halebop
@annelienaes
@annelienaes
@annelienaes
@annelienaes
Mobila köp(Ej laddningar)
Våren 2012:
7,31 % av köpen är mobila
4,53% (utan ipad)
Våren 2011:
2,96 % av köpen är mobila
2,31 % (utan ipad)
Efter lanseringen:
13,3 % av köpen är mobila
8.33 % (utan ipad)
@annelienaes
Responsivt som
konverterar
• Responsivt -Varför?
• Beteenden, Studier & Statistik
• ”Don’t make me think”
• Ta betalt i mobilen
• SPEED -Tid är pengar
• Sammanfattning & Q&A
@annelienaes
Statistik
• 27 % av smartphone-ägare har någon gång
köpt något via sin telefon. (Google)
@annelienaes
• 50 % köper via en mobil enhet minst en gång per
månad
• 28 % av stockholmare m-handlar, samma siffra är 13 %
i andra städer, 9 % på mindre orter. (Dibs)
• 90 % har hämtat information om en produkt eller
tjänst på sin telefon. (Google)
Olika sätt att bygga
mobilt
• Responsiv design
Samma URLer, samma HTML olika CSS.
• Dynamiskt innehåll
Samma URLer, men olika HTML & olika
CSS.
• Mobil sida & Desktop sida
@annelienaes
@annelienaes
Konvertering på responsiva ehandelssajter - Av Annelie Näs på #CJAM2
@annelienaes
3 typer av mobilsurfare
• Slösurfare
Sitter på tunnelbanan eller framför tvn.
• Återkommande besökare
Kollar mailen, sitt konto, sitt saldo osv.
• Akut/Målinriktade
Något fungerar inte > support nu!
Restaurang sökare, eller annonstittare.
@annelienaes
Multi-screen Beteende
Text
@annelienaes
Don’t make me think!
@annelienaes
Don’t make me think!
1. Låt aldrig kunden göra ett val som du kan
göra åt dem.
@annelienaes
Möjliga val
@annelienaes
Välj åt kunden
@annelienaes
Don’t make me think!
1. Låt aldrig kunden göra ett val som du kan
göra åt dem.
2. I mobilen - göm information som du inte
tror att alla vill se, men gör de lätt
tillgänglig.
@annelienaes
@annelienaes
@annelienaes
Don’t make me think!
1. Låt aldrig kunden göra ett val som du kan
göra åt dem.
2. I mobilen - göm information som du inte
tror att alla vill se, men gör de lätt
tillgänglig.
3. Minska antalet formulärfält
@annelienaes
Minimera
antalet
formulärfält
@annelienaes
Mobila betalningar
@annelienaes
Mobila betalningar
• Se till att du har betalningsalternativ som
kräver lite eller ingen input.
• Överväg att slå av ”verified by” alternativen.
• Ta bort de betalsätt som inte konverterar.
@annelienaes
Responsivt från Dibs
@annelienaes
Sidladdningar
@annelienaes
Skynda skynda!
• 40% lämnar en sida som tar mer än 3 sek
att ladda.
@annelienaes
• 47% förväntar sig att din sida ska ladda på 2
sek eller mindre.
• 64 % har skippat ett köp för att en sajt
laddat för långsamt
• 1s länge laddningstid kan minska
konverteringen med upp till 7 %
5 sätt att bygga en
snabbare sajt
• Minimera antalet bilder (Optimera de som
är ett måste)
• CSS - Sprites
• Minimera andelen java script
• Minifiera CSS & HTML
• Begränsa antalet requests
@annelienaes
Sammanfattning
@annelienaes
Bygg mobilt som
konverterar!
• Bygg responsivt för att användarna ska
kunna känna igen sig.
• Låt aldrig kunden göra ett val du kan göra
åt dem.
• Minska antalet formulärfält (Kolla om du
t.ex. kan använda spar)
• Välj betalsätt som fungerar för dig!
• Kravställ på sidladdningstid.
@annelienaes
Säg hej!
Annelie Näs
@annelienaes
annelie@annelienaes.com
http://annelienaes.com

Mais conteúdo relacionado

Destaque

The Butterfly Valve Assembly Pro E vaibhavkumar vaghani
The Butterfly Valve Assembly Pro E vaibhavkumar vaghaniThe Butterfly Valve Assembly Pro E vaibhavkumar vaghani
The Butterfly Valve Assembly Pro E vaibhavkumar vaghaniVaibhavkumar Vaghani
 
Präsentation bpa bahnhof zürich pdf
Präsentation bpa bahnhof zürich pdfPräsentation bpa bahnhof zürich pdf
Präsentation bpa bahnhof zürich pdfAdrian Pflieger
 
Guia 2012 2013
Guia 2012 2013Guia 2012 2013
Guia 2012 2013cbtis101
 
Primeros pasos en WordPress: cómo concretar tu idea en tu web
Primeros pasos en WordPress: cómo concretar tu idea en tu webPrimeros pasos en WordPress: cómo concretar tu idea en tu web
Primeros pasos en WordPress: cómo concretar tu idea en tu webNominalia
 
Cartilla diversidad blog
Cartilla diversidad blogCartilla diversidad blog
Cartilla diversidad blogLUCATONGA
 
Presentación All senses 2014 v23jul2014
Presentación All senses 2014 v23jul2014Presentación All senses 2014 v23jul2014
Presentación All senses 2014 v23jul2014Rodrigo Gálvez Peirano
 
Sustainable Urban Mobility in Europe
Sustainable Urban Mobility in EuropeSustainable Urban Mobility in Europe
Sustainable Urban Mobility in EuropeDon Guikink
 
Leave encashment
Leave encashmentLeave encashment
Leave encashmentRachna vats
 
Guía Salarial del Mercado Laboral 2013 de Hays.
Guía Salarial del Mercado Laboral 2013 de Hays.Guía Salarial del Mercado Laboral 2013 de Hays.
Guía Salarial del Mercado Laboral 2013 de Hays.HAYS ESPAÑA
 
Comentario crítico resuelto Recuerdo infantil, A. Machado (lcyl. 2º bach)
Comentario crítico resuelto Recuerdo infantil, A. Machado (lcyl. 2º bach)Comentario crítico resuelto Recuerdo infantil, A. Machado (lcyl. 2º bach)
Comentario crítico resuelto Recuerdo infantil, A. Machado (lcyl. 2º bach)hitchcockfila
 

Destaque (16)

Iluminación y Lámparas de Jardín y Exterior FARO 2016
Iluminación y Lámparas de Jardín y Exterior FARO 2016Iluminación y Lámparas de Jardín y Exterior FARO 2016
Iluminación y Lámparas de Jardín y Exterior FARO 2016
 
TransPAC2 Workplan - IRNC Final Review
TransPAC2 Workplan - IRNC Final ReviewTransPAC2 Workplan - IRNC Final Review
TransPAC2 Workplan - IRNC Final Review
 
Le maux pearl-2012
Le maux pearl-2012Le maux pearl-2012
Le maux pearl-2012
 
The Butterfly Valve Assembly Pro E vaibhavkumar vaghani
The Butterfly Valve Assembly Pro E vaibhavkumar vaghaniThe Butterfly Valve Assembly Pro E vaibhavkumar vaghani
The Butterfly Valve Assembly Pro E vaibhavkumar vaghani
 
SnapShop Deck 2016
SnapShop Deck 2016SnapShop Deck 2016
SnapShop Deck 2016
 
Präsentation bpa bahnhof zürich pdf
Präsentation bpa bahnhof zürich pdfPräsentation bpa bahnhof zürich pdf
Präsentation bpa bahnhof zürich pdf
 
Guia 2012 2013
Guia 2012 2013Guia 2012 2013
Guia 2012 2013
 
Primeros pasos en WordPress: cómo concretar tu idea en tu web
Primeros pasos en WordPress: cómo concretar tu idea en tu webPrimeros pasos en WordPress: cómo concretar tu idea en tu web
Primeros pasos en WordPress: cómo concretar tu idea en tu web
 
70's
70's70's
70's
 
Cartilla diversidad blog
Cartilla diversidad blogCartilla diversidad blog
Cartilla diversidad blog
 
Presentación All senses 2014 v23jul2014
Presentación All senses 2014 v23jul2014Presentación All senses 2014 v23jul2014
Presentación All senses 2014 v23jul2014
 
Sustainable Urban Mobility in Europe
Sustainable Urban Mobility in EuropeSustainable Urban Mobility in Europe
Sustainable Urban Mobility in Europe
 
Difficult c section
Difficult c sectionDifficult c section
Difficult c section
 
Leave encashment
Leave encashmentLeave encashment
Leave encashment
 
Guía Salarial del Mercado Laboral 2013 de Hays.
Guía Salarial del Mercado Laboral 2013 de Hays.Guía Salarial del Mercado Laboral 2013 de Hays.
Guía Salarial del Mercado Laboral 2013 de Hays.
 
Comentario crítico resuelto Recuerdo infantil, A. Machado (lcyl. 2º bach)
Comentario crítico resuelto Recuerdo infantil, A. Machado (lcyl. 2º bach)Comentario crítico resuelto Recuerdo infantil, A. Machado (lcyl. 2º bach)
Comentario crítico resuelto Recuerdo infantil, A. Machado (lcyl. 2º bach)
 

Konvertering på responsiva ehandelssajter - Av Annelie Näs på #CJAM2

Notas do Editor

  1. 27 % av smartphone-ägare har någon gång köpt något via sin telefon. (Google) 50 % köper via en mobil enhet minst en gång per månad 28 % av stockholmare m-handlar samma siffra är 13 % i andra städer, 9 % på mindre orter. (Dibs) 90 % har inhämtat information om en produkt eller tjänst på sin telefon. (Google)
  2. Using a single URL for a piece of content makes it easier for your users to interact with, share, and link to your content, and a single URL for the content helps Google's algorithms assign the indexing properties for the content. No redirection is needed for users to get to the device-optimized view, which reduces loading time. Also, user agent-based redirection is error-prone and can degrade your site's user experience (see " Pitfalls when detecting user agents " section for details). It saves resources for both your site and Google's crawlers. For responsive web design pages, any Googlebot user agents needs to crawl your pages once, as opposed to crawling multiple times with different user agents, to retrieve your content. This improvement in crawling efficiency can indirectly help Google index more of the site's contents and keep it appropriately fresh.
  3. Låt aldrig kunden göra ett val som du kan göra åt dem. I mobilen - göm information som du inte tror att alla vill se, men gör de lätt tillgänglig. Minska antalet formulärfält
  4. Låt aldrig kunden göra ett val som du kan göra åt dem. I mobilen - göm information som du inte tror att alla vill se, men gör de lätt tillgänglig. Minska antalet formulärfält
  5. Låt aldrig kunden göra ett val som du kan göra åt dem. I mobilen - göm information som du inte tror att alla vill se, men gör de lätt tillgänglig. Minska antalet formulärfält
  6. Går emot mig själv och säger att man kan gömma betalsätt som inte konverterar på mobilen
  7. Om du omsätter 100, 000 $ per dag, är den sekunden värd 2,5 miljoner på ett år.