👉 11 Web Design põhimõtted, mis suurendavad teie konversioonimäära

31 Clever Lead Generation Ideed võite kohe rakendada (uuendatud)

Kas soovite oma veebisaidil konversioone suurendada? Nagu nutikad turundajad teavad, suudab teie disain teha kõik erinevused. Selles postituses jagame 11 veebidisaini põhimõtet, mis suurendavad teie konversioonimäära.

Paljud turundajad sallivad SEO, sotsiaalse meedia olulisust, loovad plii magnetid, mis teisendavad jms, kuid millel on suurepärane veebisaidi kujundus, mida tihti tähelepanuta jäetakse. Kuigi kõik need komponendid on olulised, ei ole teie veebidisain lihtsalt "ilus nägu": see võib tegelikult teie konversioonimäärasid teha või murda.

Stanfordi ülikooli uuringute kohaselt on 46,1% inimestest öelnud, et veebisaidi disain on peamised kriteeriumid, et otsustada, kas ettevõte on usaldusväärne või mitte. Seega on äärmiselt oluline, et teie disain välja näeks professionaalselt.

Konversioonimäära optimeerimisel mängib suurt rolli ka see, kas teie veebisait on esteetiliselt meeldiv või mitte. Arvestades 15-minutilise sisu tarbimist, eelistaksid kaks kolmandikku lugeda midagi ilusat kujundust kui midagi lihtsat (vastavalt Adobe uuringule). Nii et kui soovite, et inimesed teie blogi postitusi lugesid, peavad nad olema atraktiivsed.

Kuid see pole veel kõik. Kui teie veebisait on ebameeldiv, siis inimesed jätavad teie saidi üldse välja. 38% inimestest, täpselt. See on väga palju kaduma läinud!

Nii et hoolimata sellest, kas disain on teie võlu, ei saa te selle üle unustada. Õppige veebidisaini, võtke vabakutseliseks tööle, kasutage disainerit või tehke seda mis tahes!

Alustuseks on siin käputäis olulisi disainipõhimõtteid, mis annavad teile konversioonide kohese ja jätkusuutliku tõuke …

1. Järgige Hicki seadust

Hicki seadus on populaarne teooria, millele mitmesugused inimesed erinevatel eesmärkidel tsiteerivad, kuid mida sageli viidatakse veebidisaini mõttes. Briti psühholoog William Edmund Hicki nime all on seaduses sätestatud, et üksikisiku otsuse tegemise aeg on otseselt proportsionaalne tema võimalike valikutega.

Teisisõnu, otsustamiste arvu suurendamisega suurendatakse ka otsuse aega.

Pilt via Usabilla

Võimalik, et olete kuulnud psühholoogide Sheena Iyengari ja Mark Lepperi kuulsast uuringust, kus nad leidsid, et 24 sorti söögikohaga ekraanilaud meelitas vähem huvi kui laud, millel on ainult kuus sorti dĹľemmi. Tegelikult olid inimesed, kes nägid suuremat ekraani, ainult üks kümnendik kui tõenäoliselt ostate inimesi, kes nägid väikest ekraani!

See on näide Hicki seadusest: hagi on kaotatud proportsionaalselt valitud valikute arvuga.

Veebi disaini osas saate suurendada konversioone, piirates kasutajate valikute arvu. Esimene asi, mida meeles pidada, kui mõtleme, kust oma veebisaidil valikuid vähendada, on navigeerimisriba. Loomulikult ei soovi sa valida liiga palju linke, vastasel juhul kaotab kasutaja üldse huvi.

Teisisõnu ei tee seda:

Kuid Hicki seadus ei peatu seal. Mõelge paljude erinevate oluliste otsuste tegemisega, mida kasutajad peavad teie veebisaidil tegema, peale selle, millise navigeerimislingi vajutage.

Siin on vaid mõned:

  • Otsustage, kas kasutada navigeerimisriba või kerige lehekülje alla
  • Pealkirjade tühjendamine, et näha, milline blogi postitus lugeda
  • Otsustage, kas laadida oma plii magnet, jagada oma postitust sotsiaalmeedias või jätta kommentaar
  • Ostu tegemine, tootearuannete lugemine või rohkem toodete sirvimine

Need ainult kriimustada pinda otsuste arvukusest, mida teie kasutajad peavad tegema. On tavaline, et sa oled rabatud, üritades mõista, kust alustada nende otsuste langetamist, aga on lihtne kasutada Hicki seadust näpuga …

