Kuidas kujundada kodulehte

Kodulehe kujunduse loomisel, on mõned asjad, mida peaksite meeles pidama. It’s important to keep it simple, ja kasutada pilte, videod, ja navigeerimine, et aidata külastajatel saidil navigeerida. Ärge unustage lisada oma logo, ka! Enamik veebisaite kuvab oma logo oma kodulehe vasakus ülanurgas, kuid võite selle paigutada ka navigeerimisribale. Parim on hoida oma logo suur ja hõlpsasti loetav, et külastajad saaksid selle hõlpsalt tuvastada.

Simple

Kodulehe kujunduse loomisel, on oluline, et see oleks lihtne. See ei pea olema graafika ja animatsioonidega üle koormatud – see võib külastajaid segadusse ajada ja teie saiti aeglustada. Professionaalne veebidisainer aitab teil oma kodulehe kujundust maksimaalselt ära kasutada ilma liigseid segajaid kasutamata. Koopia peaks olema kaasahaarav ja fonte peab olema lihtne lugeda.

Kodulehe eesmärk on veenda külastajaid saiti rohkem uurima ja lehtri kaudu liikuma. Selle saavutamiseks, peate lisama tegevusele kutsuvad nupud (CTA-d) – sageli on need kontaktvormid või liitumisnupud – atraktiivses ja silmapaistvas kohas. Lisaks, kui kasutate oma kodulehel mitut CTA-d, peaksite kasutama CTA nuppude jaoks erinevaid värve, et meelitada lugejaid neile klõpsama.

Veel üks lihtsa kodulehe kujunduse näide on veebisait Calm. Nende kodulehe kujundus on puhas ja ühtib brändi väärtustega. Samamoodi, Zenefitsi koduleht on suurepärane näide sarnase kujundusega veebisaidist, aga hoopis teise tunnetusega. Sel juhul, keritav kujundus muudab avalehe kolmemõõtmeliseks ja sellel on erinevat värvi sümbolid.

Lõppkokkuvõttes, lihtne kodulehe kujundus peaks keskenduma pakkumise selgele esitamisele, külastajat segamata. Saate kasutada võimsat tööriista, näiteks kõnetuvastustehnoloogiat TruAccent, mis aitab tagada, et teie sõnum on selgelt kuuldav. Copyblogger soovitab emotsioonide esilekutsumiseks ja lugejatega ühenduse loomiseks kasutada ka jõusõnu. Kasutades selliseid sõnu nagu autoriteet, võimsalt tõhus, ja lihtsad on kõik head viisid oma kodulehel tähelepanu äratamiseks.

Images

Images are an important part of homepage design for a variety of reasons. Need aitavad teksti jagada ja hoiavad müügivihjete huvi. Paljud ettevõtted lisavad rohkem pilte, et anda oma toodetele ja teenustele visuaalne atraktiivsus. Teine suurepärane viis avalehe teksti tükeldamiseks on kasutada ikoone. Ikoonidel on sümboolne tähendus, ja on mugav viis lehel oleva teksti kärpimiseks.

Teie valitud pildid peaksid olema seotud teie avalehe sisuga. Näiteks, kui olete turismitööstuses, võiksite kasutada pilte õnnelikest surfajatest. Pildid ei pea olema informatiivsed, aga need peaksid tooni andma. Kaasahaarava kujunduse loomiseks, kasutage pilti, mis inspireerib teie vaatajaid. Saate kasutada ka varupilte, et edastada külastajatele teatud toon. Need on eriti kasulikud teie veebisaidile tervitatava õhkkonna loomisel.

Video

Adding video to your homepage design is a great way to enhance your landing page and increase your conversions. Saate kasutada palju erinevat tüüpi videoid, ja need kõik lisavad teie avalehele atraktiivsust. Video lisamine oma kodulehele on suurepärane võimalus oma veebisaiti konkurentidest eristuda.

Avalehel olev video tõstab esile teie ainulaadsed müügiargumendid, demonstreerida oma toodet või teenust, ja juhtida tähelepanu oma üleskutsele tegevusele. See peaks asuma teie lehe ülaosas või keskel. Veendumaks, et video oleks paigutatud võimalikult heasse kohta, kasutage soojuskaarti, et analüüsida, kuidas inimesed avalehte vaatavad. Vältige oma videos liigse teabe jagamist. Saate alati hiljem rohkem videoid luua, seega keskenduge oma peamiste eeliste näitamisele.

On oluline, et teie video eristuks muust avalehe sisust. Halvasti toodetud video võib muuta teie veebisaidi vähem professionaalseks, ja ei lisa üldisele sõnumile midagi. Selle vältimiseks, veenduge, et teie video oleks hästi toodetud ja hästi monteeritud. Kui võimalik, filmige video akna lähedal või keskkonnas, kus taustmüra on madal.

Teie avalehe kujunduses olev video võib suurendada tõenäosust, et inimesed klõpsavad linke ja vaatavad teie sisu. See kujunduselement võib ka teie navigeerimist parandada. Video võib hõivata suure osa teie süsteemi ressurssidest. Kui kasutate oma videot oma avalehel, veenduge, et valite kõrge eraldusvõimega video, mis pole liiga suur.

