10 tõeliselt toimivat veebidisaini nippi saidi konversioonimäära suurendamiseks

Nutikad turundajad teavad, et veebidisain võib konversioonimäära suurendada või vähendada.

Kuigi on tõsi, et SEO ja sotsiaalmeediaturundus on konversioonide jaoks üliolulised, võib suurepärane disain muuta kõike.

Kõik digitaalse turunduse komponendid on olulised. Veebidisain võib aga konversioonimäärasid muuta või murda. Stanfordi ülikooli uuringus väitis 46,1 protsenti inimestest, et nende peamine näitaja ettevõtte usaldusväärsuse eristamisel on veebidisain. Seda silmas pidades on teie veebisaidi kujundus ülioluline ja see peab välja nägema professionaalne.

Esteetiliselt meeldiv

Konversioonides võib rolli mängida ka teie saidi esteetika. Adobe uuringu kohaselt tarbiks kaks kolmandikku inimestest sisu ja jääks sinna, kui sait on kauni kujundusega. Sellegipoolest peab teie sait atraktiivne välja nägema, kui soovite, et külastajad teie postitusi loeksid.

Sel juhul ei saa te veebidisaini tähelepanuta jätta. Saate palgata vabakutselise või disaineri, et tagada teie saidi esteetiline välimus.

Siin on mõned veebidisaini nipid, mis võivad konversioonide arvu jätkusuutlikult suurendada.

1 Vaadake Hicki seadust

Seadus ütleb, et optsioonide arvu suurendamisega pikeneb see ka üksikisiku otsuse tegemiseks kuluv aeg. Sellele seadusele viidatakse sageli veebikujunduses. Selles uuringus leidsid teadlased, et rohkem ei ole alati parem, sest laud, kus kuvatakse vähem moosisorte, meelitas rohkem inimesi kui 24 tüüpi moosiga laud. Inimesed tegid tõenäoliselt ostu, kui näevad väikest ekraani.

Seaduse kohaldamiseks veebidisainis peate piirama külastajate jaoks pakutavate valikute arvu. Hinnake oma veebisaidil navigeerimisriba sisu. See on parim koht, kuhu minna, et leida, millest saate vabaneda, et valikute arvu vähendada. Mida rohkem linke saavad teie külastajad valida, seda rohkem kaotavad teie kasutajad teie veebisaidi vastu huvi.

Lisaks navigeerimisribale peaksite uurima ka teisi veebisaidi elemente, mille üle külastajad teie saidil viibides peavad otsustama. Nende hulka kuulub otsustamine, kas lubada lugejatel lehte rohkem alla kerida või kasutada navigeerimisriba; kui otsustate oma e-raamatu alla laadida või oma postitust sotsiaalmeedias jagada või lugeda tootearvustust või sirvida rohkem tooteid.

Kuna teie veebisaidil võib olla erinevaid kohti, kus saate valikute arvu vähendada, võiksite oma kodulehele paigaldada tervitusvärava. Siin näevad teie külastajad tervitussõnumit, mis katab kogu ekraani ja millel on üks üleskutse tegevusele. Seda silmas pidades on külastajatel teie saiti külastades ainult üks valik. Kui nad soovivad näha rohkem valikuid, saavad nad allapoole kerida, vähendades sellega teie avalehel segavaid tegureid.

Selle seaduse kohaldamisel on aga ülioluline arvestada tegevustega, mis on teie tulu jaoks üliolulised. Pidage meeles, et teie saidi iga leht peab saavutama ühe peamise eesmärgi. Mida vähem on külastajatel valikuvõimalusi, seda lihtsam on neil teie veebisaiti kasutada, mis võib suurendada teie saidi konversioonimäära.

2 Kiirendage oma veebisaiti

Teie külastajad on veebis surfates kannatamatud. Teine viivitus võib põhjustada konversioonide vähenemise 7 protsenti. Lehe kiiruse kontrollimiseks ja selle probleemide kohta lisateabe saamiseks on mitu tööriista. Võite kasutada muu hulgas Google’i PageSpeed ​​Insights, SEO Chati ja Pingdomi Page Load Speed ​​Analyzerit.

Pidage meeles, et teil on lugeja tähelepanu köitmiseks aega kaheksa sekundit. Sel juhul on teil pärast veebisaidile jõudmist mõni minut aega külastajate meelitamiseks. Kui teie veebisaidi laadimine on aeglane, lahkuvad nad ega tule enam kunagi tagasi.

Lisaks veebisaidi kiirendamisele peaksite kaaluma lühikese pealkirja ja pilkupüüdva pildi loomist, mis edastaks teie lehe eesmärgi või tõmbaks külastajate pilgud peamisele kutsele tegevusele. Veenduge, et teie registreerumisnupud oleksid suured ja lihtsad. Ja veenduge, et teie koopia oleks köitev.

3 Järgige seda fotograafia põhimõtet

Kolmandiku reegel on fotograafia põhimõte, mida veebidisainerid saavad rakendada. Selles reeglis peate oma veebilehe jagama kolmandikuks, nii et see annab teile üheksa võrdse suurusega ruutu. Neli keskmist ruutu on huvipakkuvad kohad. Kõik objektid, mille nendesse kohtadesse paigutate, võivad teie veebisaiti tohutult mõjutada, suurendades seeläbi konversioone.

Nendesse piirkondadesse võite asetada oma kõige olulisema kutse tegevusele nupu. Kuid ärge asetage oma navigeerimisriba nendesse kohtadesse. Sel viisil keskenduvad teie külastajad teie veebilehe peamisele kutsele tegevusele.

Kogu veebisaiti pole vaja ümber kujundada. Selle asemel saate oma saidi kõige olulisemate osade paigutamiseks kasutada kolmandiku reeglit. Esiteks peate oma saidist lehe ülaosas tegema ekraanipildi. Seejärel jagage see üheksaks võrdseks osaks. Sealt saate otsustada, kas soovite oma veebisaiti muuta või mitte.

Nendesse piirkondadesse võite paigutada oma video-, heli- ja muu interaktiivse sisu. Kaaluge tegevusele kutsuvatele nuppudele hõljutusefektide kasutamist. Nii meelitatakse teie külastajaid rohkem klõpsama. Seejärel lisage mõned animeeritud väljumisaknad. Need on olulised külastajate huvi kaotamisel uuesti kaasamiseks.

4 Kasutage negatiivset ruumi

Negatiivne ruum on veebidisaini tühimik. See ruum on positiivne, kuna see muudab teie saidi loetavamaks ja kasutatavamaks. See ruum ei ole ainult teie lehel olevate elementide vaheline ruum. Pigem viitab see ka ruumile teie lehe väikeste elementide vahel, näiteks lõikude või tekstiridade vahelisele alale.

Peate pöörama tähelepanu oma saidil olevatele negatiivsetele tühikutele, kuna need muudavad teie saidi silmale lihtsaks ja suurendavad konversiooni. Sõltuvalt teie veebikujundusest võite oma kodulehel kasutada palju negatiivset ruumi. Nii keskenduvad teie külastajad peamisele kutsele tegevusele.

Piisava negatiivse ruumi saamiseks võite kasutada väiksemat fonti, et tähtede vahele jääks rohkem ruumi. Seejärel peaks joone kõrgus olema 1,5. Kui valite väiksema fondi, peaks teil olema rohkem reakõrgusi.

Seejärel jagage need suured tekstiplokid väiksemateks lõikudeks, et suurendada lõikude vahele negatiivset ruumi, muutes postitused seeläbi loetavamaks. Ärge unustage kasutada veerisid ja polsterdust, et lisada saidi suurte elementide vahele tühiku.

5 Vabanege liuguritest või karussellidest

Miks? Need võivad teie konversioonimäärasid ainult kahjustada. Varem olid need põnevad. Kuid nüüd saavad neist lemmikloomakivid. Lisaks aeglustavad liugurid teie saiti kasutatud suurte piltide tõttu. Need segavad ka tähelepanu, kuna ei lase külastajatel teie sisu tarbida.

Need elemendid tekitavad segadust selle tõttu, kuidas inimsilmad keskkonnale reageerivad. Inimese aju on loodud tuvastama liikumist staatilisel maastikul. Omal ajal oli abi mammutite jälgimisest üle tundra. Kuid see vastus paneb inimesed pöörama rohkem tähelepanu liugurite liikumisele ja ignoreerima konversioonipunkte, millele soovite keskenduda.

Lisaks pole liuguritel mõtet, kui külastajad navigeerivad saidil mobiilseadme kaudu. Ja seetõttu on inimestel lihtsam kerida kui pühkida. Pidage meeles, et mida lihtsam on külastajatel teie saidil mobiilseadme abil navigeerida, saate kõrgema konversioonimäära.

Liugurid põhjustavad teie saidile ka liiga palju H1-silte. Võite arvata, et need sobivad teie saidile suurepäraselt, kuid veebiindeksoijad põlgavad neid. Selle põhjuseks on asjaolu, et need ajavad segamini teie veebisaidi teabe hierarhia. Kuna veebiindeksoijad vihkavad neid, võivad nad teie lehe asetust oluliselt mõjutada. Seetõttu vältige neid nii palju kui võimalik.

Liugurite kasutamise asemel valige jõulise pealkirjaga staatiline pilt.

6 Mõelge F-mustrile

Erinevates uuringutes leidsid teadlased, et enamik kasutajaid sirvib veebi, et lugeda F-mustriga postitust. See tähendab, et nad vaatavad ekraani ülaosas vasakult paremale. Pärast seda skannivad nad lehe alla ja teevad sisust mõned lugemised. Harva jõuavad need lehe paremasse alaossa.

Kuidas saate F-mustrit konversioonide suurendamiseks kasutada? Asetage need kriitilised üleskutsed tegevusele ja objektid mööda F-kujulisi jooni. Seejärel sisestage kehva nähtavusega piirkondadesse vähem tähtsad objektid.

Kuna lehe vasak pool on koht, kuhu teie külastajad esimesena vaatavad, kaaluge esmase kutse tegevusele paigutamist sellesse piirkonda. Seejärel asetage pealkirjad lehe vasakusse serva alla. Nüüd saate oma sponsitud reklaamid panna oma lehe paremas osas külgribale. Kõik, mis ei pea olema nähtav, kuid mis on veebiroomajate jaoks hädavajalik, tuleks paigutada lehe alumisse parempoolsesse ossa.

7 Valige õiged värvid

Kuna värvid võivad tekitada emotsioone, peate valima värvikombinatsiooni, mis annab edasi teie brändi isikupära ja sunnib inimesi tegutsema. Pidage meeles, et inimesed teevad oma ostuotsuse emotsionaalsest kohast. Sellegipoolest mängib teie veebisaidi jaoks valitud värvikombinatsioon konversioonimäärade optimeerimisel olulist rolli.

Üks soovitus on kureerida Pinteresti tahvel, millel on mõned fotod, mis kajastavad teie brändi visiooni. Kasutage Adobe’i värviratast, et luua nende fotode värvide põhjal värviskeem. Kuid saate säutsuda üksikuid värve, liigutades valikuid ringi.

Pärast värviskeemi loomist kasutage kindlasti kontrasti, kuna see võib ka teie konversioone teha või katkestada. Kontrastsust saab kasutada pealkirjade, teksti ja tegevusele kutsuvate nuppude loetavamaks ja märgatavamaks muutmiseks. Esikülje ja nuppude värvid peavad olema kontrastsed taustale ja muudele elementidele, mida soovite esile tõsta, näiteks tellimisnupud. Need peavad olema sellises toonis, mis eristub ülejäänud lehelt tõeliselt.

Hubspoti testis leiti, et punased nupud on paremad kui rohelised. Seejärel veenduge enne punaste nuppude kasutamist, et punane ei oleks teie lehel domineeriv värv. Vastasel juhul ei tekita see rohkem kontrasti.

Nagu varem mainitud, võite kasutada värviratast täiendava värvi valimiseks, mis on teie domineeriva värvi täielik vastand.

Enne õige värvikombinatsiooni valimist tuleb aga mõista, et inimesed vaatavad värve erinevalt. Värvid sõltuvad alati sellest, kuidas need teie kaubamärgiga kokku sobivad. Seetõttu peate valima värvi, mis sobib teie brändi isiksusega, kuna see mõjutab teie külastajate ostuotsuseid.

Näiteks kui teie bränd on karm või mehelik, ei tohi te valida roosat tegevusele kutsuvat nuppu. Selle asemel valige suur oranž nupp.

See, kuidas värvid konversioone mõjutavad, sõltub kontekstist. Näiteks kuna sinine on hüperlinkide veebikujunduses sageli kasutatav värv, seostavad inimesed neid alati hüperlinkidega. Seega teavad nad, et kui tekst on sinine, saavad nad sellel klõpsata.