Kõik, mida peate tegema, on installida täisekraanväljapääsu oma kodulehele. Tervitusvärav katab kogu ekraani ühe tegevusega, nii et kasutaja näeb esialgu ainult ühte valikut. Kui nad tahavad näha rohkem valikuid, peavad nad kerima allapoole.

See võimaldab minimeerida oma avalehele häiringuid, säilitades samal ajal oma avalehe funktsionaalsuse puutumata.

Üldiselt on Hicki seaduse rakendamisel teie veebisaidil oluline teada, millised tegevused on teie alumisele reale kõige olulisemad. Näiteks kas soovite, et kasutajad võtaksid oma plii magnet vastu või sooviksid nad toote oma ostukorvi panna? Iga teie saidi leht peaks saavutama ühe peamise eesmärgi.

Mida rohkem saate oma kasutaja valikuid piirata, seda lihtsam on teie veebisaidi kasutamine ja teie konversioonid tõusevad kiiresti.

2. Võimaldab kasutada kolmanda reegli

Kolmas reegel on populaarne fotograafia printsiip, mida saab kasutada ka veebidisainile. Kolmanda reegli järgi peaksite pilti (või veebisaidi lehte) visuaalselt jagama kolmandatesse (nii vertikaalselt kui ka horisontaalselt).

See annab teile üheksa võrdset ruutu:

Vastavalt reeglile on neli keset ristmikku strateegiliselt huvipakkuvad kohad. Kui objektid asetatakse nendes punktides, luuakse see kõige mõjukama pildi või kujundusega.

Veebi disaini osas saate paigutada lehtede kõige olulisemad elemendid nendesse ristmikesse, et inimesed saaksid neile tähelepanu pöörata, suurendades oma konversioone.

Näiteks Chris Lema kodulehel on kaks vasakpoolset ristmikku kõige olulisemad elemendid (tunnus ja nupp "Start Here"):

John Lee Dumas kangelase kujutis sisaldab üleskutse nupule vasakul vasakpoolsel ristmikul:

Kissmetrics asetab oma kõne ka vasakpoolse vasakpoolse ristmikuga toimingu nupule:

Pange tähele, kuidas ükski nendest veebisaitidest ei asu oma navigeerimisriba lähedal kõikjal ristmikel.See aitab hoida külastajaid keskenduda lehe peamisele tegevussuunale, mitte juhtida nende silma, et navigeerida kusagil mujal.

Sa ei pea kogu oma veebisaiti rangelt kujundama kolmanda reegli alusel, selle asemel võite seda kasutada kui vahendit, mis aitab teil kõige olulisemate elementide asetada.

Proovige oma veebisaidi ekraanipildi (kastike kohal või lihtsalt päise jaotis, mitte kogu lehe pikkus, sest keegi ei vaata sellist veebisaiti) ja jagage see üheksa võrdsesse ruutu. Seejärel saate otsustada, kas soovite teha mingeid tweaks.

3. Austa kasutajate kannatlikkust

(Või pigem imkannatlikkust.) Selgub, et inimesed on uskumatult kannatamatud, eriti veebi surfamisel.

Aberdeeni kontserni uuringu andmetel on lehekülje laadimisaja ühekordne viivitus konversioonide vähenemise 7% võrra!

Nii et kui tegemist on lehe laadimise kiirusega, loendatakse iga teine. Lehe kiiruse kontrollimiseks ja probleemide tõrkeotsinguks käivitage oma saidi ühe või mitme tasuta tööriista abil:

  • Google PageSpeed ​​Insights
  • Pingdom
  • GTmetrix
  • KeyCDN
  • Sucuri

4. Kasutage negatiivset ruumi

Veebidisainis nimetatakse tühimaterjalina tihtipeale negatiivset ruumi. Positiivne ruum on ruum, mis sisaldab kõiki teie saidil olevaid elemente, kusjuures negatiivne ruum on tühi ruum vahepeal.

Hoolimata nime, on negatiivne ruum tegelikult a positiivne asi veebidisainis, sest ilma selleta oleks teie veebisait loetamatu ja kasutuskõlbmatu.

Negatiivne ruum ei tähenda lihtsalt lehe suuremate elementide vahelist ruumi, näiteks päise ja sisu vahele jäävat ruumi või külgriba ja sisu vahekaugust. Samuti viitab see teie lehe kõigi väiksemate elementide vahele, nagu lõik lõikude vahele, teksti rida ja isegi tühikute vahele jäävat ruumi.