Navigeerimine

A website’s navigation is one of the most important design elements. Külastajad jõuavad saidile erinevatest allikatest, sealhulgas otsingumootori tulemused ja lingid teistelt veebisaitidelt. Valitud navigeerimisstruktuur peaks vastama teie sihtrühmale. Samuti on oluline kindlaks teha, milliseid kohti külastajad tavaliselt külastavad. Halva navigatsiooniga saiti külastatakse väiksema tõenäosusega kui hea navigatsiooniga saiti.

Segaduste vältimiseks, muuta navigeerimine hõlpsasti leitavaks ja võimalikult lühikeseks. Ülemine navigeerimisriba ei tohi sisaldada rohkem kui seitset üksust. Inimese aju suudab meeles pidada ainult seitset elementi, nii et vähem esemeid võimaldab külastajatel hõlpsalt leida seda, mida nad otsivad. Samamoodi, sotsiaalmeedia nupud tuleks asetada jalusesse, nii et need ei segaks kasutajaid.

Hea navigeerimine suurendab ka teie otsingumootori optimeerimist. Seda seetõttu, et hea navigeerimine aitab otsingumootoritel teie veebisaidil tõhusamalt läbi roomata, mille tulemuseks on kõrgem paigutus otsingutulemustes. Lisaks, lihtne navigeerimine suurendab ostude tõenäosust. Inimesed sooritavad sageli oste siis, kui neil on otsitava leidmine lihtne. enamgi veel, hea navigeerimine muudab külastajad teie saidil mugavamaks.

Rippmenüüd on suurepärane viis navigeerimise hõlpsaks kasutamiseks. Need menüüd loetlevad tipptasemel kategooriad ja alamkategooriad ning pakuvad ka linke sisule. Need sobivad suurepäraselt ka keeruka IA-ga veebisaitidele.

Cascading menus

Cascading menus are an effective way to display an extensive list of options for users. Kuid, õige paigutus ja juurutamine on positiivse kasutajakogemuse jaoks üliolulised. Allpool on mõned näpunäited menüüde lisamiseks oma kodulehe kujundusse. Peaksite paigutama menüüvalikud loogilistesse rühmadesse ja määrama neile kirjeldavad pealkirjad. Samuti on oluline vältida pikkade või segadusttekitavate menüüpealkirjade loomist.

New York Times kasutab oma veebisaidi jaoks horisontaalset rippmenüüd. See võimaldab kasutajatel hõlpsalt navigeerida mitmesuguste valikute vahel, ilma et peaksid lehte värskendama. Kasutajad saavad hõlpsasti valida neid huvitava valiku ja kitsendada oma otsingut hõlpsalt. Avalehe menüüd annavad kasutajatele ka visuaalse vihje saadaolevate valikute suurest valikust.

Paljud veebisaidid teevad vea, paigutades põhisisu kohale raske menüü. Lihtne viis saidi funktsionaalsuse suurendamiseks on muuta sellel navigeerimine lihtsaks. Hästi kujundatud rippmenüü peaks hea välja nägema ja töötama sujuvalt. Navigeerimise värviskeem peaks olema ümberpööratud, et kasutaja saaks hõlpsalt valida soovitud valiku. Kui kasutate sinist ja kollast värvi, veenduge, et need oleksid kontrastsed.

Kleepuva alammenüü lisamine on veel üks tõhus viis menüüde tõhususe suurendamiseks. Seda tüüpi menüü tõmbab üksused iga jaotise põhipealkirjast. Kleepuvad alammenüüd suunavad vaatajad vastavasse jaotisesse. Lisaks, kleepuvad alammenüüd jäävad teie akna ülaossa, et tõsta esile konkreetne külastatud jaotis.

Easy to navigate

When designing a homepage, esimene asi, mida peaksite kaaluma, on see, kui lihtne on inimestel sisus navigeerida. Inimesed tahavad kiiresti leida vajaliku teabe. Navigeerimisriba peaks olema hõlpsasti kasutatav ja see peaks asuma lehe ülaosas või paremas nurgas. Kasutajal peaks olema võimalik leida kõike, mida nad otsivad, ilma probleemideta.

Koduleht peaks suutma vastata ka küsimustele, mis külastajatel tekkida võivad. Enamik külastajaid soovib oma küsimustele vastuseid. Nendele küsimustele võimalikult hästi vastamiseks on hea mõte kitsendada oma saidi sisu fookust. See aitab külastajatel leida otsitava teabe ja liikuda hõlpsalt järgmisele lehele.

Veel üks hõlpsasti navigeeritava kodulehe kujunduse oluline aspekt on selle koopia. Koopia peaks olema kerge ja kergesti loetav. See peaks suutma köita külastaja tähelepanu ja ajendama neid saidil konkreetseid toiminguid tegema. Kangelase pilt aitab teil seda teha. Kangelasekujutist kasutav kodulehe kujundus on külastajate ligimeelitamisel väga tõhus.