10 todella toimivaa web-suunnittelutemppua sivustosi tulosprosentin nostamiseen

Älykkäät markkinoijat tietävät, että verkkosuunnittelu voi joko parantaa tai laskea tulosprosenttia.

Vaikka on totta, että hakukoneoptimointi ja sosiaalisen median markkinointi ovat elintärkeitä konversioille, erinomaisella suunnittelulla voi olla suuri merkitys.

Kaikilla digitaalisen markkinoinnin komponenteilla on merkitystä. Verkkosuunnittelu voi kuitenkin tehdä tai rikkoa tulosprosentteja. Stanfordin yliopiston tutkimuksessa 46,1 prosenttia ihmisistä ilmoitti, että heidän tärkein mittarinsa erottaa yrityksen uskottavuuden vai ei, on web-suunnittelu. Tätä silmällä pitäen verkkosivustosi suunnittelu on elintärkeää, ja sen tulee näyttää ammattimaiselta.

Esteettisesti miellyttävä

Sivustosi estetiikka voi myös vaikuttaa konversioihin. Adoben tutkimuksen mukaan kaksi kolmasosaa ihmisistä kuluttaisi sisältöä ja pysyisi siellä, jos sivusto on kauniisti suunniteltu. Sivustosi on kuitenkin näytettävä houkuttelevalta, jos haluat vierailijoiden lukevan viestejäsi.

Siinä tapauksessa et voi sivuuttaa web-suunnittelua. Voit palkata freelancerin tai suunnittelijan varmistaaksesi, että sivustosi on esteettinen.

Tässä on joitain web-suunnittelun temppuja, jotka voivat lisätä konversioita kestävästi.

1 Katso Hickin lakia

Laki sanoo, että lisäämällä vaihtoehtojen määrää se lisää myös aikaa, joka yksilöltä kuluu päätöksentekoon. Tähän lakiin viitataan usein web-suunnittelussa. Tässä tutkimuksessa tutkijat havaitsivat, että enemmän ei aina ole parempi, koska pöytä, jossa on vähemmän hilloja, houkutteli enemmän ihmisiä kuin pöytä, jossa on 24 hilloa. Ihmiset tekivät todennäköisesti ostoksia nähdessään pienen näytön.

Jotta voit soveltaa lakia web-suunnitteluun, sinun on rajoitettava vierailijoillesi tarjottavien vaihtoehtojen määrää. Arvioi verkkosivustosi navigointipalkin sisältöä. Se on paras paikka löytääksesi, mistä voit päästä eroon vaihtoehtojen määrän vähentämiseksi. Mitä useammasta linkistä kävijät voivat valita, sitä enemmän käyttäjät menettävät kiinnostuksensa verkkosivustoasi kohtaan.

Navigointipalkin lisäksi sinun tulee tarkastella myös muita verkkosivustosi elementtejä, joista kävijöiden on päätettävä, kun he ovat sivustossasi. Näihin kuuluu sen määrittäminen, sallitaanko lukijoiden vierittää sivua alaspäin vai käyttääkö navigointipalkkia. päätät ladata e-kirjasi tai jakaa julkaisusi sosiaalisessa mediassa tai lukea tuotearvosteluja tai selata muita tuotteita.

Koska verkkosivustollasi voi olla useita paikkoja, joissa voit vähentää vaihtoehtojen määrää, kannattaa ehkä asentaa tervetuloportti etusivullesi. Täällä vierailijasi näkevät tervetuloviestin, joka kattaa koko näytön, ja siinä on yksi toimintakehotus. Tämä mielessä vierailijoilla on vain yksi vaihtoehto vieraillessaan sivustollasi. Jos he haluavat nähdä lisää vaihtoehtoja, he voivat vierittää alaspäin, mikä minimoi häiriötekijät etusivullasi.

Kun noudatat tätä lakia, on kuitenkin elintärkeää, että otat huomioon toimet, jotka ovat ratkaisevan tärkeitä tuloksesi kannalta. Muista, että sivustosi jokaisen sivun on saavutettava yksi ensisijainen tavoite. Toisaalta mitä vähemmän vaihtoehtoja kävijöilläsi on, sitä helpompi heidän on käyttää verkkosivustoasi, mikä voi lisätä sivustosi tulosprosenttia.

2 Nopeuta verkkosivustoasi

Vierailijasi ovat kärsimättömiä surffaillessaan netissä. Toinen viive voi vähentää konversiota 7 prosenttia. On olemassa useita työkaluja, joilla voit tarkistaa sivusi nopeuden ja saada lisätietoja sen ongelmista. Voit käyttää muun muassa Googlen PageSpeed ​​Insightsia, SEO Chatin ja Pingdomin Page Load Speed ​​Analyzeria.

