Dagleg verkefni í lífi okkar eru að gjörbylta með tækni. Eitt verkefni sem tækni hjálpar til við að einfalda er að versla: Verkefnið að kaupa vörur í verslunum er bara ekki eins þægilegt og innkaup á netinu .

Með það í huga er það að verða sífellt mikilvægara að fylgjast með nothæfi vefsvæða á e-verslun .

Þegar viðskiptavinir vilja kaupa vöru, vilja þeir að ferlið sé fljótlegt og auðvelt, án þess að þræta.

Hér eru 10 ábendingar til að hjálpa þér að búa til nothæf póstkort og innkaupakörfu .

1. Full síða og lítill kerra

Innkaupakörfu koma oft í tvennt formi, fullkomlega hagnýtur körfu sem er að finna á eigin síðu og "lítill" innkaupakörfu, venjulega staðsett í skenkur, eða fyrir ofan blaðsíðuna. Besta æfingin er að innihalda bæði .

Smá innkaupakörfu sýna upplýsingar innan lítilla svæða sem ekki taka frá afganginum af útliti. Hér er frábært dæmi um nothæfan lítill innkaupakörfu.

Þegar vara er valin birtist hluturinn strax í lítill vagn. Eftir að þú hefur haldið áfram að versla, lágmarka upplýsingar og aðeins fjöldi hluta og heildarverðs er sýnt. Einnig er hlekkur frá lítill körfu til að skoða fullt körfu.

laskys


Með fullri síðu körfu er hægt að veita meiri upplýsingar og fleiri valkosti en lítill vagn. Til dæmis geta upplýsingar eins og upplýsingar um vörur, fjarlægja / breyta hlutum, skattaverði og sendingarvalkostum öll verið innifalinn í körfu í fullri síðu. Vöggur bíllinn fyrir neðan sýnir einnig lítill vagn í efra hægra horninu.

action2

2. Checkout: Skref fyrir skref eða eina síðu

Með því að nota aðferð sem er skref fyrir skref gerir útferðarferlið auðvelt fyrir viðskiptavininn að fylgja. Kíktu á Apple.com stöðva síðuna hér að neðan. Kæruferlið er framkvæmt í fjórum mismunandi skrefum: Skráðu þig inn, Innheimtu og sendingar, Greiðsla og að lokum Staðfesta / Breyta.

Þetta er vel skipulagt ferli og þú ættir örugglega að íhuga að nota eitthvað sem líkist þessu þegar þú útskýrir skref fyrir skref.


apple_checkout1

Að auki skref-fyrir-skref ferli, annar valkostur er að innihalda innkaupakörfu, persónulegar upplýsingar og sendingar / innheimtuupplýsingar á einni síðu.

Þetta getur virkað vel ef gert með góðu skipulagi. Eftirfarandi síða notar góða skoðun á einni síðu. Það er borð efst sem inniheldur körfu, með upplýsingaskilmálum fyrir neðan.

realmac_cart1

3. Tengja frá lítill vagn til fullrar vagn með táknmynd

Þegar þú ert að búa til innkaupakörfu eru lúmskur aðgerðir sem hafa áhrif á reynslu viðskiptavinarins. Smellir á lítill kerra ætti að tengjast fullri körfu og táknið ætti að birtast við hliðina á lítilli körfu til að vekja athygli viðskiptavina á lítill körfu og þennan tengil.

Eftirfarandi vefsíða er fullkomið dæmi um þetta. Þessir hnappar eru á erlendu tungumáli, en innkaupakartáknið er auðvelt að viðurkenna af einhverjum.

iluminejp

4. Gakktu úr skugga / bæta við körfuhnappa augljóst

Þegar þú ert að hanna úttekt á e-verslun og innkaupakörfu er mikilvægt að láta í té auðveldlega aðgengilegar tenglar til að leiðbeina viðskiptavininum með því að skrá sig út. Það er best að nota stóra augljósa hnappa . Gakktu úr skugga um að hnappar innihaldi greinilega læsilegan og skiljanlegan texta, svo sem "Bæta í körfu" eða "Halda áfram til kassa".

