15 verkkosuunnittelun periaatetta, jotka parantavat tulosprosenttiasi
Monet tekijät vaikuttavat suoraan sivustosi tulokseen. Verkkosuunnittelu on kuitenkin niistä tärkein.
Ensivaikutelma, jonka saamme, on visuaalinen ja ratkaiseva. Siksi, jos haluat parantaa sivustosi tulosprosenttia, web-suunnittelu on ensimmäinen paikka aloittaa.
Tässä artikkelissa olemme koonneet perusperiaatteet ja vinkit, jotka auttavat sinua tässä tehtävässä.
Varmista, että verkkosuunnittelusi on responsiivinen ja mobiiliystävällinen
Mobiililiikenteen osuus kasvaa ja tulee kasvamaan vuonna 2020. Tutkimusten mukaan suurin osa käyttäjistä kieltäytyy vuorovaikutuksesta brändin kanssa, jos tarvittavia toimia ei voida suorittaa mobiililaitteella. Siksi ennen kuin teet muutoksia sivustosi ulkoasuun saadaksesi enemmän tuloksia, varmista, että verkkosivusto näkyy oikein mobiililaitteissa ja että käyttäjät eivät kohtaa tiellään kompastuskiviä.
Kuinka tehdä se? Kaikki riippuu tavasta, jolla luot sivustosi. Esimerkiksi WordPressin ja muiden suosittujen sisällönhallintajärjestelmien sivustot reagoivat luomishetkestä lähtien. Lisätesti käytettävyydestä ei kuitenkaan ole liiallista.
Anna vähemmän vaihtoehtoja Hickin lain mukaan
Tämä laki viittaa siihen, että harvemmat valinnat nopeuttavat päätöksentekoa ja päinvastoin. Jos esimerkiksi käytät pääsivulla kolmea toimintakehotusta kerralla, esimerkiksi rekisteröidyt sivustolle, saat alennuksen ja lataat e-kirjan, käyttäjän on vaikea päättää, mihin toimintoon hän ryhtyy ensin.. On paljon järkevämpää järjestää nämä toimintakehotukset loogiseen järjestykseen – kuten ne on lueteltu ja tarjota käyttäjälle seuraava toimenpide edellisen jälkeen.
Sama koskee sivulla näytettävien tuotteiden määrää. Sinun ei pitäisi näyttää käyttäjälle kaikkia mahdollisia hänen hakukyselyyn sopivia tuotteita – on parempi näyttää viisi sopivinta vaihtoehtoa ja sallia hakujen jatkaminen suodattimilla.
Lisää koko näytön verkkosivustoportti
Ajattele mahdollisuutta näyttää koko näytön liidilomake sillä hetkellä, kun käyttäjä vieritti pääsivua tiettyyn kohtaan. Ensinnäkin koko näytön lomake vie käyttäjän kaiken huomion eikä anna hänen häiritä muita sivuston elementtejä, ja toiseksi se koskee vain valintamahdollisuuksia, joista puhuimme aiemmin. Joten käyttäjä saa vain kaksi vaihtoehtoa. Ensimmäinen on sulkea liidilomake ja jatkaa vuorovaikutusta sivuston kanssa. Toinen on antaa sinulle hänen sähköpostiosoitteensa vastineeksi tarjouksestasi.
Sijoita tärkeimmät pisteet risteyksiin
Tiedät luultavasti yhden valokuvauksen pääsäännöistä – kolmannesten säännön. Tämän säännön mukaan kaksi viivaa jakaa näytön visuaalisesti vaaka- ja pystysuunnassa, jolloin tuloksena on yhdeksän ruutua. Näytön keskellä olevien viivojen neljä leikkauspistettä ovat siis käyttäjän huomion keskipiste, minkä vuoksi olennainen tieto, kuten toimintakehotus, kannattaa sijoittaa tähän.
Optimoi verkkosivustosi latausnopeus
Tämä kohde liittyy suoraan suunnitteluun, koska sivusi voi olla ylikuormitettu painavilla kuvilla, jotka hidastavat sivustosi latautumista. Poista kaikki tarpeeton ja optimoi tärkeimmät kuvat. Tilastojen mukaan sivuston optimaalinen latausnopeus on kahdesta viiteen sekuntiin. Ja tässä tapauksessa sinun on pyrittävä alhaisempaan indikaattoriin, koska 40% käyttäjistä sanoo sulkevansa sivuston, jonka latautuminen kestää yli kolme sekuntia, mikä tarkoittaa, että menetät mahdollisen liidin joka kerta, kun sivusto hidastuu.
Käytä negatiivista tilaa saadaksesi positiivisia tuloksia
Jan Tschichold sanoo, että negatiivinen tila tulee nähdä aktiivisena elementtinä, ei passiivisena taustana. Etäisyyden ja huomion välillä on yhteys. Suurempi etäisyys herättää huomion, ja muiden elementtien puuttuminen erottaa olemassa olevat elementit vahvemmin. Suunnittelijat voivat käyttää tätä tilaominaisuutta korostaakseen tärkeitä elementtejä. Välilyöntien lisääminen tiettyyn sisällön segmenttiin saa käyttäjän kiinnittämään huomiota tähän alueeseen yksinkertaisesti siksi, että näytöllä ei ole enää mitään huomiota herättävää. Kuten alla olevasta esimerkistä näet, Google on suuri tyhjän tilan kannattaja projekteissaan. Se auttaa ymmärtämään heti tämän projektin tarkoituksen: painopiste on sivun päätavoitteessa.
Valitse oikeat värit luodaksesi oikeat assosiaatiot
Valitettavasti ei ole yleispätevää neuvoa siitä, mitkä värit muuntuvat paremmin. Kaikki riippuu yrityksesi erityispiirteistä. Esimerkiksi valkoinen ja sininen värit luovat vakauden ja luotettavuuden tunteen. Siksi PayPal käyttää tätä yhdistelmää oikeiden assosiaatioiden muodostamiseen.
Jos et ole varma, että värisi toimivat oikein, palaa markkinoinnin väripsykologian alkuun ja tutki yrityksesi arvot uudelleen ja löydä itsellesi sopiva.
Lisäksi huonommin tai paremmin muuntavien painikkeiden väristä on erilaisia mielipiteitä. Napin oikea väri on vanha filosofinen kysymys. Joku väittää, että suurin tulos saavutetaan punaisilla painikkeilla. Toiset sanovat vihreää tai sinistä. Oikea vastaus kuulostaa tältä (kuten monet muutkin vastaukset markkinoinnissa ja suunnittelussa): ”Se on testattava.” Valitse siksi painikkeen väri, joka on kontrasti suunnittelun päävärien kanssa, ja tee muutama testi selvittääksesi, mikä väri muuttuu paremmin.
Käytä yhtä suurta kuvaa useiden pienten kuvien sijaan
Oikea kuva voi kertoa enemmän kuin muutama tekstikappale. Käytä siksi visuaalisen havainnon ja tunteiden voimaa sivustosi suunnittelussa. Voit esimerkiksi tehdä kuvasta sivustosi taustan ja sijoittaa sitten kaikki elementit siten, että ne noudattavat web-suunnittelun perussääntöjä. Ja muuten, se edistää myös parempia tuloksia.
Myös tämä lähestymistapa edistää yksinkertaisuutta ja minimalismia, mikä on viime vuosien trendi, ja oikein valittu kuva herättää tarvittavia tunteita ja assosiaatioita. Ja päinvastoin, kuten olemme sanoneet, liian monet kuvat tekevät valinnasta monimutkaisemman ja hajottavat käyttäjän huomion.
Päästä eroon kaikesta, mikä ei liity suunnitteluun
Toisin sanoen, pyri maksimaaliseen yksinkertaisuuteen. Nykyaikaisessa informaatiomelun runsaudessa yksinkertaisuudesta ja selkeydestä on tullut todellinen pula. Tutkimukset ovat osoittaneet, että 76 % käyttäjistä pitää yksinkertaisuutta pääasiallisena tekijänä verkkosivujen suunnittelussa. Ja tässä on säilytettävä asiantunteva tasapaino yksinkertaisuuden, minimalismin, mutta samalla toimivuuden välillä – koska yksinkertaisuus on myös mahdollisuus löytää käyttäjän tarvitsema muutamalla klikkauksella.
Käytä kasvoja ja muita sosiaalisia todisteita
Valitettavasti Internet on täynnä vääriä arvosteluja, äläkä epäile, että myös käyttäjäsi tietävät siitä. Siksi sen sijaan, että pakottaisit heidät etsimään palautetta tuotteistasi tai palveluistasi (jonka kilpailijasi voivat kirjoittaa liiketoimintasi heikentämiseksi), sinun on annettava heille tämä mahdollisuus heti.
Siksi mieti sivuston ulkoasua niin, että voit laittaa oikeita arvosteluja (ja vielä parempi karusellin) lähelle sivun loppua. Muista myös käyttää valokuvia elävistä ihmisistä (mieluiten todellisista asiakkaistasi) luodaksesi vaikutelman vahvoista sosiaalisista todisteista.
Olet luultavasti nähnyt sivustoja, jotka sisältävät miljoona luokkaa, ja on yksinkertaisesti mahdotonta valita oikeaa osaa ensimmäisellä yrittämällä. Ja jos aiemmin käyttäjät maksoivat vielä aikaa tällaiseen hakuun, nyt he haluavat nähdä tarvitsemansa ilman lisätoimia.
Siksi harkitse uudelleen lähestymistapaasi sivustolla liikkumiseen, vähennä luokkien määrää, poista kaikki tarpeettomat ja jätä vain tärkeimmät osat. Kuten olemme jo sanoneet, kaikki valinnat vaikeuttavat päätöstä tai yleensä pakottavat käyttäjän poistumaan sivulta ja lykkäämään tehtävää myöhemmäksi.
Integroi saavutuslaskurit
Tämä on psykologinen temppu, joka laukaisee alitajuisen reaktion – ihmisillä on taipumus uskoa tilastoihin. Ja tämä on toinen mahdollisuus lisätä konversiota rakentamalla luottamusta ja luomalla vaikutelman luotettavuudesta. Mutta on yksi ratkaiseva seikka. Muistatko, että puhuimme kolmannesten säännöstä ja strategisista leikkauspisteistä? Nämä ovat juuri niitä paikkoja, joihin sinun on asetettava tilastosi, jotta ne ovat huomion ja havainnon keskipisteessä.
Luo vaikutelma keinotekoisesta puutteesta
Markkinoijat eivät ole samaa mieltä tästä myyntitaktiikasta, mutta nopeaan ja kausimyyntiin tämä lähestymistapa on silti sopiva. Siksi, jos sinulla on kausi- tai kampanjatarjous tai jos testaat kiinnostusta uuteen tuotteeseen, on järkevää luoda illuusio niukkuudesta ja heijastaa sitä muotoilun avulla. Voit esimerkiksi asettaa ajastimen ja jälleen kerran asettaa numerot vierailijan huomion keskipisteeseen.
Tässä sinun on kuitenkin edelleen asetettava toimintakehotuspainikkeet oikein. Ja tässä tapauksessa on parempi tehdä tämä Z-kaavion mukaisesti.
Käyttäjän huomio liukuu ylempää vaakasuuntaa pitkin vinosti alaspäin ja siirtyy alareunassa olevaan tietoon. Aseta logo vasempaan yläkulmaan vaakasuunnassa – otsikot. Oikea alakulma on ihanteellinen paikka toimintakehotuksiin.
Vähennä tarvittavien vaiheiden määrää
Voit oikeutetusti huomata, että tämä on UX-suunnittelijan vastuulla, mutta käytännössä tämä on vain tapaus, jossa web- ja UX-suunnittelijan on työskenneltävä yhdessä saadakseen yhden tuloksen. UX-suunnittelu on toinen tekijä, jolla on suora vaikutus konversioihin, ja mitä vähemmän vaiheita erottaa käyttäjät kohdetoiminnosta, sitä todennäköisemmin se suorittaa sen.
Siksi sinun on vielä kerran varmistettava, että hänen tarvitsemansa tiedot tai tuote ovat enintään kolmen napsautuksen päässä.
Varmista, että toimintakehotus on oikeassa paikassa
Voit parantaa sivustosi tuloksia hyödyntämällä kolmossääntöä ja Z-järjestelmää, kun esität toimintakehotuksia. Voit parantaa toimintakehotuksen käsitystä, jos kopioit sen – rivien leikkauskohdassa ja sivun oikeassa yläkulmassa, jossa Z-kirjaimen ylärivi päättyy. Siten käyttäjän huomio pysähtyy ensin oikeaan yläkulmaan, liukuu sitten vinosti alas ja lepää suoraan vasemmalla olevien linjojen strategisessa leikkauspisteessä.
Minimoi käyttäjän syöte
Nykyaikaiset käyttäjät ovat erittäin kärsimättömiä, ja puhuimme tästä jo sivullasi latausnopeutta koskevassa kappaleessa. Ja valtava täyttölomake voi tappaa konversiosi, koska kukaan ei halua tuhlata aikaa, etenkään mobiililaitteella. Siksi tarkista rekisteröintilomakkeesi ja jätä vain kolme riviä – nimelle, sähköpostiosoitteelle ja salasanalle sekä lisää mahdollisuus rekisteröityä Googlen ja Facebookin kautta.
Johtopäätös
Kuten näet, monet temput voivat vaikuttaa tuloksiin. Tärkeintä on kuitenkin muistaa, että jokainen uusi lähestymistapa tulee testata käyttäjillä. Jokainen yritys ja jokainen kohdeyleisö on erityinen; siksi ei voi olla malliohjeita siitä, mitä käyttää suunnittelussa tulosten lisäämiseksi. Lisäksi suunnittelu on ensimmäinen mutta ei viimeinen tekijä, joka muuttaa (tai ei muunna), ja tämä on myös muistettava.