Muista, että sinulla on kahdeksan sekuntia aikaa kiinnittää lukijasi huomio. Siinä tapauksessa sinulla on hetki aikaa houkutella kävijöitä verkkosivustollesi saapumisen jälkeen. Jos verkkosivustosi latautuu hitaasti, ne lähtevät eivätkä koskaan tule takaisin.

Verkkosivustosi nopeuttamisen lisäksi kannattaa harkita lyhyen otsikon, katseenvangitsevan kuvan luomista, joka voi kertoa sivusi tarkoituksesta tai kiinnittää kävijöiden katseet ensisijaiseen toimintakehotukseen. Varmista, että kirjautumispainikkeesi ovat suuria ja yksinkertaisia. Ja varmista, että kopiosi on houkutteleva.

3 Noudata tätä valokuvausperiaatetta

Kolmannesten sääntö on valokuvausperiaate, jonka web-suunnittelijat voivat toteuttaa. Tässä säännössä sinun on jaettava verkkosivusi kolmasosaan, jotta saat yhdeksän samankokoista ruutua. Neljä keskimmäistä ruutua ovat kiinnostavia kohteita. Kaikilla näihin kohtiin sijoittamillasi esineillä voi olla valtava vaikutus verkkosivustoosi, mikä lisää konversioita.

Voit sijoittaa tärkeimmän toimintakehotuspainikkeesi näille alueille. Mutta älä sijoita navigointipalkkia näihin paikkoihin. Tällä tavalla vierailijasi keskittyvät verkkosivusi ensisijaiseen toimintakehotukseen.

Koko verkkosivustoasi ei tarvitse suunnitella uudelleen. Sen sijaan voit käyttää kolmasosien sääntöä tapana sijoittaa sivustosi tärkeimmät osat. Ensin sinun on otettava kuvakaappaus sivustostasi sivun yläosassa. Jaa se sitten yhdeksään yhtä suureen osaan. Sieltä voit päättää, haluatko muokata verkkosivustoasi vai et.

Näille alueille voit sijoittaa video-, ääni- ja muuta interaktiivista sisältöä. Harkitse hiiren osoittimen käyttöä toimintakehotuspainikkeihisi. Tällä tavalla vierailijat houkuttelevat enemmän napsauttamaan. Lisää sitten animoituja poistumisikkunoita. Ne ovat tärkeitä vierailijoiden aktivoimiseksi uudelleen, kun he menettävät kiinnostuksensa.

4 Hyödynnä negatiivista tilaa

Negatiivinen tila on tyhjä tila web-suunnittelussa. Tämä tila on positiivinen asia, koska se tekee sivustostasi luettavamman ja käyttökelpoisemman. Tämä tila ei ole vain sivusi elementtien välinen tila. Pikemminkin se viittaa myös sivusi pienten elementtien väliseen tilaan, kuten tekstin kappaleiden tai rivien väliseen alueeseen.

Sinun on kiinnitettävä huomiota sivustosi negatiivisiin tiloihin, koska ne tekevät sivustostasi helpon silmille, mikä johtaa lisääntyneeseen konversioon. Verkkosuunnittelustasi riippuen saatat käyttää paljon negatiivista tilaa etusivullasi. Tällä tavalla vierailijasi keskittyvät ensisijaiseen toimintakehotukseen.

Jos haluat saada tarpeeksi negatiivista tilaa, voit käyttää pienempää fonttia, jotta kirjainten väliin jää enemmän tilaa. Tällöin rivin korkeuden tulee olla 1,5. Jos valitset pienemmät kirjasimet, sinun pitäisi olla enemmän rivinkorkeuksia.

Jaa sitten suuret tekstilohkot pienemmiksi kappaleiksi lisätäksesi negatiivista tilaa kappaleiden väliin, mikä tekee viestistä luettavampia. Älä unohda käyttää marginaaleja ja täyttöjä lisätäksesi tyhjää tilaa sivustosi suurten elementtien väliin.

5 Päästä eroon liukusäätimistä tai karuselleista

Miksi? Ne voivat vain vahingoittaa tulosprosenttiasi. Ennen ne olivat jännittäviä. Mutta nyt niistä tulee lemmikkikiviä. Lisäksi liukusäätimet hidastavat sivustoasi käytettyjen suurten kuvien vuoksi. Ne ovat myös häiritseviä, koska ne eivät anna vierailijoiden käyttää sisältöäsi.

Nämä elementit ovat hämmentäviä, koska ihmisen silmät reagoivat ympäristöön. Ihmisen aivot on suunniteltu havaitsemaan liikettä staattisessa maisemassa. Aikoinaan oli hyödyllistä jäljittää mammutteja tundran poikki. Mutta tämä vastaus saa ihmiset kiinnittämään enemmän huomiota liukusäätimien liikkeisiin ja jättämään huomiotta muunnospisteet, joihin haluat heidän keskittyvän.