Pööra tähelepanu sellele kõik teie saidi negatiivse ruumi vormid hoiavad kõike loetavaks, skannitavaks (see on väga oluline, sest see on veebisaitide lugemine) ja lihtsalt silma peal. Ja muidugi kõik see suurendab konversioone.

Flat.io kasutab tonni negatiivset kohta oma kodulehel, et hoida keskendumist nende peamisele tegevussuunale, milleks on Google'i või Facebookiga liitumine.

Siin on mõned näpunäited selle kohta, et kasutate piisavalt negatiivset kohta:

  • Mida väiksem on teie font, seda rohkem ruumi vajate kirjade vahel.
  • Teie rea kõrgus (määratleb ruumide ridu üleval ja allpool) peaks olema ligikaudu 150% keha koopia kirjasuurusest (CSSis, see oleks järgmine:rööpme kõrgus: 1,5;).Pilt läbi Pearsonified'i
  • Kuid väiksemate fontide jaoks on vaja suuremaid rida kõrgusi. Pange tähele, et erinevus, mida suurem rida kõrgus teeb, on allpool toodud kahes lõigus:Pilt W3.orgi kaudu
  • Lõhkuge suuremahulisi teksti plokke väiksemateks lõikudeks, et suurendada negatiivset ruumi nende vahel ja muuta oma blogi postitused loetavamaks.
  • Lisage tühja ruumi oma saidi suuremate elementide (külgriba, päise, keha, jaluse jms) vahel, kasutades rohkelt marginaale ja polsterdust.

5. Mõelge F-kujundusele

Teadlased on leidnud, et veebi sirvimisel on kasutaja füüsiline käitumine ekraani lugemiseks "F-mustrina".

Siin on kuumakaart, mis näitab, kus kasutaja silmad tavaliselt veebisaidil asuvad.

Pilt läbi Envato

Ja siin on see, mis näeb välja nagu juhtraam:

Nagu näete, näevad inimesed kõigepealt ekraani ülaosast vasakult paremale. Seejärel skannib leht lehte allapoole, muutes väikesed sissekanded. Lehe ala, kus on kõige vähem nähtavust, on alt paremal.

Mida see tähendab konversioonide suurendamiseks? Noh, saate seda ära kasutada, asetades kõige olulisemad objektid ja üleskutsed tegudele F-kujuliste joonte abil ning paigutades objektid vähem nähtavaks alaks vähem tähtsaks.

Näiteks võite oma peamise kõne asetada lehe ülaosasse vasakule poole, sest see on kasutaja otsimine.

Seejärel, kui soovite, et teie kasutaja jätaks oma viimaste blogipostituste lugemiseks kinni, võite need pealkirjad paigutada lehe vasakusse serva. Vähem tähtsad andmed (näiteks sponsoreeritud reklaamid) võivad minna lehe paremas servas olevasse külgribasse ja saate asetada teabe, mida soovite saada kõige madalama nähtavuse (nt küpsisefailide reegel) lehe paremas nurgas.

6. Värviprotseduurid

"Värv on veebidisaini sageli alahinnatud aspekt, kuid see võib mängida väga olulist rolli kasutatavuses, samuti brändi üldise tähenduse ja veebisaidi üldise meeleolu üle," ütleb disainer Tom Kenny. "Erinevad värvilised kombinatsioonid võivad tekitada erinevaid emotsioone ja reaktsioone."

Kui valite oma veebisaidi värviskeemi, valige kindlasti kombinatsioon, mis toob esile emotsiooni, mida soovite oma brändi edastada.

Üks praktiline võimalus seda teha on Pinterest plaadi kureerimine piltidega, mis kajastavad teie kaubamärgi visiooni. Siis saate mõne neist piltidest üles laadida Adobe Color Wheel'i, kasutades kaamera ikooni ekraani paremas ülanurgas.

Kui pilt on üles laaditud, loob see automaatselt teie jaoks värviskeemi, tuginedes fotol olevatele värvidele. Valikut saab liigutada ka siis, kui soovite üksikute värvide häälestamist.

Kui olete värviskeemi loonud, peate silmas pidama, mis teie konversioone teeb või katkestab:

Kontrastsus.

Kasutage kontrasti, et teksti-, pealkirjad ja tegevuskõned helistaksid märgatavaks ja loetavaks. Teisisõnu, teie fondi ja nuppude värvid peaksid olema taustal suure kontrastiga (ntmust tekst mustvalge taust) ja elemendid, mida soovite esile tõsta (nt tellida nupud), peaksid olema värvilised, mis paistab silma ülejäänud saidil.

