7 näpunäidet parema väljamakse lehe kujundamiseks
Kuna pühade aeg on nurga taga, teevad paljud meist veebis sisseoste. (OK ... võib-olla palju ostlemist!) Veebisaidi kassas olev leht võib selle kogemuse meelde jätta või mõne, mida soovite unustada.
Kui kavandate kassaseisu, on kaalutlusi nii palju - funktsionaalsus, kasutatavus, turvalisus ja kujundus. Viimane element on asi, millele iga disainer võib mõju avaldada. Kassa leht ei tohiks olla järelmõte; see on vaieldamatult kõige olulisem leht veebiostude kogemuses.
Muutke see visuaalseks
See võib tunduda ilmselge idee, kuid e-kaubanduse lehe kassa leht peab olema visuaalne. Liiga palju veebisaite muudab selle põhivormiks.
See on oluline mitmel põhjusel. Visuaalne seos kassaliinide ja ülejäänud saidi vahel loob kaubamärgi usaldusväärsuse. Kui kassas leht näeb välja nagu ülejäänud sait, tunneb see end turvaliselt ja meeldib saitile. Visuaalid logost kuni ostukorvis olevate kaupadeni aitavad kasutajatel meelde jätta, miks ja kus nad veebis asuvad. (Pidage meeles, et suur osa maailmast on üsna segane Interneti-kasutajate rühm.)
Milliseid visuaale peaksite siis kasutama?
- Pildid. Iga esemega peaks vähemalt kaasas olema ikoon, mis näitab, mida kasutaja ostab.
- Logod. Ettevõtte logo peaks alati olema selgelt nähtav (ja ülejäänud saidile naasmiseks klõpsatav).
- Suured nupud. Helistage suurtele, värvikirevatele ja visuaalselt atraktiivsetele tegevustele nagu „Lisa ostukorvi”, „Värskenda üksust” ja „Osta kohe”. Nuppe peaks olema lihtne leida ja see peaks panema neid klõpsama.
- Värv. Liiga palju kassetilehti on kõik valged koos kontuuridega. Värvi kasutamine on OK. Säilitage kassas lehel ülejäänud veebisaidi värviskeem.
- Tüpograafia. Tekst peaks olema lihtne ja hõlpsasti loetav. (Inimesed kipuvad „usaldama” lihtsaid serife või sans serif-kirjatüüpe rohkem kui skripti või uudsusfonti.) Kuid suuremate tekstielementidega saate ka lõbutseda.
Lisage makselood ja turvapitserid
Kaasa visuaalid, mis muudavad kasutajad teiega hea meelega ostlemiseks hea meelega. Ehkki enamik inimesi mõistab, et nad saavad veebis krediitkaardiga maksta, tugevdab seda ideed maksete nuppude kõrval olevate väikeste logode olemasolu.
See on väike, kuid samas rahustav visuaalne näpunäide kasutajatele. See võib aidata vältida segadust aktsepteeritavate makseviiside osas.
Ärge unustage lisada kõigi maksetüüpide logosid. (Liiga paljud saidid mäletavad krediitkaardilogosid, kuid unustavad PayPali või Apple Pay.) Hoidke pildid väikesed ja rühmitage need organiseeritud viisil. (Disainerite õnneks enamus neist elementidest toimib hästi väikestes vormingutes ja sarnaste kuvasuhetega.)
Kaaluge selle jaoks spetsiaalse logi kasutajaliidese komplekti kavandamist või allalaadimist. Te ei piirdu ainult ettevõtte aktsialogodega. Lihtsalt ärge muutuge kujundusega liiga metsikuks; eesmärk on, et kasutajad tunneksid logod ekraanil ära väga väikeste mõõtmetega.
Kaaluge piltide suurendamist
Kassa lehed, mis võimaldavad kasutajatel korvi kuuluvaid esemeid viimast korda vaadata, on suurepärane boonus. Hõljutatud efektid, mis suurendavad ostukorvi kõiki elemente või hüpikakent, võivad kasutajatel hõlpsasti viimati potentsiaalseid oste näha ja välistavad pettumuse, kui peate uuesti värvi või suuruse kontrollimiseks navigeerima.
Teine võimalus on luua kassas olevate üksuste jaoks liiga suured pisipildid. See täiendav pilt aitab kasutajal kinnitada, et ta on oma ostuvaliku ja suhtub ostu veelgi paremini.
Liiga paljud disainerid jätavad pilte üldse võtmata, hõlbustades ostukorvist loobumist. Mõelge sellele nii, et pildi omamine kassas on samaväärne füüsilises kaupluses reas seismisega, kus on käes toode. Praegu ei muuda paljud meelt.
Kasutage tabeleid
Kärus sisalduv teave tuleb korrastada täiuslikkuseni. Lihtsaim viis selle saavutamiseks on kujundada ostukorv tabeli või muu sarnase ruudustusel põhineva vormingus.
Veergude ja ridade abil saate kuvada iga üksuse, pildi, kirjelduse, koguse, hinna ja muu asjakohase teabe. Üksused peaksid sorteeruma vertikaalselt veergudes koos muu teabega vastavas reas. See sortimisstiil on hädavajalik mitme esemega kärude korral, nii et kasutajaid ei sunnita üles ja alla liikuma üle ekraanide (mis on mugavam).
Kasutage igas tabelis või ruudus järjepidevat joondamist. Vasak on kõige tavalisem. Mõelge ka hindade joondamise viisile, nii et neid oleks ekraanil hõlpsasti näha. Ideaalis peaksid hinnad olema joondatud nii, et numbrid enne ja pärast perioodi oleksid iga üksuse kohta samades kohtades.
Mõelge funktsionaalsusele
Ehkki suurem osa kassasse kuuluva lehe kujunduse üldisest funktsionaalsusest ei pruugi olla kujundaja direktiiv, on see asi, millega tuleb arvestada. (See, kas disainerid või arendajad neid kontseptsioone loovad, võib meeskonniti erineda.)
Peamised funktsionaalsusega seotud probleemid, mis vajavad kujunduselemente, hõlmavad järgmist:
- Mitmelt ekraanilt printimise võimalus ja lihtsus, sealhulgas enne ja pärast väljamakseid.
- Kaasake sooviloenduse funktsioon või mõni muu meetod, et esemeid hiljem ostmiseks salvestada. Muutke see teave jagatavaks.
- Liiga palju kassetilehti muutuvad tumedateks aukudeks, ilma linkideta muude ostuelamuste osadele. Ärge lukustage kasutajaid lehtedele, millest nad ei pääse.
- Luba üksuste muutmist ostukorvis.
- Kaaluge prinditavat arveldusvalikut või lehte. (See on eriti oluline, kui teie klientide hulka kuuluvad ka ärikliendid.)
- Aidake kasutajatel tellimuste muutmist, muutmist või värskendamist mõista. Paljud kassas olevad lehed sisaldavad iga kauba kõrval koguse loendurit. Muutke see number hõlpsalt redigeeritavaks (ja see peaks automaatselt värskendama).
- Pärast väljamakse tegemist on konto loomine hõlpsaks tehtud. Kõik kliendid pole teiega varem sisseoste teinud. Ostu sooritamiseks ja seejärel kontole registreerumiseks peaks olema kiire ja lihtne. Kõigepealt varjake müüki.
Võtmeikoonid peaksid ilmuma igal lehel
Kui mõelda kasseti lehe kujundusele, algab minut, mil veebisaidi kontseptsioon sisaldab e-kaubanduse võimalust. Teatud kujunduselemente tuleb kanda kogu veebisaidil.
Ostukorvi lisamine ja kassas lehe ikoonid peaksid olema kogu kujunduse ulatuses. Nuppude või navigatsioonielementide kujundus peaks olema sama (või üsna sarnane) nagu kassas vastavate toimingunuppude.
Pidage meeles mobiilikasutajaid
Kasvav protsent müügist toimub pigem mobiilseadmetes kui lauaarvutites. Mõelge oma kassaselehe kujundusele ja kasutusmugavusele ka nende klientide jaoks. (Miski pole masendavam - ja liiga tavaline - kui veebisait, mis töötab telefonis kuni kassani välja.)
Kujunduselemente silmas pidades kraani ja pühkimist. Nupud peaksid olema suuremad ja hõlpsamini nähtavad. Vorm peaks sisaldama sügavamaid kaste, nii et neid oleks lihtne kasutada ilma ekraani suumimata.
Mobiilikasutajate puhul on sama oluline hoida kõike ühel lehel. Looge kassast leht, mis kerib, mitte ei sirvi mitmel ekraanil.
Järeldus
Kassa lehe kujundamine võib olla iga kujundaja jaoks suur ülesanne. Võtmeks on asi, millest räägime sageli disainikogukonnas: hoidke seda lihtsana. Kujundage lihtne ja minimaalsete efektidega kontuur, keskendudes kasutatavusele ning tõenäolisem on edu saavutamine.
Pidage kasutajat meeles, kui mõtlete kassast lehtede peale. Püüdke kujundada leht, millel oleks visuaalne atraktiivsus, kasutajate juhendamiseks ja teavitamiseks mõeldud logod, palju pilte, organiseeritud paigutus, funktsioon, ikoonid müügi juhtimiseks ja edendamiseks ning mobiilisõbralik liides.
Stock Photos Loovturu viisakalt.