Hnapparnir hér fyrir neðan eru vel stíll og vel settar beint undir upplýsingar hvers vöru. Ef viðskiptavinurinn getur ekki fundið kassa hnappinn, þá geta þeir ekki keypt vöruna þína!

bohemian

5. Notaðu læsiborð sem byggist á borðinu

Þegar þú ert að hanna fulla innkaupakörfu er alltaf best að nota borð byggð uppbyggingu. Skipulagið ætti að birta upplýsingarnar á skilvirkan hátt án truflana. Notaðu venjulegu leturgerðir og forðast að nota flókna bakgrunn .

Vertu alltaf viss um að nota sterk mörk til að aðskilja frumur, en ekki stilla landamærin. Upplýsingar í töflu í innkaupakörfu skulu vera auðvelt að sjá án truflunar frá öðrum þáttum eða flóknum stílum.

Þetta er mjög hreinn körfu. Borðið er auðvelt að lesa og inniheldur öll nauðsynleg atriði. Meira um vert, athugaðu myndina. Ímynd vörunnar gefur viðskiptavininum góða mynd af því sem þeir kaupa , sem getur hjálpað viðskiptavinum að staðfesta að þeir séu örugglega að kaupa vöruna sem þeir ætluðu.

dbh1


6. "Halda áfram að versla" tengilinn

Einn eiginleiki er "Halda áfram að versla" hlekkur. Þegar smellt er á tengilinn ætti að koma viðskiptavininum aftur í verslunina og verslunina. Þetta er yfirleitt sett undir töflunni í fullum innkaupakörfu þar sem viðskiptavinurinn getur auðveldlega fundið það.

Dæmiið hér að neðan sýnir "Halda áfram að versla" og "Fara í körfu" tengla. Takið eftir því hversu auðvelt það er að finna þetta.

threadless3

7. Forðist of mörg svið

Það er ekkert pirrandi að meðaltali neytandi en að þurfa að fylla út óþarfa magn af inntaksviðum í formi. Þú vilt að útferðarferlið sé eins auðvelt og mögulegt er, því að ef viðskiptavinur finnur það ekki þægilegt, þá mun hann líklegast ekki kaupa af síðunni aftur.

Haltu fjölda innsláttarsvæða í lágmarki , settu inn svipuð innsláttarsvið í hópa og gefðu fyrirsagnir fyrir hverja hluta. Viðeigandi magn af hvítt rými mun einnig hjálpa til við að gera formið líður vel skipulagt.

Eftirfarandi eyðublað er í lágmarki og inniheldur lítið fjölda inntaksviðs.

deckpeck

8. Veita mikið af hjálpargögnum

Það eru margar staðir sem hjálpa þættir að vera með í innkaupakörfunni og körfuferlinu.

Í körfunni eru snöggar ábendingar um hvernig best sé að nota valkosti körfunnar og útskýra viðmiðunarferlið. Merkingar í körfu og á útprentunareyðunni má útskýra með verkfærum .

Á útprentunar síðunni er hægt að innihalda sýnishorn texta um hvað ætti að vera innifalið í hverju innsláttarsvæði auk dæmi um tilteknar innheimtuupplýsingar, svo sem mynd sem sýnir hvar CVD númerið á bakhlið kreditkortar er staðsett.

Í formi hér að neðan eru innsláttarreitir með skýringarmynd og miðill dálkinn inniheldur frekari gagnlegar upplýsingar.


threadless2

9. Gefðu Visual Support

Sjónræn stuðningur getur verið allt frá skýringarmyndum til einfalda táknmynda. Mynd sem sýnir staðsetningu reikningsnúmers á kreditkorti hjálpar viðskiptavinum með því að slá inn innheimtuupplýsingar sínar. Tákn til að styðja texta eru gagnlegar til að auðvelda skönnuninni að skanna í gegnum.

Eftirfarandi mynd sýnir mjög þægilegt smelltu og dragðu körfu . Ímynd körfubúnaðarins segir viðskiptavinum að þeir geti dregið hluti í körfu. Í körfunni er einnig merki yfir það sem segir "Dragðu efni hér."