Niisiis, kui me peaksime kasutama ülaltoodud värviskeemi, tahaksime teha valdavalt värvitooni sinise tooni ja kasutada eredat kollast värvilisust kui aktiveerimist värviks (kuna see tagab kõige kontrasti).

Vaatame näiteks MailChimpit. Millised elemendid juhivad teie silma?

Noh, loomulikult on naine keskel olev pilt väga pilkupüüdev, aga kaks oranĹľat üleskutset tegutsemise nuppudele on tõepoolest tähelepanu haarata. Selle põhjuseks on see, et need erinevad täielikult kogu ülejäänud lehe bluesist.

Nuppude õigete värvide valimisel võite vaadata meie artiklit selle kohta, milline värviline nupp teisendab kõige paremini (siin on uuringud).

7. Pidage meeles, et K.I.S.S.

Olete ilmselt kuulnud "hoia seda lihtsat, lollit" mantra varem. Noh, see kehtib ka veebidisaini kohta.

Lihtsus on ülioluline, kui tegemist on konversioonide juhtimisega. Kui loote lehte, küsige endalt, kas on lihtsam seda teha. Tulemus on tavaliselt esteetiliselt meeldiv ja peaaegu alati parem.

Pidage meeles Hicki seadust? Siin tuleb mängida, kuid lihtsus on rohkem kui lihtsalt võimaluste piiramine. See on puhta üldise kujunduse loomine, mis on lahti segatud ja vähendab tähelepanu kõrvale juhtimist.

Sarnaselt Hicki seadusele on asjaolu, et inimesed saavad korraga töödelda nii palju teavet. Visuaalselt, kui näeme liiga palju asju, mis kõik on ühte lehte täis, siis me saame ülekoormatud ja meid häirib. Suure kasutajakogemuse loomine veebisaidil tähendab vabanemist midagi see ei ole disainile tingimata vajalik.

Apple on üks parimaid veebidisaini lihtsuse näiteid ja see on nii tõhus, et mitmed muud kaubamärgid on järginud seda.

8. Kasutage 8-teist reeglit

Pöialde üldine reegel on see, et külastajate tähelepanu saamiseks on teil vaid 8 sekundit, sest see on inimese tähelepanu keskpunkti pikkus. (Jah, see on lühem kui kuldkala tähelepanu keskpunkt!)

Teil on ainult väga väike võimalus kaasata kasutaja, kui nad esimest korda teie saidil asuvad, nii et neid sekundeid arvutaks!

Siin on mõned näpunäited, kuidas haarata tähelepanu ja suurendada konversioone esimese 8 sekundi jooksul:

  • Kasutage suurt ja kasulikku pealkirja, mis on lühike ja konkreetne.
  • Kasuta pilkupüüdevat pilti, mis edastab teie lehe peamise eesmärgi või eesmärgi ja juhib silma peamise üleskutse poole.
  • Tee registreerimisnupud suured, lihtsad ja selged.
  • Kasutage võimsaid sõnu, et muuta oma eksemplar kenamaks ja huvitavamaks.
  • Lisage multimeedium, näiteks video-, heli- või muu interaktiivne sisu.
  • Kasutage oma nuppude hõljutamise efekte (nt muudate need hiirekursori värvi muutmaks), et muuta need klikkimisega paremaks.
  • Kasutage animeeritud väljumise hüpikaknaid, et uuesti kaasata huvi kaotanud külastajad.

9. Pidage meeles Gestalt sarnasuse printsiip

Geestalt-disaini põhimõtteid saab kokku võtta ühe Gestalt psühholoog Kurt Koffka avaldusega: "Kogu on muu kui osade summa. "Põhimõtteliselt mõistab inimese silm ja aju ühtset disaini erinevalt, kui nad mõistavad selle disaini üksikuid komponente.

Esimene Gestalt'i põhimõte on sarnasuse seadus, mis ütleb, et inimese silm / aju meeldib kokku panna samalaadseid objekte. See on mehhanism, mis võimaldab meil mõista asju ja korraldada mürarohket keskkonda.

Veebi disaini osas saate seda seadust kasutada, rühmitades üksused, mida soovite üksteisega siduda, näiteks iseloomustus kastid, konversioonide nupud või pildid.

Näiteks kui teil on hämmastav iseloomustus ja soovite seda oma kontost vabastamise vormis reklaamide suurendamiseks kasutada, võite selle panna otse vormi all. Isegi kui teie tunnustust ei kirjutata spetsiaalselt oma plii magneti suhtes, ühendab kasutaja need kaks, sest nad on lähedalasuvuses.

