Ennek az összeállításnak a létrehozásakor látni szerettük volna, az online kiskereskedők hogyan közelítették meg a bevásárlókosár oldal elrendezésének kérdését. Ezek az oldalak elég neccesek a vásárlási folyamat szempontjából, sajnos gyakran olyan érzetet keltenek, mintha csak átgondolatlanul össze lennének dobva. Igen, a bevásárlókosár oldalát nagyon nehéz megtervezni.
Ideális esetben a termék összefoglalása, promóciós mező, több fizetési lehetőség, szállítási mód, végső árképzés, adatvédelmi és visszatérési politika, kiegészítő termékek, folytatódjon a vásárlás, és több fontos dolgot is magába foglal.
A bevásárlókosarat alaposan meg kell fontolni a tervezési folyamat során, mert a munkád sikere közvetlenül függ attól, hogy hogyan sikerül végigvezetni az ügyfeleket a fizetési szakaszon.
A bevásárlókosár oldalának fő célja, hogy az ügyfelet a pénztárhoz vezesse, de hogyan lehet ezt hatékonyabban csinálni?
Mielőtt belevágnánk, szeretném a figyelmedbe ajánlani ezt a cikket angol nyelven is. Ehhez csak kattints a linkre: 42 Best Shopping Cart Page Design Templates
Ez a cikk először 2011-ben jelent meg, amikor 42 jól ismert online áruházat választottunk ki, hogy elemezzük és bemutassuk statisztikáikat a kosárhasználatukról. De az idők változnak, és a bevásárlókosarak dizájnja is megváltozott. Ezért úgy döntöttünk, hogy ismét meglátogatjuk ugyanazokat az online áruházakat, hogy ellenőrizzük a bevásárlókosaraik oldalai milyen változásokon mentek át az elmúlt 4 évben. Meglepő módon a legtöbb oldal egyszerűbbé és minimalistábbá vált. Még a legnagyobb e-kereskedelmi üzletek gombjain sem fogsz látni nyilakat és további ikonokat, és a lakonikus „Vásárlás” -t most már gyakrabban használják. A mai példák azt mutatják, hogy az online kiskereskedők többnyire:
- a kifizetés gombot színekkel emelik ki (26-szor);
- néha beágyaznak vizuálisan kiegészítő nyilakat (4-szer);
- bevásárlókosár ikonokat adnak hozzá (1 alkalommal) a szöveges felhíváshoz.
Továbbá a kifizetés gombok feliratai eltérőek lehetnek:
- az esetek többségében „fizetés” szót (24-szer) látunk;
- más népszerű szavak a "tovább a fizetéshez" (10 alkalommal);
- „tovább a vásárláshoz” (2-szer);
- „tovább a rendeléshez” (1-szer);
- "irány a kifizetés" (1 alkalommal);
- „Folytatás” (2-szer);
- „kifizetés most” (2-szer);
- „Fizetés megkezdése” (1 alkalommal).
A biztonsági pecsétek különösen népszerűvé váltak, mivel növelik az üzlet bizalmát és hitelességét az ügyfelek 50%-nál. A Baymard által végzett vizsgálatban a legmegbízhatóbb Norton 35,6% -kal, a McAffee pedig a második helyezett, 22,9% -kal. Mégis, a listánkból csak 12 üzlet használ ilyen pecséteket.
Amikor a felhasználók úgy döntenek, hogy fizetnek, látniuk kell végleges megrendelési listájukat, valamint a fizetési lehetőségeket. Előfordulhat, hogy a listában szereplő összes bevásárlókosár oldal nem tartalmazza a fizetési lehetőség melletti hitelkártya logóit; ez a szempont azonban nagyon kényelmes lehet. Plusz, fontold meg - a jó bevásárlókosárnak biztonságos pecséteket kell tartalmaznia a biztonságos tranzakciók és a jó biztonsági előírások érdekében.
Mindezeket a szempontokat figyelembe kell venni az ügyfél szempontjából, ezért fontos, hogy a bevásárlókosarat magas szintre fejlesszük. Most kaphatsz néhány hasznos ötletet, hogy megfigyelhessük, hogyan hozhatók létre más bevásárló kosarak. Egy kicsit megpróbálunk neked segíteni, összegyűjtöttünk 40 példát, amelyek hatékony bevásárlókosár-modelleket képviselnek. Nem kétséges, hogy kellemes vásárlási élményt nyújtanak az ügyfeleknek.
1. Yoox.com
2. AE.com
3. Store.Nike.com
4. FaucetFace.com
5. DeathWishCoffee.com
6. Store.Apple.com
7. Gucci.com
8. Skinny-Teatox.com
9. SurfDome.com
10. RalphLauren.com
11. MarcJacobs.com
12. Shop.AcneStudios.com
13. Shop.Guess.com
14. JuicyCouture.com
15. Shop.Puma.com
16. TopShop.com
17. NoonCopenhagen.com
18. FlatSpot.com
19. UO.com.au
20. US.Burberry.com
21. Store.DolceGabbana.com
22. Triangl.com
23. NeedaBump.com
24. ShopAdidas.com
25. Crocs.com
26. Case-Mate.com
27. JCrew.com
28. CardinalCase.com
29. Zappos.com
30. Shop.Mango.com
31. NeimanMarcus.com
32. Fossil.com
33. Tiffany.com
34. US.Faconnable-Store.com
35. Store-US.HugoBoss.com
36. USA.Tommy.com
37. ShopBop.com
38. FredPerry.com
39. CharlotteRusse.com
40. ShopAdam.com
41. BobbiBrownCosmetics.com
42. TheGreetingFarm.com
A bevásárlókosár minden aspektusa fontos. Íme egy ellenőrzőlista, amely a rendelkezésedre áll ahhoz, hogy összehasonlítsd és megnézd, hogy a kosarad megfelelő-e.
1. A termék összefoglalása - a termék képe, neve, további leírása (méret, szín stb.), termék mennyisége, ára, a termék eltávolítása a bevásárlókosárból vagy a jellemzők, például a méret módosítása szín/ár alapján, stb.
2. Szállítási módok - ezeket belefoglaltad, megemlítve a különbségeket a fizetési opciók között, árak megjelölésével?
3. Promóciós kód mező - ha engedélyezed a promóciós kódok használatát, győződj meg róla, hogy van hozzá egy szakasz a bevásárlókosár oldalán. A promóciós kód csökkenti az árat - ami pozitívan befolyásolja az ügyfél vásárlási döntését.
4. Végső árképzés - legyen-e vagy sem, tartalmazza-e az összes termék árát a kosárban + szállítást? Az ügyfeleknek meg kell látniuk a megrendelésért fizetendő teljes összeget, hogy elkerüljék a kellemetlen meglepetéseket a fizetési folyamat során, ami értékesítési kárt okozhat.
5. Többféle fizetési lehetőség - ha elfogadod a különböző fizetési lehetőségeket, akkor mindenkit be kell venned, de nem terhelheted meg az ügyfelet 10 fizetési rendszerrel. Ideális esetben két fizetési lehetőséget kínálhatsz, amelyek a legnépszerűbbek az ügyfelek körében. Fontold meg a fizetési lehetőségek melletti ikonok hozzáadását (PayPal ikon, hitelkártya ikonok). Így az ügyfelek biztosak lehetnek abban, hogy megbízható üzletet vezetsz, és maguk is képesek a kifizetésekre.
6. Biztonsági pecsétek - ha a VeriSign pecsét vagy a McAfee Secure Seal van a birtokodban, be kell helyezned a kosár oldalába. Ez egy extra jele annak, hogy az ügyfelek bízhatnak benned.
7. Adatvédelem és visszaküldési politika - ne feledd, hogy az oldalakra mutató linkeket is tartalmazza. Ugyancsak előnyös, ha azok felugró ablakként nyílnak meg (nem új lapoldalakként), így az ügyfél nem hagyja el az oldalt.
8. Kiegészítő termékek - kínálj kiegészítő termékeket, az átlagos eladás vagy „tranzakciós érték” növelése érdekében. Emlékezzünk azonban arra, hogy az eredmény maximalizálása érdekében a termékeknek valóban kiegészítőnek kell lenniük, nem pedig olyanoknak, amelyek az áruházban eladatlanok maradnak. Jó módszer, ha kedvezményt adsz a kiegészítő termékekre, és még egy fontos dolog - a kiegészítő termékek ára legyen kevesebb, mint a fő termékár 50% -a. Így az ügyfelek kényelmesen érezhetik magukat, hisz némi extra költség fejében javíthatják a fő termékkel kapcsolatos tapasztalataikat.
9. Vásárlás folytatása - ez egy nagyon fontos link, mivel lehetőséget ad arra, hogy az ügyfelek több termékkel töltsék meg bevásárlókosarukat.
10. Tovább a fizetési linkre - ez a legfontosabb gomb a bevásárlókosár oldalán. A te feladatod, hogy felhívd rá a figyelmet - hogyan? Színekkel kiemelheted a gombot, hogy az az oldalon szembetűnőbb és nagyobb legyen. Mi van a felirattal - unalmas "kifizetés"? A cselekvésre való felhívások, például az egyszerű "vásárlás most" vagy "vásárlás", sokkal jobb. Ne feledd, hogy a „biztonságos fizetés” gomb felirat segítségével növelheted a bizalmat az e-kereskedelmi webhelyed iránt (ez különösen fontos, ha nem használsz biztonsági pecséteket).
Kísérletezni kell, ha meg szeretnénk találni a dizájn, szöveges töltelék és kiegészítő termékek tökéletes kombinációját. Használj különböző feliratokat, színeket, gombokat, kiegészítő termékek elhelyezését stb. Egy jó útmutató lehet a munkád értékeléséhez a Google Webhely-optimalizálója, amiről korábban írtunk.