tauga

10. Alltaf fela í sér staðfestingar síðu

Mikilvægasti þátturinn í öllum útgreiðsluferli er sannarlega staðfest og breytt síðu sem lokaskrefið. Venjulega viðskiptavinir vilja til að staðfesta að þeir kaupa rétt atriði. Sérhver góð kaupferli hefur þennan möguleika sem síðasta tækifæri fyrir viðskiptavininn að endurskoða pöntun sína áður en þeir skuldbinda sig til þess í gegnum greiðsluferlinu.

Á staðfestingarsíðunni ættir þú að innihalda allar upplýsingar um vöruna í töflu, svipað og á síðunni. Viðskiptavinurinn ætti að geta sagt upp pöntun sinni eða getað notað tengilinn "Halda áfram að versla" til að bæta við fleiri hlutum. Gerðu hnappinn til að ljúka ferlið mjög augljóst og útiloka jafnvel hirða rugl.

Sýning á nothæfum kerra og afpöntum

IconDock - Þessi síða hefur mjög nothæf og þægilegan körfu. Allt sem þú þarft að gera er að smella og draga hlut inn í spjaldið. Það reiknar sjálfkrafa heildina og er mjög fljótur að versla.

icondock


MediaTemple - Hér er mjög gott verðlagningartafla sem inniheldur augljósan hnappatakka með góðri staðsetningu.

mt2


Early Learning Center - Þessi síða hefur framúrskarandi fullri körfu, lítill körfu og skref fyrir skref úttektaraðferð sem er sýnd með tímalínu.

earlylearning


Roxy - Þetta er einfalt vagn, og það hefur einnig gagnlegt lítill vagn sem sýnir viðskiptavininum að keyra samtals.

roxy1


Mia & Maggie - Þetta er fallega stíll körfu sem auðvelt er að lesa og inniheldur stóra kassa hnappinn.

miamaggie



Mia & Maggie - Hér er annað dæmi frá Mia & Maggie, þetta er könnunarsíðan. Þessi könnun notar skref fyrir ferli á einum síðu, sem er mjög sniðugt og nothæft skipulag.

miamaggie22



Amazon - Amazon er ennþá vinsælt e-verslunarsvæði sem notar skref fyrir skref.

amazon1


Evel - Þetta er mjög nothæft og fljótlegt stöðva án of mörg inntaksviðs á eyðublaðinu. Athugaðu einnig að innkaupakörfan er staðsett fyrir ofan formið, sem getur verið mjög þægilegt fyrir suma viðskiptavini.

Evel


Hönnun af mönnum - Annað dæmi um fullkomna síðu um eina síðu. Þessi inniheldur samantekt á pöntun, sem getur verið mjög gagnlegt. Það eru fjölmargir hjálparþættir í gegnum formið líka.

dbh2


Bridge55 - A ágætur innkaupakörfu með mynd af vörunni.

bridge55


Cosmic Soda - Góður e-verslun website með bæði lítill kerra og fullri körfu.

cosmic1


Incase - Vel skipulögð könnun með lágmarks fjölda sviða.

incase


Shoon - Frábær lítill kerra sem sýnir sprettiglugga sem inniheldur viðbótarupplýsingar þegar smellt er á "Setja í körfu" hnappinn.

shoon


Wunderbloc - Ljósakassi .

wunderbloc


Bored of Southsea - Gott lítill kerra og skipulagður fullur körfubolti.

leiðist


Subnormals - Notkun lítill og fullur körfu og skref-fyrir-skref körfuboltaferli.

undirtegundir


AlphaStore - Tafla uppbygging og lítill vagn með þekkta innkaupakörfuáskrift.

alphastore


Mig og Mamma-til-vera - A fallega stíll körfu sem er ekki yfir toppinn með skraut.

mamma


Skrifað eingöngu fyrir WDD eftir Matt Cronin frá Spoonfed Hönnun .

Hvaða ábendingar eru mikilvægustu við hönnun á innkaupakörfu á netinu? Vinsamlegast deildu athugasemdum þínum með okkur.