Standarder og trends i mobil e-handel 2014
•
0 likes•524 views
40 sites gennemgået på 28 parametre – 113 ajourførte illustrationer
Standarder og trends i mobil e-handel 2014
- 1. MOBILE GULDKORN Juni 2014 JENS HOFMAN HANSEN & HENNING NIELSEN
- 5. HEADER § Logo § Menu § Kurv § Søgefelt 40 af 40 34 af 40 32 af 40 24 af 40
- 6. ANDRE ELEMENTER § Login § Profil § Find butik § Ønskeliste § Huskeliste HEADER
- 7. STICKY HEADER 2013: På 7 af 40 sites 2014: På 9 af 40 sites
- 8. BURGERMENU Genkendelig for mange, MEN ikke et vidundermiddel
- 9. SPØRGSMÅL § Hvor mange har brugt burgermenuen i et projekt? § Hvor mange har splittestet om det er den bedste løsning?
- 10. BURGERMENU SPLITTEST #1 WHICH TEST WON #2 http://exisweb.net/mobile-menu-abtestBlogindlæg:
- 11. Crate & Barrel BURGERMENU Sommer 2013 Sommer 2014
- 12. LOGO Ofte placeret til venstre eller i midten. Fungere som link til forsiden.
- 13. LOGO + MENU
- 14. KURV Anbefaling til valg af ikon: #1: Indkøbsvogn #2: Indkøbskurv
- 15. SØGNING 35 af 40 netbutikker anvender søgning 33 af 40 netbutikker har søgefeltet placeret ved headeren z
- 16. 5 af 33 søgefelter er skjulte bag en knap 4 af 29 søgefelter findes i off-canvas menu SØGNING 24 af 33 søgefelter i headeren er synlige direkte i headeren
- 17. INSPIRATION En gennemgående tendens for de mobile netbutikker er at grafiske elementer er nedtonet. Fokus på findability.
- 18. Er det en god ide at ”slanke” forsiden på denne måde?
- 19. ON-PAGE-NAVIGATION Giver kunderne et godt overblik over hvad de kan forvente at finde i butikken. NAVIGATION Spartoo.dk
- 20. ON-PAGE-NAVIGATION Gør det let at opdage og finde ting på den lille skærm. NAVIGATION Nike.com
- 21. OFF-CANVAS NAVIGATION Hvis burgermenuen er placeret til venstre anvendes ofte off-canvas-navigation
- 22. OVERLAY NAVIGATION Bruges ofte på websider baseret på Twitter bootstrap. Derfor genkendelig fra mange blogs og websites med responsive design.
- 24. OPSUMMERING AF OBSERVATIONER § Forsiden på mobilen er slanket ift. desktop. § IKKE en designskabelon til mobile netbutikker. MOBIL E-HANDEL
- 25. KATEGORISIDE § Gallerivisning og listevisning anvendes stort set lige meget § Få informationer: gallerivisning § Mange informationer: listevisning
- 26. § Basisopbygning med: Billede, navn og pris. § Udvidet opbygning med: Rating, brand, tilbud, førpris og forsendelsesinformationer. KATEGORISIDE
- 27. LÆG I KURV § Kun få netbutikker med Læg i kurv- knapper på kategorisiderne § Fungerer godt til dagligvarer, hvor man let kan handle fra en liste § Fungerer knap så godt på varer, der kræver flere overvejelser KATEGORISIDE
- 29. FILTRERING OG SORTERING 18 af 40 netbutikker har både filtrering og sortering. 9 af 40 netbutikker har kun filtrering. 8 af 40 netbutikker har kun sortering. § Netbutikker, der både anvender filtrering og sortering har ofte et stort varekatalog, hvor behovet for at skabe overblik og hurtig indsnævring er stort.
- 30. Filtrering og sortering Stylepit.dk Sortering via ”picker” (2014: 50%) Filtrering på en side for sig.
- 31. PRODUKTDETALJESIDE § LÆG I KURV knap § 18 af 40 sider har knappen ”over folden” i 2014 = fordobling § Anbefaling: 2 Læg i kurv knapper. Én efter produktbilledet og én igen efter produktdetaljer.
- 32. Placering af Læg i kurv knap: § Grøn streg: iPhone 4 § Blå streg: iPhone 5
- 33. INDKØBSKURV § Ofte samme info som på desktop § Produkter § Leverings- og købsbetingelser § Fragtinformation § Kundeservice § Relaterede produkter § Sidst sete produkter
- 34. TUNNEL-DESIGN I PRAKSIS § Fjern menu, søgefelt, huskeliste, kurv m.m. § Tilføj trin-indikator og kundeservice. CHECK-OUT
- 35. TUNNEL-DESIGN § Med tunnel-design § Uden tunnel-design § Ingen data CHECK-OUT 24 af 40 15 af 40 1 af 40 Anbefaling: Skabe et fokuseret tunnel-design så snart kunden forlader kurven og begynder sit check-out.
- 36. Vil du vide mere? § Hent hele rapporten på http://blog.vertica.dk/2014/06/27/ standarder-og-trends-i-mobil-e- handel-2014/#more-2564