Lisäksi liukusäätimillä ei ole järkeä, kun vierailijat navigoivat sivustollasi mobiililaitteen kautta. Ja siksi ihmisten on helpompi vierittää kuin pyyhkäistä. Muista, että mitä helpommin vierailijat voivat navigoida sivustollasi mobiililaitteella, saat korkeammat tulosprosentit.

Liukusäätimet aiheuttavat myös liian monta H1-tunnistetta sivustollesi. Saatat ajatella, että ne sopivat hyvin sivustollesi, mutta indeksointirobotit halveksivat niitä. Syynä tähän on, että ne sekoittavat verkkosivustosi tietohierarkian. Koska indeksointirobotit vihaavat niitä, ne voivat vaikuttaa merkittävästi sivusi sijoitukseen. Muista siis välttää niitä niin paljon kuin mahdollista.

Liukusäätimien käyttämisen sijaan valitse staattinen kuva, jossa on voimakas otsikko.

6 Harkitse F-kuviota

Useissa tutkimuksissa tutkijat ovat havainneet, että useimmat käyttäjät selaavat verkkoa lukeakseen F-kuvion mukaisia ​​viestejä. Eli ne näyttävät vasemmalta oikealle näytön yläreunassa. Sen jälkeen he skannaavat sivun alas ja lukevat sisältöä. Harvoin ne pääsevät sivun oikeaan alakulmaan.

Kuinka voit käyttää F-kuviota konversioidesi tehostamiseen? Sijoita ne tärkeät toimintakehotukset ja objektit F-muodon linjoille. Lisää sitten vähemmän tärkeät kohteet alueille, joilla on huono näkyvyys.

Koska vierailijasi katsovat ensimmäisenä sivun vasemmalla puolella, harkitse ensisijaisen toimintakehotuksen sijoittamista tälle alueelle. Aseta sitten otsikot sivun vasempaan reunaan. Nyt voit laittaa sponsoroidut mainoksesi sivupalkkiin sivusi oikeaan reunaan. Kaikki, minkä ei tarvitse olla näkyvää, mutta olennaista indeksointiroboteille, tulee sijoittaa sivun oikeaan alaosaan.

7 Valitse oikeat värit

Koska värit voivat herättää tunteita, sinun on valittava väriyhdistelmä, joka välittää brändisi persoonallisuutta ja pakottaa ihmiset toimiin. Muista, että ihmiset tekevät ostopäätöksensä tunteellisesta paikasta. Verkkosivustollesi valitsemasi väriyhdistelmällä on kuitenkin merkittävä rooli tulosprosentin optimoinnissa.

Yksi ehdotus on kuratoida Pinterest-taulu, jossa on kuvia, jotka kuvastavat brändisi visiota. Käytä Adoben väripyörää luodaksesi väriteeman kuvien värien perusteella. Voit kuitenkin twiitata yksittäisiä värejä siirtämällä valintoja.

Kun olet luonut väriteeman, muista käyttää kontrastia, sillä se voi myös saada aikaan tai rikkoa konversiosi. Kontrastia voidaan käyttää tekemään otsikoista, tekstistä ja toimintakehotuspainikkeista luettavampia ja havaittavampia. Etuosan ja painikkeiden värien tulee olla kontrastia taustan ja muiden elementtien, kuten tilauspainikkeiden, kanssa, joita haluat korostaa. Niiden on oltava sävyllä, joka todella erottuu muusta sivusta.

Hubspotin testissä havaittiin, että punaiset painikkeet ovat parempia kuin vihreät. Ennen kuin harkitset punaisia ​​painikkeita, varmista, että punainen ei ole hallitseva väri sivullasi. Muuten se ei lisää kontrastia.

Kuten aiemmin mainittiin, voit käyttää väriympyrää valitaksesi täydentävän värin, joka on väri, joka on täysin päinvastainen hallitsevalle värillesi.

Ennen kuin valitset oikean väriyhdistelmän, sinun on kuitenkin ymmärrettävä, että ihmiset katsovat värejä eri tavalla. Värit riippuvat aina siitä, kuinka ne sopivat brändiisi. Siksi sinun on valittava väri, joka vastaa brändisi persoonallisuutta, koska se vaikuttaa vierailijoiden ostopäätöksiin.

Jos brändisi on esimerkiksi karu tai maskuliininen, et saa valita vaaleanpunaista toimintakehotuspainiketta. Valitse sen sijaan iso oranssi painike.

Se, miten värit vaikuttavat konversioihin, riippuu kontekstista. Esimerkiksi koska sininen on yleisesti käytetty väri hyperlinkkien web-suunnittelussa, ihmiset yhdistävät ne aina hyperlinkkeihin. Siten he tietävät, että jos teksti on sininen, he voivat napsauttaa sitä.

