Kas peaksite järgima lehepealse disaini põhimõtteid?
Veebidisaini ja -arenduse valdkond valmistab teile ette palju dilemmasid: kas kasutada puhast stiili või mitte, lisada oma veebisaidile uusimaid trende või mitte, panna rõhku visuaalsele esiküljele või funktsionaalsusele, muuta disain tundlikuks või mitte jne.
Me ei saa vastata kõigile neile küsimustele korraga; selle asemel alustame ühe väga olulise aspektiga: voltimine.
Mida tähendab volt?
Voldik on termin, mida veebisaidi omanikud ja arendajad kasutavad saidi sisu selle osa tuvastamiseks, mis kuvatakse allapoole kerimata. See on ala, mis on nähtav kohe, kui kasutaja veebisaidile siseneb.
Ajalehe päritolu
Kust on pärit päritolu? Kõik on lihtne: ajakirjandus määras selle termini ammu enne seda, kui veebidisain sai nii oluliseks ja arenenud valdkonnaks. Trükitud ajalehtedes olid kõige sensatsioonilisemad artiklid lehe ülaosas, et meelitada lugejaid kogu lehte lehitsema.
Erinevad ekraani eraldusvõimed
Voldi probleem on tänapäeval eraldusvõime. iPadi eraldusvõime on 1024×768, iPhone 4 eraldusvõime on 960×640, minu 22-tollise monitori eraldusvõime on 1920×1080 ja tänapäevalgi on kõige levinum 1280×720. See ei ole enam üht tüüpi arvuti, mis kõigil on, kuid tänapäeval on arvutimonitoride kujundusi ja suurusi tohutult, mistõttu on raske luua üldist lehepealset kujundust. Igatahes mõni kasutaja näeb rohkem, teine vähem, kus on siis kuldne keskmine? Ma arvan, et see on fold-eitamises, sest üldtermin on nüüdseks surnud.
Mobiilseadmed muudavad volti
Ekraani eraldusvõimest oleme teile rääkinud vaid paar rida eespool, kuid mainimist väärib ka see, et me ei tea, millised seadmed ilmuvad homme, kuu või paari aasta pärast. Tänapäeval kasutavad inimesed tahvelarvuteid ja nutitelefone, kuid mõned aastakümned tagasi jäid need meile teadmatusest välja.
Kerimise epohh
Ennekõike kerimine – nii luuakse tänapäeval veebilehti. See oli tavaline asi, et sirvida veebisaiti lehe ülaosas ega teadnud, kuidas edasi tegutseda, kui veebibrauserid olid avastamata. Tänapäeval elavad kasutajad võrgus, suhtlevad, ostlevad, reklaamivad ja ajavad äri Internetis ning teavad sellest kõike. Teine asi on see, et kasutajatele ei meeldi lugeda ja nad pööravad ühele saidi jaotisele liiga palju tähelepanu, mistõttu nad kerivad, kerivad ja uuesti kerivad. Teie ülesanne on panna nad selle või teise elemendi juures peatuma ja nagu te aru saate, pole see seotud voltimisega. See on vaid paar sekundit, kui kasutajad vaatavad saidi kangelaste ala, nii et te ei pea kõike ühte lehe tsooni toppima. Peaksite panema kogu lehele õiges proportsioonis sisu ja seda tehes kahekordistate oma võimalusi olla märgatud ja loetud.
Näited selle kohta, kuidas kasutajaid kerimiseks kaasata
Kui olete otsustanud oma veebisaidi kerimise aktiivseks muuta, peate mõtlema läbi kõik võimalikud võimalused, et see toimiks ja oleks kaasahaarav. Kuidas kasutajad aru saavad, et nad peavad kerima? Miks nad peavad kerima? Mida nad saavad, kui kerida?
Kerimisrajad – see on siis, kui kasutate oma veebisaidil tee näitamiseks mõnda elementi. Siin pean silmas nii elementaarseid nooli kui ka loomingulisi lahendusi, nagu õhupall, hiilimine, kõike, mida saate ette kujutada.
Lauatennisereketiga rannasigade veebisait
Sparksi stuudio
Veergude paigutus – see funktsioon võib palju aidata kasutajaid intrigeerida, eriti kui üks veerg on voltimise tõttu katki. Seejärel hakkavad kasutajad kerima, et lugeda jaotise lõpuni ja nii jõuavad nad tahtmatult jalusesse ja saavad teise osa teie ettevalmistatud teabest.
Navigeerimine on iga veebisaidi nurgakivi ja pole üllatav, et sellel peaks olema parim asukoht ja kasutajasõbralikum funktsionaalsus. Parim positsioon on voldi kohal, see on kahtlemata. Miks? Kuna kasutajad ei pruugi soovida kogu avalehte kerida, kuid neil on konkreetne eesmärk ja nad peavad nägema konkreetset lehte, näiteks meie kohta, kontakti, makse, portfelli jne. Kui paned nad rohkemate lehtede sirvimiseks kerima, nad annavad selle kõik ära ja leiavad teise saidi. Paljud arendajad teevad vea, kujundades tohutuid kangelasalasid, kus pildid võtavad kogu lehe kohal oleva ruumi (ja suur kangelaste ala on tänapäeval trendis). Parem asetage navigeerimisriba selle pildi kohale ülaosas, selle asemel, et muuta see jaotise alla ja nähtavaks alles pärast mõningast kerimist.
Veebisaidi kujundus koos üleval navigeerimisega
Kus on üleskutsed tegutseda tõhusamad?
Vastus sellele küsimusele sõltub paljudest teguritest: millist tüüpi teenuseid/tooteid te pakute, klient saab otsuse teha kohe või peab ta enne rohkem lugema, teil on üks või paar üleskutset tegevusele, mida saate lehel. Nüüd kirjeldame iga punkti üksteise järel.
Tegevusele kutsumise (CTA) nupp toimib lehe ülaosas, kui annate päises oma toote kohta põhjaliku teabe. See võib olla slaidiesitlus, täpploendid teie toote eelistega, igasugune staatika jne. Seega on kasutajal teie ettevõttest mulje jäänud ja ta saab otsuse teha. Sel juhul toimivad voltimisnupud teie kasuks.
Üheleheline veebisait, mille lehe kohal on CTA nupp
Kui teil on klientidele rääkida pikk lugu ja soovite, et nad teaksid teie toote kõiki plusse ja miinuseid, peate oma CTA paigutama lehe lehe alla ja seda parem jaluses. Seega, kui kliendid on kindlad, et nad seda vajavad, näevad nad otse enda ees tõuget. Siiski peaksite muutma oma loo atraktiivseks, huvitavaks, kaasahaaravaks ja sihikindlaks, kui ei, siis pole vastust.
Millal saate kasutada mitut kutset tegevusele? Ainult siis, kui teete need erineva eesmärgiga ja paigutate erinevatesse sisuosadesse. Lisaks on parem luua neile kõigile erinevaid kujundusi, et üksteisest eristada. Kui asetate kõikjale sama nupu, rikub see teie kohalolekut veebis ja halvendab teie lõpptulemusi.
Mitme tegevusele kutsuv veebisait
Kuidas panna CTA keskele? On mõned nipid, mida peaksite teadma:
- pange tegevusele kutse külgribale, eelistatavalt vasakule küljele, sest tavaliselt loeme vasakult paremale ja kõik vasakpoolne tuleb kõigepealt silma:
- muuta üleskutse kujundus märgatavaks, värvida see eredalt ja kasutada suuri fonte;
- kasutage tegevusele kutsumise ümber tühiku, et see muu sisu hulgast silma paistaks.
Suurim viga, mida saate teha, on CTA segamine teiste sisuüksustega. Nii et ärge kunagi pange seda segasele ja räpasele paigutusele, see ei tööta kindlasti.
Kontaktteave: lehe kohal või all?
Kõigile kasutajatele ei meeldi sirvida pikki ja palju sisuga veebisaite, mõned neist leiavad need saidid ainult selleks, et hankida ettevõtte kontakte, et helistada. Seetõttu on parem kontaktid olla lehe kohal, see võib olla üks rida telefoninumbriga või kompaktplokk üksikasjalikuma teabega. Lisaks sellele ärge unustage eraldi lehte Kontaktid, kas see on igal saidil kohustuslik.
Voldi kohal on endiselt oluline: avaleht ja maandumine
Voldi kohal oleva kujunduse põhimõte ei ole kõigi veebisaidi lehtede puhul võrdne. Kuigi see on sisulehtedel ebaoluline ja tarbetu, on see kodulehe kujunduse ja sihtlehtede jaoks üsna oluline. Siin on teil võimalus meelitada vaatajaid piltidega kena kangelase sektsiooni või slaidiesitlusega. Sellegipoolest järgige kõigi tegevus- ja navigeerimisreegleid, millest me varem rääkisime.
Viimased näpunäited: lehe kohal ja selle all esiletõstetavad elemendid
Loodame, et te pole artikliga segadusse läinud; igal juhul anname teile lühidalt lehe ülaosa kujunduse põhipunktid ja võtame kõik kokku lihtsate näpunäidetega, mida järgida:
- Esitage oma nimi lehe ülaosas. Logotüübil on suur mõju bränditeadlikkusele ja see on tegelikult põhjus, miks veebisait luuakse – teie nime/ettevõtte reklaamimiseks.
- Kasutage ülemist navigeerimist. See on mitmelehelise veebisaidi kõige olulisem element, seega on voltimispõhimõtted siin väga olulised.
- Asetage populaarsed uudised lehe kohale. Laske klientidel olla teie sündmustest ja uutest toodetest kohe kursis, ärge laske neil oletada.
- Sotsiaalmeedia nupud töötavad hästi nii lehe kohal kui ka all. Kui teie veebisaidi lehel on pikk kerimine, ärge tehke valikut – lihtsalt pange suhtlusvõrgustiku jagamise nupud üla- ja allapoole. Päise nupud sobivad hästi külastajatele, kes teid juba tunnevad ja otsisid täpselt teie veebisaiti, et neid jälgimisnuppe leida. Jaluse nupud on suurepärased, sest kui kasutajad on sinu sisust huvitatud, kerivad nad nagunii alla.
- Leidke oma veebisaidi jaoks sobiv üleskutse positsioon. Igal ettevõttel ja teenusepakkujal on veebisaidi loomisel erinev eesmärk, seega on ka nende jaoks erinevad üleskutsed tegevusele. Selles postituses anname selle disainiprobleemi kohta hea selgituse, loodame, et lugesite seda põhjalikult, kui mitte, tulge tagasi.
- Ärge asetage kõike voldi kohal. Muul juhul saate kohutava segase kujundusega veebisaidi, pealegi tühja ja igava voldi kujundusega.
- Kui teie veebisaiti kasutavad peamiselt mobiilikasutajad, jätke tähelepanuta lehe ülaosa põhimõtted. Inimesed on harjunud kerima, kui nad sirvivad saite nutitelefonide või tahvelarvutite kaudu.
- Kerimine on trendis, seega andke sellele parem kokkupuude, mitte voldi kohal, mis pole tänapäevases digimaailmas kohustuslik.