\n Paljud tegurid m\u00f5jutavad otseselt teie saidi konversiooni. Veebidisain on neist aga k\u00f5ige olulisem.\n<\/p>\n
\n Esmamulje, mille saame, on visuaalne ja m\u00e4\u00e4rav. Seega, kui soovite oma saidi konversioonim\u00e4\u00e4ra parandada, on veebidisain esimene koht, kust alustada.\n<\/p>\n
\n Selles artiklis oleme kokku pannud p\u00f5hiprintsiibid ja n\u00e4pun\u00e4ited, mis aitavad teil seda \u00fclesannet t\u00e4ita.\n<\/p>\n
\n Mobiililiikluse osakaal kasvab ja kasvab 2020. aastal. Uuringud n\u00e4itavad, et enamik kasutajaid keeldub kaubam\u00e4rgiga suhtlemast, kui mobiilseadmest ei ole v\u00f5imalik vajalikke toiminguid teha. Seet\u00f5ttu veenduge enne oma saidi kujunduses muudatuste tegemist, et saada rohkem konversioone, et veebisaiti kuvatakse mobiilseadmetes \u00f5igesti ja kasutajate teel ei tekiks komistuskive.\n<\/p>\n
\n Kuidas seda teha? K\u00f5ik s\u00f5ltub saidi loomise viisist. N\u00e4iteks WordPressi ja muude populaarsete CMS-ide saidid reageerivad loomise hetkest peale. T\u00e4iendav kasutatavuse testimine ei ole aga \u00fcleliigne.\n<\/p>\n
\n See seadus viitab sellele, et v\u00e4hem valikuid suurendab otsuste tegemise kiirust ja vastupidi. N\u00e4iteks kui kasutate avalehel korraga kolme \u00fcleskutset tegevusele, n\u00e4iteks registreerute saidil, saate allahindlust ja laadite alla e-raamatu, on kasutajal raske otsustada, millist tegevust k\u00f5igepealt teha.. Palju m\u00f5istlikum on need tegevusele kutsumised j\u00e4rjestada loogilisse j\u00e4rjestusse \u2013 nii nagu need olid loetletud ja pakkuda kasutajale j\u00e4rgmist tegevust p\u00e4rast eelmist.\n<\/p>\n
\n Sama kehtib ka lehel kuvatavate toodete arvu kohta. Kasutajale ei tasu n\u00e4idata k\u00f5iki v\u00f5imalikke tema otsingup\u00e4ringule sobivaid tooteid \u2013 parem on n\u00e4idata viis sobivaimat varianti ja lubada otsingut j\u00e4tkata filtrite abil.\n<\/p>\n
\n M\u00f5elge v\u00f5imalusele kuvada t\u00e4isekraanil m\u00fc\u00fcgivihje vormi hetkel, kui kasutaja avalehte teatud punktini keris. Esiteks v\u00f5tab t\u00e4isekraanil olev vorm kogu kasutaja t\u00e4helepanu ega lase tal end saidi muudest elementidest segada ja teiseks puudutab see lihtsalt valikuv\u00f5imalusi, millest me varem r\u00e4\u00e4kisime. Seega saab kasutaja ainult kaks v\u00f5imalust. Esimene on m\u00fc\u00fcgivihje vormi sulgemine ja saidiga suhtlemise j\u00e4tkamine. Teine on anda teile oma e-posti aadress vastutasuks teie pakkumise eest.\n<\/p>\n
\n Ilmselt teate \u00fcht fotograafia p\u00f5hireeglit \u2013 kolmandiku reeglit. Selle reegli kohaselt jagavad kaks joont visuaalselt ekraani horisontaalselt ja vertikaalselt, mille tulemuseks on \u00fcheksa ruutu. Seega on ekraani keskel olevate joonte neli l\u00f5ikepunkti kasutaja t\u00e4helepanu keskpunktis, mist\u00f5ttu tuleks siia paigutada oluline teave, n\u00e4iteks \u00fcleskutse tegevusele.\n<\/p>\n
\n See \u00fcksus on otseselt seotud kujundusega, kuna teie leht v\u00f5ib olla \u00fcle koormatud raskete piltidega, mis aeglustavad teie saidi laadimist. Eemaldage k\u00f5ik mittevajalik ja optimeerige olulisi pilte. Statistika kohaselt on saidi optimaalne laadimiskiirus kaks kuni viis sekundit. Ja sel juhul peate p\u00fc\u00fcdlema madalama n\u00e4itaja poole, kuna 40% kasutajatest \u00fctleb, et nad sulgevad saidi, mille laadimiseks kulub rohkem kui kolm sekundit, mis t\u00e4hendab, et kaotate potentsiaalse m\u00fc\u00fcgivihje iga kord, kui sait aeglustub.\n<\/p>\n
\n Jan Tschichold \u00fctleb, et negatiivset ruumi tuleks n\u00e4ha aktiivse elemendina, mitte passiivse taustana. Vahemaa ja t\u00e4helepanu vahel on seos. Suurem vahemaa t\u00f5mbab t\u00e4helepanu ja muude elementide puudumine eristab tugevamalt olemasolevaid elemente. Disainerid saavad seda ruumi omadust kasutada oluliste elementide esilet\u00f5stmiseks. T\u00fchikute lisamine konkreetsele sisusegmendile paneb kasutaja sellele alale t\u00e4helepanu p\u00f6\u00f6rama lihtsalt seet\u00f5ttu, et ekraanil pole enam midagi, mis t\u00e4helepanu t\u00f5mbaks. Nagu n\u00e4ete allolevast n\u00e4itest, on Google oma projektides suur t\u00fchikute pooldaja. See aitab kohe m\u00f5ista selle projekti eesm\u00e4rki: fookus on lehe p\u00f5hieesm\u00e4rgil.\n<\/p>\n
\n Kahjuks pole universaalset n\u00f5uannet selle kohta, millised v\u00e4rvid teisendavad paremini. K\u00f5ik s\u00f5ltub teie ettev\u00f5tte spetsiifikast. N\u00e4iteks valge ja sinine v\u00e4rv tekitab stabiilsuse ja usaldusv\u00e4\u00e4rsuse tunde. Seet\u00f5ttu kasutab PayPal seda kombinatsiooni \u00f5igete seoste moodustamiseks.\n<\/p>\n
\n Kui te pole kindel, et teie v\u00e4rvid t\u00f6\u00f6tavad \u00f5igesti, minge lihtsalt tagasi v\u00e4rvips\u00fchholoogia p\u00e4ritolu juurde turunduses ning vaadake uuesti \u00fcle oma ettev\u00f5tte v\u00e4\u00e4rtused ja leidke endale sobivaim.\n<\/p>\n
\n Pealegi on kehvemaks v\u00f5i paremaks teisendavate nuppude v\u00e4rvi kohta erinevaid arvamusi. Nupu \u00f5ige v\u00e4rv on vana filosoofiline k\u00fcsimus. Keegi v\u00e4idab, et k\u00f5rgeim konversioon saavutatakse punaste nuppude abil. Teised \u00fctlevad, et roheline v\u00f5i sinine. \u00d5ige vastus k\u00f5lab j\u00e4rgmiselt (nagu paljud teised vastused turunduses ja disainis): “Seda tuleb testida.” Seet\u00f5ttu valige nupu v\u00e4rv, mis on kujunduse p\u00f5hiv\u00e4rvidega kontrastiks, ja tehke paar testi, et m\u00f5ista, milline v\u00e4rv muundub paremini.\n<\/p>\n
\n \u00d5ige pilt v\u00f5ib \u00f6elda rohkem kui paar tekstil\u00f5iku. Seet\u00f5ttu kasutage oma saidi kujundamisel visuaalse taju ja emotsioonide j\u00f5udu. N\u00e4iteks saate muuta pildi oma saidi taustaks ja seej\u00e4rel paigutada k\u00f5ik oma elemendid nii, et need j\u00e4rgiksid veebidisaini p\u00f5hireegleid. Ja muide, see aitab kaasa ka parematele konversioonidele.\n<\/p>\n
\n Samuti soodustab selline l\u00e4henemine lihtsust ja minimalismi, mis on viimaste aastate trend ning \u00f5igesti valitud pilt tekitab vajalikke emotsioone ja assotsiatsioone. Ja vastupidi, nagu oleme \u00f6elnud, muudab liiga palju pilte valiku keerulisemaks ja hajutab kasutaja t\u00e4helepanu.\n<\/p>\n
\n Teisis\u00f5nu p\u00fc\u00fcdke maksimaalse lihtsuse poole. Kaasaegses infom\u00fcra rohkuses on lihtsusest ja selgusest saanud t\u00f5eline defitsiit. Uuringud on n\u00e4idanud, et 76% kasutajatest peab lihtsust kodulehe kujundamisel peamiseks otsustavaks teguriks. Ja siin tuleb hoida kompetentset tasakaalu lihtsuse, minimalismi, aga samas funktsionaalsuse vahel \u2013 kuna lihtsus on ka v\u00f5imalus m\u00f5ne klikiga kasutajale vajalik leida.\n<\/p>\n
\n Kahjuks on Internet t\u00e4is v\u00f5ltsarvustusi ja \u00e4rge kahtlustage, et ka teie kasutajad teavad sellest. Seet\u00f5ttu peate selle asemel, et sundida neid otsima tagasisidet teie toodete v\u00f5i teenuste kohta (mida v\u00f5ivad teie ettev\u00f5tte \u00f5\u00f5nestamiseks kirjutada teie konkurendid), andma neile selle v\u00f5imaluse kohe.\n<\/p>\n
\n Seet\u00f5ttu m\u00f5elge saidi kujundus \u00fcle nii, et saaksite lehe l\u00f5ppu lisada t\u00f5elisi arvustusi (ja veelgi parem karusselli). Kasutage kindlasti elavate inimeste (ideaaljuhul teie tegelike klientide) fotosid, et luua mulje tugevast sotsiaalsest t\u00f5endist.\n<\/p>\n
\n T\u00f5en\u00e4oliselt olete n\u00e4inud saite, mis sisaldavad miljonit kategooriat, ja esimesel katsel on lihtsalt v\u00f5imatu \u00f5iget jaotist valida. Ja kui varem p\u00fchendasid kasutajad sellisele otsingule aega, siis t\u00e4na tahavad nad ilma t\u00e4iendavate toiminguteta n\u00e4ha, mida nad vajavad.\n<\/p>\n
\n Seet\u00f5ttu kaaluge oma l\u00e4henemist saidil navigeerimisele, v\u00e4hendage kategooriate arvu, eemaldage k\u00f5ik mittevajalikud ja j\u00e4tke ainult k\u00f5ige olulisemad jaotised. Nagu me juba \u00fctlesime, raskendab valikute kogum otsustamist v\u00f5i \u00fcldiselt sunnib kasutajat lehelt lahkuma ja l\u00fckkama \u00fclesande hilisemaks.\n<\/p>\n
\n See on ps\u00fchholoogiline trikk, mis vallandab alateadliku reaktsiooni \u2013 inimesed kipuvad statistikat uskuma. Ja see on veel \u00fcks v\u00f5imalus suurendada konversiooni, luues usaldust ja luues mulje usaldusv\u00e4\u00e4rsusest. Kuid on \u00fcks oluline punkt. M\u00e4letate, me r\u00e4\u00e4kisime kolmandiku reeglist ja strateegilistest ristumispunktidest? Need on just need kohad, kuhu tuleb oma statistika panna, et see oleks t\u00e4helepanu ja taju keskpunktis.\n<\/p>\n
\n Turundajad ei n\u00f5ustu sellise m\u00fc\u00fcgitaktikaga, kuid kiire ja hooajalise m\u00fc\u00fcgi puhul on selline l\u00e4henemine siiski asjakohane. Seega, kui teil on hooajaline v\u00f5i sooduspakkumine v\u00f5i kui testite huvi uue toote vastu, on m\u00f5ttekas luua nappuse illusioon ja kajastada seda disaini abil. N\u00e4iteks saate seadistada taimeri ja j\u00e4llegi asetada numbrid k\u00fclastaja t\u00e4helepanu keskmesse.\n<\/p>\n
\n Siin peate siiski tegevusele kutsuvad nupud \u00f5igesti paigutama. Ja sel juhul on parem seda teha Z-skeemi j\u00e4rgi.\n<\/p>\n
\n Kasutaja t\u00e4helepanu libiseb piki \u00fclemist horisontaali, diagonaalselt allapoole ja l\u00e4heb allosas olevale teabele. Asetage \u00fcleval vasakus nurgas logo, horisontaalselt \u2013 p\u00e4ised. Parem alumine nurk on ideaalne koht tegevusele kutsumiseks.\n<\/p>\n
\n V\u00f5ite \u00f5igusega m\u00e4rgata, et see on UX-i disaineri kohustus, kuid praktikas on see just nii, kui veebi ja UX-i disainer peavad tegema koost\u00f6\u00f6d, et saada \u00fchtne tulemus. UX-i disain on teine \u200b\u200btegur, millel on otsene m\u00f5ju konversioonidele. Mida v\u00e4hem samme eraldab kasutajaid sihttoimingust, seda t\u00f5en\u00e4olisem on see selle l\u00f5puleviimiseks.\n<\/p>\n
\n Seet\u00f5ttu peate veel kord veenduma, et teave v\u00f5i toode, mida ta vajab, pole enam kui kolme kliki kaugusel.\n<\/p>\n
\n Oma saidi konversiooni parandamiseks kasutage tegevusele kutsudes \u00e4ra kolmandiku reeglit ja Z-skeemi. Tegevuselekutse tajumist saate parandada, kui seda dubleerite \u2013 ridade ristumiskohas ja lehe paremas \u00fclanurgas, kus l\u00f5peb Z-t\u00e4he \u00fclemine rida. Seega peatub kasutaja t\u00e4helepanu esmalt \u00fclemises paremas nurgas, seej\u00e4rel libiseb diagonaalselt alla ja puhkab otse vasakpoolsete joonte strateegilises ristumispunktis.\n<\/p>\n
\n Kaasaegsed kasutajad on v\u00e4ga kannatamatud ja me r\u00e4\u00e4kisime sellest juba teie lehe laadimise kiirust k\u00e4sitlevas l\u00f5igus. Ja tohutu t\u00e4itevorm v\u00f5ib teie konversioonid tappa, kuna keegi ei taha aega raisata, eriti mobiilseadme puhul. Seet\u00f5ttu vaadake oma registreerimisvorm \u00fcle ja j\u00e4tke ainult kolm rida \u2013 nime, e-posti aadressi ja parooli jaoks ning lisage v\u00f5imalus registreeruda Google'i ja Facebooki kaudu.\n<\/p>\n
\n Nagu n\u00e4ete, v\u00f5ivad paljud nipid konversioone m\u00f5jutada. K\u00f5ige t\u00e4htsam on aga meeles pidada, et iga uut l\u00e4henemist tuleks kasutajate peal testida. Iga ettev\u00f5te ja iga sihtr\u00fchm on spetsiifiline; seet\u00f5ttu ei saa olla mallijuhiseid selle kohta, mida oma kujunduses kasutada konversioonide suurendamiseks. Lisaks on disain esimene, kuid mitte viimane tegur, mis teisendab (v\u00f5i ei muunda) ja seda tuleb ka meeles pidada.\n<\/p>\n<\/p>\n