Se pätee myös CTA-painikkeisiin. Sinun ei tarvitse valita sinistä. Muista kuitenkin, että minkä tahansa värin valitset painikkeelle, se liitetään toimintoon. Käytä tätä väriä johdonmukaisesti kaikissa sivustosi toimintakehotuksissa. Älä kuitenkaan käytä samoja värejä kohteille, joita ei voi napsauttaa. Älä myöskään käytä eri CTA-värejä samalla sivulla.

8 Pidä se yksinkertaisena

Verkkosuunnittelussa ”ilmeisyys voittaa aina”. Siksi litteä, minimalistinen muotoilu parantaa tulosprosentteja. Syynä tähän on se, että se keskittyy tärkeimpiin elementteihin. Puhdas muotoilu tulee muiden dramaattisten visuaalisten tehosteiden yläpuolelle. Keskittymällä peruselementteihin ja päästä eroon näistä koristeista, tämä lähestymistapa voi olla hyödyllinen luotaessa organisoitua asettelua, joka voi varmasti optimoida tulosprosentteja.

Lisäksi minimalistinen muotoilu mahdollistaa sen, että verkkosivustollasi on enemmän tilaa asiaankuuluville toimintakehoille, mikä estää sivun sisältämästä tarpeettomia elementtejä.

Vaikka minimalistinen muotoilu on hienoa, sinun ei pidä liioitella sitä, koska ihmiset menettävät kiinnostuksensa. Esimerkiksi toimintakehotuspainikkeissa ihmiset ovat tottuneet näkemään painikkeita, joilla on syvyys tai ulottuvuus. Nämä ominaisuudet ovat vuorovaikutuksen indikaattoreita.

Jos sinulla on litteä painike, kävijät voivat helposti unohtaa sen, kun he selailevat sivuasi. Tästä syystä varmista, että käytät kontrastiväristä painiketta. Ja valitse paikka, jossa painikkeet näkyvät.

Siten joka kerta kun luot sivua, sinun on kysyttävä itseltäsi, onko olemassa tapaa saada yksinkertaisempi versio. Jos pidät sen yksinkertaisena, voit odottaa parempia muunnoksia ja esteettisesti miellyttävämpää muotoilua.

Yksinkertainen suunnittelu sopii ihmisille, jotka pystyvät käsittelemään vähemmän tietoa kerralla. Jos vierailijasi näkevät paljon tavaraa yhdellä sivulla, he hukkuvat ja lähtevät. Kun tarjoat käyttäjällesi erinomaisen kokemuksen verkkosivustollasi, muista päästä eroon tarpeettomista elementeistä.

9 Noudata Gestaltin samankaltaisuusperiaatetta

Se on suunnitteluperiaate, joka käsittelee samankaltaisuuden lakia. Tässä lain mukaan ihmisaivot haluavat ryhmitellä samat esineet yhteen. Tämän mekanismin avulla ihmiset voivat ymmärtää asioita ja auttaa heitä järjestämään meluisia ympäristöjä.

Kun noudatat tätä periaatetta, sinun on ryhmiteltävä samanlaiset kohteet tai elementit, jotka voidaan yhdistää toisiinsa. Näitä ovat muunnospainikkeet, kuvat ja suosittelulaatikot.

Voit esimerkiksi saada hämmästyttävän suosituksen osallistumislomakkeestasi konversioiden lisäämiseksi. Vaikka suosituksia ei ole suunniteltu lyijymagneeteille, vierailijat voivat yhdistää ne, koska ne ovat edelleen lähellä.

10 Lisää kasvoja

Kun ihmiset näkevät toisen ihmisen kasvot, he alkavat tuntea empatiaa kyseiseen henkilöön. Siksi vierailijasi voivat ymmärtää ongelman tai tuntea yhteyden siihen. Tästä syystä asiantuntijat suosittelevat ihmisten kasvojen sisällyttämistä muun muassa artikkeleihin, osallistumissivuihin ja tapaustutkimuksiin.

Jos sinulla on brändisi kannattaja tai jos olet brändisi kasvot, sinun täytyy saada valokuvaus valmiiksi. Pyydä valokuvaajaa ottamaan vaakakuvia, joissa on paljon negatiivista tilaa toisella puolella, johon voit sijoittaa toimintakehotuksen tai tekstin.

Kiinteistösivustolle yksi kiinteistökuvan salaisuuksista on lisätä ihmisen kasvot, ei vain talon tai kiinteistön osan kuvaa. Voit vuokrata malleja tai käyttää vain arkistokuvia. Varmista kuitenkin, että valitsemasi kasvot edustavat brändiäsi tarkasti. Kun käytät kohdedemografiaa kuvaavia kasvoja, se voi parantaa sivustosi tulosprosenttia merkittävästi.