Chris Lema kaudu

Sarnasuse seadus on kasutajakogemuse jaoks samuti oluline. Rühmitades oma registreerimisvormi kõik peamised elemendid kokku (pealkiri, kirjeldus ja valikunupp) ning hoides neid lehe teistest elementidest piisavalt kaugel (kasutades negatiivset ruumi), saab kasutaja aju töödelda teavet kiiremini ja tõhusamalt.

See on loomulikult suurepärane konversioonide jaoks, eriti seetõttu, et nagu eelmises punktis öeldi, on inimestel väga lühike tähelepanu!

10. Kasutage nägusid tuttavaks

Inimesed armastavad inimeste nägusid. "Kui me näeme nägu, käivitatakse see automaatselt, et tunneks midagi või mõtleks sellele isikule kaasa," ütleb disainer Sabina Idler. "Kui me tunneme veebisaidil olevat sisu – nagu probleem, dilemma, harjumus või mis tahes muu – me tunneme end ühendatud ja mõistaksime."

Veenduge, et oma konversioonide jaoks suurendaksid oma esemeid, juhtumiuuringuid ja iseloomustusi, optimeeritavaid lehti ja sihtlehti oma nägu.

Kui olete oma brändi nägu, on see lihtne teha. Tehke fotode tegemine ja veenduge, et fotograaf võtab sujuvalt horisontaalseid pilte negatiivse ruumiga ühes suunas. Sel moel saate toiminguid kutsuda või mõnda teksti seal.

Siin on näide Melanie Duncanilt:

Kuid kui te pole oma brändi nägu, võite ikkagi oma veebisaidil nägusid kasutada, võttes tööle mudeleid või kasutades fotovärve. Lihtsalt veenduge, et teie valitud näod esindaksid teie brändi täpselt, nii et kasutaja suudab näoga seotud.

Vendeve, naisettevõtjate sotsiaalne võrgustik, teeb seda suurepäraselt, kasutades nägusid, mis kajastavad nende demograafilist sihtmärki:

11. Allikas Kõrge kvaliteediga pildid

Kui on üks asi, mis võib tõeliselt lohistada blogi postituse või sisutüki kvaliteeti, siis on tegemist madala kvaliteediga piltidega.

Tegelikult saavad pildid tehingu teha või murda. Bright Local tõi välja, et 60 protsenti tarbijatest soovivad rohkem kaaluda kujutisi sisaldavaid otsingutulemusi ja veel 23 protsenti tõenäolisemalt kontakteeruvad ettevõttega, mis näitab pilti.

Täpsemalt tuleks vältida ebaotstarbeliste ja pehmete piltide kasutamist. Skyword-i uurimusest leiti, et kui teie sisu sisaldab kaalukaid pilte, saate keskmiselt 94% rohkem vaadet!

Nii et kui kasutate kergeid kujutisi, siis saate kvaliteetseid fotosid, millel on positiivsed seosed sisu ja sellega isiklik. Pidage meeles: inimesed nagu kaubamärke tunnevad end sarnaselt. Kui teie kujundused on liiga "kinnised" või "korporatiivsed", siis muudate oma külastajad ära.

Siin on mõned meie lemmikkohad, et leida vaba fotograafia, mis on kõrge kvaliteediga ja isiklik:

  • Pexels
  • Surm Stock
  • StockSnap
  • Tühjendamata
  • Superfamous Studios
  • Negatiivne ruum
  • Gratisograafia
  • Väikesed visuaalid
  • Picjumbo
  • Kaboompics

Nüüd, kui mõistate neid 11 veebidisaini põhimõtet, kasutage seda hästi, vaadates oma olemasolevat kujundust hoolikalt läbi. Milliseid põhimõtteid sa purustad?

Kas teil on liiga palju navigeerimislingeid? Pole piisavalt negatiivset ruumi? Või ehk teil pole teie saidil ühtegi nägu?

Paljud neist probleemidest on kiiresti ja lihtsalt fikseeritud vaid mõne tweaksuga. Võite käivitada konversioonimäära auditi, et näha, kus teie saiti võib suurendada.

Samuti, kui teile meeldib see artikkel, võite vaadata meie muud postitust 4 Veebisaidi konversioonimäära parandamise disainilahenduste näpunäited.

Vaata videot: ZEITGEIST: EDASIMINE AMETLIK KINNITUS. 2011

Like this post? Please share to your friends:
Lisa kommentaar

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: