\n Nutikad turundajad teavad, et veebidisain v\u00f5ib konversioonim\u00e4\u00e4ra suurendada v\u00f5i v\u00e4hendada.\n<\/p>\n
\n Kuigi on t\u00f5si, et SEO ja sotsiaalmeediaturundus on konversioonide jaoks \u00fcliolulised, v\u00f5ib suurep\u00e4rane disain muuta k\u00f5ike.\n<\/p>\n
\n K\u00f5ik digitaalse turunduse komponendid on olulised. Veebidisain v\u00f5ib aga konversioonim\u00e4\u00e4rasid muuta v\u00f5i murda. Stanfordi \u00fclikooli uuringus v\u00e4itis 46,1 protsenti inimestest, et nende peamine n\u00e4itaja ettev\u00f5tte usaldusv\u00e4\u00e4rsuse eristamisel on veebidisain. Seda silmas pidades on teie veebisaidi kujundus \u00fclioluline ja see peab v\u00e4lja n\u00e4gema professionaalne.\n<\/p>\n
\n Konversioonides v\u00f5ib rolli m\u00e4ngida ka teie saidi esteetika. Adobe uuringu kohaselt tarbiks kaks kolmandikku inimestest sisu ja j\u00e4\u00e4ks sinna, kui sait on kauni kujundusega. Sellegipoolest peab teie sait atraktiivne v\u00e4lja n\u00e4gema, kui soovite, et k\u00fclastajad teie postitusi loeksid.\n<\/p>\n
\n Sel juhul ei saa te veebidisaini t\u00e4helepanuta j\u00e4tta. Saate palgata vabakutselise v\u00f5i disaineri, et tagada teie saidi esteetiline v\u00e4limus.\n<\/p>\n
\n Siin on m\u00f5ned veebidisaini nipid, mis v\u00f5ivad konversioonide arvu j\u00e4tkusuutlikult suurendada.<\/strong>\n<\/p>\n \n Seadus \u00fctleb, et optsioonide arvu suurendamisega pikeneb see ka \u00fcksikisiku otsuse tegemiseks kuluv aeg. Sellele seadusele viidatakse sageli veebikujunduses. Selles uuringus leidsid teadlased, et rohkem ei ole alati parem, sest laud, kus kuvatakse v\u00e4hem moosisorte, meelitas rohkem inimesi kui 24 t\u00fc\u00fcpi moosiga laud. Inimesed tegid t\u00f5en\u00e4oliselt ostu, kui n\u00e4evad v\u00e4ikest ekraani.\n<\/p>\n \n Seaduse kohaldamiseks veebidisainis peate piirama k\u00fclastajate jaoks pakutavate valikute arvu. Hinnake oma veebisaidil navigeerimisriba sisu. See on parim koht, kuhu minna, et leida, millest saate vabaneda, et valikute arvu v\u00e4hendada. Mida rohkem linke saavad teie k\u00fclastajad valida, seda rohkem kaotavad teie kasutajad teie veebisaidi vastu huvi.\n<\/p>\n \n Lisaks navigeerimisribale peaksite uurima ka teisi veebisaidi elemente, mille \u00fcle k\u00fclastajad teie saidil viibides peavad otsustama. Nende hulka kuulub otsustamine, kas lubada lugejatel lehte rohkem alla kerida v\u00f5i kasutada navigeerimisriba; kui otsustate oma e-raamatu alla laadida v\u00f5i oma postitust sotsiaalmeedias jagada v\u00f5i lugeda tootearvustust v\u00f5i sirvida rohkem tooteid.\n<\/p>\n \n Kuna teie veebisaidil v\u00f5ib olla erinevaid kohti, kus saate valikute arvu v\u00e4hendada, v\u00f5iksite oma kodulehele paigaldada tervitusv\u00e4rava. Siin n\u00e4evad teie k\u00fclastajad tervituss\u00f5numit, mis katab kogu ekraani ja millel on \u00fcks \u00fcleskutse tegevusele. Seda silmas pidades on k\u00fclastajatel teie saiti k\u00fclastades ainult \u00fcks valik. Kui nad soovivad n\u00e4ha rohkem valikuid, saavad nad allapoole kerida, v\u00e4hendades sellega teie avalehel segavaid tegureid.\n<\/p>\n \n Selle seaduse kohaldamisel on aga \u00fclioluline arvestada tegevustega, mis on teie tulu jaoks \u00fcliolulised. Pidage meeles, et teie saidi iga leht peab saavutama \u00fche peamise eesm\u00e4rgi. Mida v\u00e4hem on k\u00fclastajatel valikuv\u00f5imalusi, seda lihtsam on neil teie veebisaiti kasutada, mis v\u00f5ib suurendada teie saidi konversioonim\u00e4\u00e4ra.\n<\/p>\n \n Teie k\u00fclastajad on veebis surfates kannatamatud. Teine viivitus v\u00f5ib p\u00f5hjustada konversioonide v\u00e4henemise 7 protsenti. Lehe kiiruse kontrollimiseks ja selle probleemide kohta lisateabe saamiseks on mitu t\u00f6\u00f6riista. V\u00f5ite kasutada muu hulgas Google'i PageSpeed \u200b\u200bInsights, SEO Chati ja Pingdomi Page Load Speed \u200b\u200bAnalyzerit.\n<\/p>\n \n Pidage meeles, et teil on lugeja t\u00e4helepanu k\u00f6itmiseks aega kaheksa sekundit. Sel juhul on teil p\u00e4rast veebisaidile j\u00f5udmist m\u00f5ni minut aega k\u00fclastajate meelitamiseks. Kui teie veebisaidi laadimine on aeglane, lahkuvad nad ega tule enam kunagi tagasi.\n<\/p>\n \n Lisaks veebisaidi kiirendamisele peaksite kaaluma l\u00fchikese pealkirja ja pilkup\u00fc\u00fcdva pildi loomist, mis edastaks teie lehe eesm\u00e4rgi v\u00f5i t\u00f5mbaks k\u00fclastajate pilgud peamisele kutsele tegevusele. Veenduge, et teie registreerumisnupud oleksid suured ja lihtsad. Ja veenduge, et teie koopia oleks k\u00f6itev.\n<\/p>\n \n Kolmandiku reegel on fotograafia p\u00f5him\u00f5te, mida veebidisainerid saavad rakendada. Selles reeglis peate oma veebilehe jagama kolmandikuks, nii et see annab teile \u00fcheksa v\u00f5rdse suurusega ruutu. Neli keskmist ruutu on huvipakkuvad kohad. K\u00f5ik objektid, mille nendesse kohtadesse paigutate, v\u00f5ivad teie veebisaiti tohutult m\u00f5jutada, suurendades seel\u00e4bi konversioone.\n<\/p>\n \n Nendesse piirkondadesse v\u00f5ite asetada oma k\u00f5ige olulisema kutse tegevusele nupu. Kuid \u00e4rge asetage oma navigeerimisriba nendesse kohtadesse. Sel viisil keskenduvad teie k\u00fclastajad teie veebilehe peamisele kutsele tegevusele.\n<\/p>\n \n Kogu veebisaiti pole vaja \u00fcmber kujundada. Selle asemel saate oma saidi k\u00f5ige olulisemate osade paigutamiseks kasutada kolmandiku reeglit. Esiteks peate oma saidist lehe \u00fclaosas tegema ekraanipildi. Seej\u00e4rel jagage see \u00fcheksaks v\u00f5rdseks osaks. Sealt saate otsustada, kas soovite oma veebisaiti muuta v\u00f5i mitte.\n<\/p>\n \n Nendesse piirkondadesse v\u00f5ite paigutada oma video-, heli- ja muu interaktiivse sisu. Kaaluge tegevusele kutsuvatele nuppudele h\u00f5ljutusefektide kasutamist. Nii meelitatakse teie k\u00fclastajaid rohkem kl\u00f5psama. Seej\u00e4rel lisage m\u00f5ned animeeritud v\u00e4ljumisaknad. Need on olulised k\u00fclastajate huvi kaotamisel uuesti kaasamiseks.\n<\/p>\n \n Negatiivne ruum on veebidisaini t\u00fchimik. 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\u00e4ikeste elementide vahel, n\u00e4iteks l\u00f5ikude v\u00f5i tekstiridade vahelisele alale.\n<\/p>\n \n Peate p\u00f6\u00f6rama t\u00e4helepanu oma saidil olevatele negatiivsetele t\u00fchikutele, kuna need muudavad teie saidi silmale lihtsaks ja suurendavad konversiooni. S\u00f5ltuvalt teie veebikujundusest v\u00f5ite oma kodulehel kasutada palju negatiivset ruumi. Nii keskenduvad teie k\u00fclastajad peamisele kutsele tegevusele.\n<\/p>\n \n Piisava negatiivse ruumi saamiseks v\u00f5ite kasutada v\u00e4iksemat fonti, et t\u00e4htede vahele j\u00e4\u00e4ks rohkem ruumi. Seej\u00e4rel peaks joone k\u00f5rgus olema 1,5. Kui valite v\u00e4iksema fondi, peaks teil olema rohkem reak\u00f5rgusi.\n<\/p>\n \n Seej\u00e4rel jagage need suured tekstiplokid v\u00e4iksemateks l\u00f5ikudeks, et suurendada l\u00f5ikude vahele negatiivset ruumi, muutes postitused seel\u00e4bi loetavamaks. \u00c4rge unustage kasutada veerisid ja polsterdust, et lisada saidi suurte elementide vahele t\u00fchiku.\n<\/p>\n \n Miks? Need v\u00f5ivad teie konversioonim\u00e4\u00e4rasid ainult kahjustada. Varem olid need p\u00f5nevad. Kuid n\u00fc\u00fcd saavad neist lemmikloomakivid. Lisaks aeglustavad liugurid teie saiti kasutatud suurte piltide t\u00f5ttu. Need segavad ka t\u00e4helepanu, kuna ei lase k\u00fclastajatel teie sisu tarbida.\n<\/p>\n \n Need elemendid tekitavad segadust selle t\u00f5ttu, kuidas inimsilmad keskkonnale reageerivad. Inimese aju on loodud tuvastama liikumist staatilisel maastikul. Omal ajal oli abi mammutite j\u00e4lgimisest \u00fcle tundra. Kuid see vastus paneb inimesed p\u00f6\u00f6rama rohkem t\u00e4helepanu liugurite liikumisele ja ignoreerima konversioonipunkte, millele soovite keskenduda.\n<\/p>\n \n Lisaks pole liuguritel m\u00f5tet, kui k\u00fclastajad navigeerivad saidil mobiilseadme kaudu. Ja seet\u00f5ttu on inimestel lihtsam kerida kui p\u00fchkida. Pidage meeles, et mida lihtsam on k\u00fclastajatel teie saidil mobiilseadme abil navigeerida, saate k\u00f5rgema konversioonim\u00e4\u00e4ra.\n<\/p>\n \n Liugurid p\u00f5hjustavad teie saidile ka liiga palju H1-silte. V\u00f5ite arvata, et need sobivad teie saidile suurep\u00e4raselt, kuid veebiindeksoijad p\u00f5lgavad neid. Selle p\u00f5hjuseks on asjaolu, et need ajavad segamini teie veebisaidi teabe hierarhia. Kuna veebiindeksoijad vihkavad neid, v\u00f5ivad nad teie lehe asetust oluliselt m\u00f5jutada. Seet\u00f5ttu v\u00e4ltige neid nii palju kui v\u00f5imalik.\n<\/p>\n \n Liugurite kasutamise asemel valige j\u00f5ulise pealkirjaga staatiline pilt.\n<\/p>\n \n Erinevates uuringutes leidsid teadlased, et enamik kasutajaid sirvib veebi, et lugeda F-mustriga postitust. See t\u00e4hendab, et nad vaatavad ekraani \u00fclaosas vasakult paremale. P\u00e4rast seda skannivad nad lehe alla ja teevad sisust m\u00f5ned lugemised. Harva j\u00f5uavad need lehe paremasse alaossa.\n<\/p>\n \n Kuidas saate F-mustrit konversioonide suurendamiseks kasutada? Asetage need kriitilised \u00fcleskutsed tegevusele ja objektid m\u00f6\u00f6da F-kujulisi jooni. Seej\u00e4rel sisestage kehva n\u00e4htavusega piirkondadesse v\u00e4hem t\u00e4htsad objektid.\n<\/p>\n \n Kuna lehe vasak pool on koht, kuhu teie k\u00fclastajad esimesena vaatavad, kaaluge esmase kutse tegevusele paigutamist sellesse piirkonda. Seej\u00e4rel asetage pealkirjad lehe vasakusse serva alla. N\u00fc\u00fcd saate oma sponsitud reklaamid panna oma lehe paremas osas k\u00fclgribale. K\u00f5ik, mis ei pea olema n\u00e4htav, kuid mis on veebiroomajate jaoks h\u00e4davajalik, tuleks paigutada lehe alumisse parempoolsesse ossa.\n<\/p>\n \n Kuna v\u00e4rvid v\u00f5ivad tekitada emotsioone, peate valima v\u00e4rvikombinatsiooni, mis annab edasi teie br\u00e4ndi isikup\u00e4ra ja sunnib inimesi tegutsema. Pidage meeles, et inimesed teevad oma ostuotsuse emotsionaalsest kohast. Sellegipoolest m\u00e4ngib teie veebisaidi jaoks valitud v\u00e4rvikombinatsioon konversioonim\u00e4\u00e4rade optimeerimisel olulist rolli.\n<\/p>\n \n \u00dcks soovitus on kureerida Pinteresti tahvel, millel on m\u00f5ned fotod, mis kajastavad teie br\u00e4ndi visiooni. Kasutage Adobe'i v\u00e4rviratast, et luua nende fotode v\u00e4rvide p\u00f5hjal v\u00e4rviskeem. Kuid saate s\u00e4utsuda \u00fcksikuid v\u00e4rve, liigutades valikuid ringi.\n<\/p>\n \n P\u00e4rast v\u00e4rviskeemi loomist kasutage kindlasti kontrasti, kuna see v\u00f5ib ka teie konversioone teha v\u00f5i katkestada. Kontrastsust saab kasutada pealkirjade, teksti ja tegevusele kutsuvate nuppude loetavamaks ja m\u00e4rgatavamaks muutmiseks. Esik\u00fclje ja nuppude v\u00e4rvid peavad olema kontrastsed taustale ja muudele elementidele, mida soovite esile t\u00f5sta, n\u00e4iteks tellimisnupud. Need peavad olema sellises toonis, mis eristub \u00fclej\u00e4\u00e4nud lehelt t\u00f5eliselt.\n<\/p>\n \n Hubspoti testis leiti, et punased nupud on paremad kui rohelised. Seej\u00e4rel veenduge enne punaste nuppude kasutamist, et punane ei oleks teie lehel domineeriv v\u00e4rv. Vastasel juhul ei tekita see rohkem kontrasti.\n<\/p>\n \n Nagu varem mainitud, v\u00f5ite kasutada v\u00e4rviratast t\u00e4iendava v\u00e4rvi valimiseks, mis on teie domineeriva v\u00e4rvi t\u00e4ielik vastand.\n<\/p>\n \n Enne \u00f5ige v\u00e4rvikombinatsiooni valimist tuleb aga m\u00f5ista, et inimesed vaatavad v\u00e4rve erinevalt. V\u00e4rvid s\u00f5ltuvad alati sellest, kuidas need teie kaubam\u00e4rgiga kokku sobivad. Seet\u00f5ttu peate valima v\u00e4rvi, mis sobib teie br\u00e4ndi isiksusega, kuna see m\u00f5jutab teie k\u00fclastajate ostuotsuseid.\n<\/p>\n \n N\u00e4iteks kui teie br\u00e4nd on karm v\u00f5i mehelik, ei tohi te valida roosat tegevusele kutsuvat nuppu. Selle asemel valige suur oran\u017e nupp.\n<\/p>\n \n See, kuidas v\u00e4rvid konversioone m\u00f5jutavad, s\u00f5ltub kontekstist. N\u00e4iteks kuna sinine on h\u00fcperlinkide veebikujunduses sageli kasutatav v\u00e4rv, seostavad inimesed neid alati h\u00fcperlinkidega. Seega teavad nad, et kui tekst on sinine, saavad nad sellel kl\u00f5psata.\n<\/p>\n \n See kehtib ka CTA nuppude kohta. Sinist pole vaja valida. Kuid pidage meeles, et \u00fcksk\u00f5ik millise v\u00e4rvi valite nupu jaoks, seostatakse see toiminguga. Kasutage seda v\u00e4rvi j\u00e4rjekindlalt k\u00f5igi saidi CTA-de jaoks. Kuid v\u00e4ltige samade v\u00e4rvide kasutamist \u00fcksuste jaoks, mida ei saa kl\u00f5psata. Samuti \u00e4rge kasutage samal lehel erinevaid CTA v\u00e4rve.\n<\/p>\n \n Veebidisainis v\u00f5idab alati ilmselge. Seet\u00f5ttu parandab tasane minimalistlik disain konversioonim\u00e4\u00e4rasid. Selle p\u00f5hjuseks on see, et see keskendub k\u00f5ige olulisematele elementidele. Puhas kujundus t\u00f5useb teiste dramaatiliste visuaalsete efektide ees. Keskendudes p\u00f5hielementidele ja nendest kaunistustest vabanemiseks v\u00f5ib see l\u00e4henemine olla abiks organiseeritud paigutuse loomisel, mis v\u00f5ib kindlasti konversioonim\u00e4\u00e4rasid optimeerida.\n<\/p>\n \n Lisaks v\u00f5imaldab minimalistlik kujundus omada teie veebisaidil rohkem ruumi asjakohaste CTA-de jaoks, v\u00e4ltides seel\u00e4bi lehel ebaoluliste elementide olemasolu.\n<\/p>\n \n Kuigi minimalistlik disain on suurep\u00e4rane, ei tasu sellega \u00fcle pingutada, sest inimeste huvi kaob. N\u00e4iteks CTA nuppude puhul on inimesed harjunud n\u00e4gema s\u00fcgavuse v\u00f5i m\u00f5\u00f5tmetega nuppe. Need omadused on interaktsiooni n\u00e4itajad.\n<\/p>\n \n Kui teil on aga lame nupp, v\u00f5ivad k\u00fclastajad seda teie lehte sirvides kergesti kahe silma vahele j\u00e4tta. Sel p\u00f5hjusel kasutage kindlasti kontrastset nupuv\u00e4rvi. Ja valige asukoht, mis muudab nupud n\u00e4htavaks.\n<\/p>\n \n Seega peate iga kord lehe loomisel endalt k\u00fcsima, kas on v\u00f5imalik saada lihtsamat versiooni. Kui see on lihtne, v\u00f5ite oodata paremaid konversioone ja esteetiliselt meeldivamat disaini.\n<\/p>\n \n Lihtne disain sobib inimestele, kes saavad korraga k\u00e4sitseda v\u00e4hem teavet. Kui teie k\u00fclastajad n\u00e4evad \u00fchel lehel palju asju, l\u00e4hevad nad \u00fcle ja lahkuvad. Kui pakute oma veebisaidil kasutajale suurep\u00e4rast kasutuskogemust, eemaldage kindlasti need elemendid, mis pole olulised.\n<\/p>\n \n See on disainip\u00f5him\u00f5te, mis k\u00e4sitleb sarnasuse seadust. Siin n\u00e4eb seadus ette, et inimese ajule meeldib samu objekte r\u00fchmitada. See mehhanism v\u00f5imaldab inimestel m\u00f5ista asju ja aidata neil korraldada m\u00fcrarikast keskkonda.\n<\/p>\n \n Kui j\u00e4rgite seda p\u00f5him\u00f5tet, peate r\u00fchmitama sarnased \u00fcksused v\u00f5i elemendid, mida saab \u00fcksteisega seostada. Nende hulka kuuluvad teisendusnupud, pildid ja iseloomustuse kastid.\n<\/p>\n \n N\u00e4iteks saate konversioonide suurendamiseks oma lubamisvormi kohta suurep\u00e4rase iseloomustuse. Kuigi iseloomustused pole m\u00f5eldud pliimagneti jaoks, saavad k\u00fclastajad neid seostada, kuna need on endiselt l\u00e4hedal.\n<\/p>\n \n Kui inimesed n\u00e4evad teise inimese n\u00e4gu, hakkavad nad sellele inimesele kaasa tundma. Seet\u00f5ttu v\u00f5ivad teie k\u00fclastajad probleemist aru saada v\u00f5i tunda sellega seost. Sel p\u00f5hjusel soovitavad eksperdid muu hulgas artiklitesse, valikulehtedesse ja juhtumiuuringutesse lisada inimn\u00e4gusid.\n<\/p>\n \n Kui teil on oma br\u00e4ndi toetaja v\u00f5i kui olete oma br\u00e4ndi n\u00e4gu, peate tegema fotosessiooni. Paluge fotograafil teha horisontaalseid v\u00f5tteid, mille \u00fchel k\u00fcljel on palju negatiivset ruumi, kuhu saate paigutada CTA v\u00f5i teksti.\n<\/p>\n \n Kinnisvaraveebi jaoks on kinnisvarafoto \u00fcheks saladuseks lisada inimese n\u00e4gu, mitte ainult maja v\u00f5i kinnisvaraosa kujutis. V\u00f5ite palgata modelle v\u00f5i lihtsalt kasutada fotosid. Siiski veenduge, et valitud n\u00e4gu esindaks teie kaubam\u00e4rki t\u00e4pselt. Kui kasutate n\u00e4gusid, mis peegeldavad teie sihtdemograafilist teavet, v\u00f5ib see aidata teie saidi konversioonim\u00e4\u00e4ra m\u00e4rkimisv\u00e4\u00e4rselt t\u00f5sta.\n<\/p>\n<\/p>\n\n 1 Vaadake Hicki seadust
\n<\/h5>\n\n 2 Kiirendage oma veebisaiti
\n<\/h5>\n\n 3 J\u00e4rgige seda fotograafia p\u00f5him\u00f5tet
\n<\/h5>\n\n 4 Kasutage negatiivset ruumi
\n<\/h5>\n\n 5 Vabanege liuguritest v\u00f5i karussellidest
\n<\/h5>\n\n 6 M\u00f5elge F-mustrile
\n<\/h5>\n\n 7 Valige \u00f5iged v\u00e4rvid
\n<\/h5>\n\n 8 Hoidke see lihtsana
\n<\/h5>\n\n 9 J\u00e4rgige Gestalti sarnasuse p\u00f5him\u00f5tet
\n<\/h5>\n\n 10 Lisage n\u00e4gusid
\n<\/h5>\n