15 veebidisaini põhimõtet, mis suurendavad teie konversioonimäära
Paljud tegurid mõjutavad otseselt teie saidi konversiooni. Veebidisain on neist aga kõige olulisem.
Esmamulje, mille saame, on visuaalne ja määrav. Seega, kui soovite oma saidi konversioonimäära parandada, on veebidisain esimene koht, kust alustada.
Selles artiklis oleme kokku pannud põhiprintsiibid ja näpunäited, mis aitavad teil seda ülesannet täita.
Veenduge, et teie veebidisain oleks tundlik ja mobiilisõbralik
Mobiililiikluse osakaal kasvab ja kasvab 2020. aastal. Uuringud näitavad, et enamik kasutajaid keeldub kaubamärgiga suhtlemast, kui mobiilseadmest ei ole võimalik vajalikke toiminguid teha. Seetõttu veenduge enne oma saidi kujunduses muudatuste tegemist, et saada rohkem konversioone, et veebisaiti kuvatakse mobiilseadmetes õigesti ja kasutajate teel ei tekiks komistuskive.
Kuidas seda teha? Kõik sõltub saidi loomise viisist. Näiteks WordPressi ja muude populaarsete CMS-ide saidid reageerivad loomise hetkest peale. Täiendav kasutatavuse testimine ei ole aga üleliigne.
Andke Hicki seaduse kohaselt vähem valikuvõimalusi
See seadus viitab sellele, et vähem valikuid suurendab otsuste tegemise kiirust ja vastupidi. Näiteks kui kasutate avalehel korraga kolme üleskutset tegevusele, näiteks registreerute saidil, saate allahindlust ja laadite alla e-raamatu, on kasutajal raske otsustada, millist tegevust kõigepealt teha.. Palju mõistlikum on need tegevusele kutsumised järjestada loogilisse järjestusse – nii nagu need olid loetletud ja pakkuda kasutajale järgmist tegevust pärast eelmist.
Sama kehtib ka lehel kuvatavate toodete arvu kohta. Kasutajale ei tasu näidata kõiki võimalikke tema otsingupäringule sobivaid tooteid – parem on näidata viis sobivaimat varianti ja lubada otsingut jätkata filtrite abil.
Lisa täisekraanil veebisaidi värav
Mõelge võimalusele kuvada täisekraanil müügivihje vormi hetkel, kui kasutaja avalehte teatud punktini keris. Esiteks võtab täisekraanil olev vorm kogu kasutaja tähelepanu ega lase tal end saidi muudest elementidest segada ja teiseks puudutab see lihtsalt valikuvõimalusi, millest me varem rääkisime. Seega saab kasutaja ainult kaks võimalust. Esimene on müügivihje vormi sulgemine ja saidiga suhtlemise jätkamine. Teine on anda teile oma e-posti aadress vastutasuks teie pakkumise eest.
Asetage ristmikel kõige olulisemad punktid
Ilmselt teate üht fotograafia põhireeglit – kolmandiku reeglit. Selle reegli kohaselt jagavad kaks joont visuaalselt ekraani horisontaalselt ja vertikaalselt, mille tulemuseks on üheksa ruutu. Seega on ekraani keskel olevate joonte neli lõikepunkti kasutaja tähelepanu keskpunktis, mistõttu tuleks siia paigutada oluline teave, näiteks üleskutse tegevusele.
Optimeerige oma veebisaidi laadimiskiirust
See üksus on otseselt seotud kujundusega, kuna teie leht võib olla üle koormatud raskete piltidega, mis aeglustavad teie saidi laadimist. Eemaldage kõik mittevajalik ja optimeerige olulisi pilte. Statistika kohaselt on saidi optimaalne laadimiskiirus kaks kuni viis sekundit. Ja sel juhul peate püüdlema madalama näitaja poole, kuna 40% kasutajatest ütleb, et nad sulgevad saidi, mille laadimiseks kulub rohkem kui kolm sekundit, mis tähendab, et kaotate potentsiaalse müügivihje iga kord, kui sait aeglustub.
Kasutage positiivsete tulemuste saamiseks negatiivset ruumi
Jan Tschichold ütleb, et negatiivset ruumi tuleks näha aktiivse elemendina, mitte passiivse taustana. Vahemaa ja tähelepanu vahel on seos. Suurem vahemaa tõmbab tähelepanu ja muude elementide puudumine eristab tugevamalt olemasolevaid elemente. Disainerid saavad seda ruumi omadust kasutada oluliste elementide esiletõstmiseks. Tühikute lisamine konkreetsele sisusegmendile paneb kasutaja sellele alale tähelepanu pöörama lihtsalt seetõttu, et ekraanil pole enam midagi, mis tähelepanu tõmbaks. Nagu näete allolevast näitest, on Google oma projektides suur tühikute pooldaja. See aitab kohe mõista selle projekti eesmärki: fookus on lehe põhieesmärgil.
Õigete seoste loomiseks valige õiged värvid
Kahjuks pole universaalset nõuannet selle kohta, millised värvid teisendavad paremini. Kõik sõltub teie ettevõtte spetsiifikast. Näiteks valge ja sinine värv tekitab stabiilsuse ja usaldusväärsuse tunde. Seetõttu kasutab PayPal seda kombinatsiooni õigete seoste moodustamiseks.
Kui te pole kindel, et teie värvid töötavad õigesti, minge lihtsalt tagasi värvipsühholoogia päritolu juurde turunduses ning vaadake uuesti üle oma ettevõtte väärtused ja leidke endale sobivaim.
Pealegi on kehvemaks või paremaks teisendavate nuppude värvi kohta erinevaid arvamusi. Nupu õige värv on vana filosoofiline küsimus. Keegi väidab, et kõrgeim konversioon saavutatakse punaste nuppude abil. Teised ütlevad, et roheline või sinine. Õige vastus kõlab järgmiselt (nagu paljud teised vastused turunduses ja disainis): “Seda tuleb testida.” Seetõttu valige nupu värv, mis on kujunduse põhivärvidega kontrastiks, ja tehke paar testi, et mõista, milline värv muundub paremini.
Kasutage mitme pisikese pildi asemel ühte suurt pilti
Õige pilt võib öelda rohkem kui paar tekstilõiku. Seetõttu kasutage oma saidi kujundamisel visuaalse taju ja emotsioonide jõudu. Näiteks saate muuta pildi oma saidi taustaks ja seejärel paigutada kõik oma elemendid nii, et need järgiksid veebidisaini põhireegleid. Ja muide, see aitab kaasa ka parematele konversioonidele.
Samuti soodustab selline lähenemine lihtsust ja minimalismi, mis on viimaste aastate trend ning õigesti valitud pilt tekitab vajalikke emotsioone ja assotsiatsioone. Ja vastupidi, nagu oleme öelnud, muudab liiga palju pilte valiku keerulisemaks ja hajutab kasutaja tähelepanu.
Vabanege kõigest, mis ei ole disainiga seotud
Teisisõnu püüdke maksimaalse lihtsuse poole. Kaasaegses infomüra rohkuses on lihtsusest ja selgusest saanud tõeline defitsiit. Uuringud on näidanud, et 76% kasutajatest peab lihtsust kodulehe kujundamisel peamiseks otsustavaks teguriks. Ja siin tuleb hoida kompetentset tasakaalu lihtsuse, minimalismi, aga samas funktsionaalsuse vahel – kuna lihtsus on ka võimalus mõne klikiga kasutajale vajalik leida.
Kasutage nägusid ja muid sotsiaalseid tõendeid
Kahjuks on Internet täis võltsarvustusi ja ärge kahtlustage, et ka teie kasutajad teavad sellest. Seetõttu peate selle asemel, et sundida neid otsima tagasisidet teie toodete või teenuste kohta (mida võivad teie ettevõtte õõnestamiseks kirjutada teie konkurendid), andma neile selle võimaluse kohe.
Seetõttu mõelge saidi kujundus üle nii, et saaksite lehe lõppu lisada tõelisi arvustusi (ja veelgi parem karusselli). Kasutage kindlasti elavate inimeste (ideaaljuhul teie tegelike klientide) fotosid, et luua mulje tugevast sotsiaalsest tõendist.
Tõenäoliselt olete näinud saite, mis sisaldavad miljonit kategooriat, ja esimesel katsel on lihtsalt võimatu õiget jaotist valida. Ja kui varem pühendasid kasutajad sellisele otsingule aega, siis täna tahavad nad ilma täiendavate toiminguteta näha, mida nad vajavad.
Seetõttu kaaluge oma lähenemist saidil navigeerimisele, vähendage kategooriate arvu, eemaldage kõik mittevajalikud ja jätke ainult kõige olulisemad jaotised. Nagu me juba ütlesime, raskendab valikute kogum otsustamist või üldiselt sunnib kasutajat lehelt lahkuma ja lükkama ülesande hilisemaks.
Integreerige saavutuste loendurid
See on psühholoogiline trikk, mis vallandab alateadliku reaktsiooni – inimesed kipuvad statistikat uskuma. Ja see on veel üks võimalus suurendada konversiooni, luues usaldust ja luues mulje usaldusväärsusest. Kuid on üks oluline punkt. Mäletate, me rääkisime kolmandiku reeglist ja strateegilistest ristumispunktidest? Need on just need kohad, kuhu tuleb oma statistika panna, et see oleks tähelepanu ja taju keskpunktis.
Looge mulje kunstlikust puudujäägist
Turundajad ei nõustu sellise müügitaktikaga, kuid kiire ja hooajalise müügi puhul on selline lähenemine siiski asjakohane. Seega, kui teil on hooajaline või sooduspakkumine või kui testite huvi uue toote vastu, on mõttekas luua nappuse illusioon ja kajastada seda disaini abil. Näiteks saate seadistada taimeri ja jällegi asetada numbrid külastaja tähelepanu keskmesse.
Siin peate siiski tegevusele kutsuvad nupud õigesti paigutama. Ja sel juhul on parem seda teha Z-skeemi järgi.
Kasutaja tähelepanu libiseb piki ülemist horisontaali, diagonaalselt allapoole ja läheb allosas olevale teabele. Asetage üleval vasakus nurgas logo, horisontaalselt – päised. Parem alumine nurk on ideaalne koht tegevusele kutsumiseks.
Vähendage vajalike sammude arvu
Võite õigusega märgata, et see on UX-i disaineri kohustus, kuid praktikas on see just nii, kui veebi ja UX-i disainer peavad tegema koostööd, et saada ühtne tulemus. UX-i disain on teine tegur, millel on otsene mõju konversioonidele. Mida vähem samme eraldab kasutajaid sihttoimingust, seda tõenäolisem on see selle lõpuleviimiseks.
Seetõttu peate veel kord veenduma, et teave või toode, mida ta vajab, pole enam kui kolme kliki kaugusel.
Veenduge, et teie üleskutse tegevusele oleks õiges kohas
Oma saidi konversiooni parandamiseks kasutage tegevusele kutsudes ära kolmandiku reeglit ja Z-skeemi. Tegevuselekutse tajumist saate parandada, kui seda dubleerite – ridade ristumiskohas ja lehe paremas ülanurgas, kus lõpeb Z-tähe ülemine rida. Seega peatub kasutaja tähelepanu esmalt ülemises paremas nurgas, seejärel libiseb diagonaalselt alla ja puhkab otse vasakpoolsete joonte strateegilises ristumispunktis.
Minimeeri kasutaja sisestus
Kaasaegsed kasutajad on väga kannatamatud ja me rääkisime sellest juba teie lehe laadimise kiirust käsitlevas lõigus. Ja tohutu täitevorm võib teie konversioonid tappa, kuna keegi ei taha aega raisata, eriti mobiilseadme puhul. Seetõttu vaadake oma registreerimisvorm üle ja jätke ainult kolm rida – nime, e-posti aadressi ja parooli jaoks ning lisage võimalus registreeruda Google’i ja Facebooki kaudu.
Järeldus
Nagu näete, võivad paljud nipid konversioone mõjutada. Kõige tähtsam on aga meeles pidada, et iga uut lähenemist tuleks kasutajate peal testida. Iga ettevõte ja iga sihtrühm on spetsiifiline; seetõttu ei saa olla mallijuhiseid selle kohta, mida oma kujunduses kasutada konversioonide suurendamiseks. Lisaks on disain esimene, kuid mitte viimane tegur, mis teisendab (või ei muunda) ja seda tuleb ka meeles pidada.