See kehtib ka CTA nuppude kohta. Sinist pole vaja valida. Kuid pidage meeles, et ükskõik millise värvi valite nupu jaoks, seostatakse see toiminguga. Kasutage seda värvi järjekindlalt kõigi saidi CTA-de jaoks. Kuid vältige samade värvide kasutamist üksuste jaoks, mida ei saa klõpsata. Samuti ärge kasutage samal lehel erinevaid CTA värve.

8 Hoidke see lihtsana

Veebidisainis võidab alati ilmselge. Seetõttu parandab tasane minimalistlik disain konversioonimäärasid. Selle põhjuseks on see, et see keskendub kõige olulisematele elementidele. Puhas kujundus tõuseb teiste dramaatiliste visuaalsete efektide ees. Keskendudes põhielementidele ja nendest kaunistustest vabanemiseks võib see lähenemine olla abiks organiseeritud paigutuse loomisel, mis võib kindlasti konversioonimäärasid optimeerida.

Lisaks võimaldab minimalistlik kujundus omada teie veebisaidil rohkem ruumi asjakohaste CTA-de jaoks, vältides seeläbi lehel ebaoluliste elementide olemasolu.

Kuigi minimalistlik disain on suurepärane, ei tasu sellega üle pingutada, sest inimeste huvi kaob. Näiteks CTA nuppude puhul on inimesed harjunud nägema sügavuse või mõõtmetega nuppe. Need omadused on interaktsiooni näitajad.

Kui teil on aga lame nupp, võivad külastajad seda teie lehte sirvides kergesti kahe silma vahele jätta. Sel põhjusel kasutage kindlasti kontrastset nupuvärvi. Ja valige asukoht, mis muudab nupud nähtavaks.

Seega peate iga kord lehe loomisel endalt küsima, kas on võimalik saada lihtsamat versiooni. Kui see on lihtne, võite oodata paremaid konversioone ja esteetiliselt meeldivamat disaini.

Lihtne disain sobib inimestele, kes saavad korraga käsitseda vähem teavet. Kui teie külastajad näevad ühel lehel palju asju, lähevad nad üle ja lahkuvad. Kui pakute oma veebisaidil kasutajale suurepärast kasutuskogemust, eemaldage kindlasti need elemendid, mis pole olulised.

9 Järgige Gestalti sarnasuse põhimõtet

See on disainipõhimõte, mis käsitleb sarnasuse seadust. Siin näeb seadus ette, et inimese ajule meeldib samu objekte rühmitada. See mehhanism võimaldab inimestel mõista asju ja aidata neil korraldada mürarikast keskkonda.

Kui järgite seda põhimõtet, peate rühmitama sarnased üksused või elemendid, mida saab üksteisega seostada. Nende hulka kuuluvad teisendusnupud, pildid ja iseloomustuse kastid.

Näiteks saate konversioonide suurendamiseks oma lubamisvormi kohta suurepärase iseloomustuse. Kuigi iseloomustused pole mõeldud pliimagneti jaoks, saavad külastajad neid seostada, kuna need on endiselt lähedal.

10 Lisage nägusid

Kui inimesed näevad teise inimese nägu, hakkavad nad sellele inimesele kaasa tundma. Seetõttu võivad teie külastajad probleemist aru saada või tunda sellega seost. Sel põhjusel soovitavad eksperdid muu hulgas artiklitesse, valikulehtedesse ja juhtumiuuringutesse lisada inimnägusid.

Kui teil on oma brändi toetaja või kui olete oma brändi nägu, peate tegema fotosessiooni. Paluge fotograafil teha horisontaalseid võtteid, mille ühel küljel on palju negatiivset ruumi, kuhu saate paigutada CTA või teksti.

Kinnisvaraveebi jaoks on kinnisvarafoto üheks saladuseks lisada inimese nägu, mitte ainult maja või kinnisvaraosa kujutis. Võite palgata modelle või lihtsalt kasutada fotosid. Siiski veenduge, et valitud nägu esindaks teie kaubamärki täpselt. Kui kasutate nägusid, mis peegeldavad teie sihtdemograafilist teavet, võib see aidata teie saidi konversioonimäära märkimisväärselt tõsta.