\n Monet tekij\u00e4t vaikuttavat suoraan sivustosi tulokseen. Verkkosuunnittelu on kuitenkin niist\u00e4 t\u00e4rkein.\n<\/p>\n
\n Ensivaikutelma, jonka saamme, on visuaalinen ja ratkaiseva. Siksi, jos haluat parantaa sivustosi tulosprosenttia, web-suunnittelu on ensimm\u00e4inen paikka aloittaa.\n<\/p>\n
\n T\u00e4ss\u00e4 artikkelissa olemme koonneet perusperiaatteet ja vinkit, jotka auttavat sinua t\u00e4ss\u00e4 teht\u00e4v\u00e4ss\u00e4.\n<\/p>\n
\n Mobiililiikenteen osuus kasvaa ja tulee kasvamaan vuonna 2020. Tutkimusten mukaan suurin osa k\u00e4ytt\u00e4jist\u00e4 kielt\u00e4ytyy vuorovaikutuksesta br\u00e4ndin kanssa, jos tarvittavia toimia ei voida suorittaa mobiililaitteella. Siksi ennen kuin teet muutoksia sivustosi ulkoasuun saadaksesi enemm\u00e4n tuloksia, varmista, ett\u00e4 verkkosivusto n\u00e4kyy oikein mobiililaitteissa ja ett\u00e4 k\u00e4ytt\u00e4j\u00e4t eiv\u00e4t kohtaa tiell\u00e4\u00e4n kompastuskivi\u00e4.\n<\/p>\n
\n Kuinka tehd\u00e4 se? Kaikki riippuu tavasta, jolla luot sivustosi. Esimerkiksi WordPressin ja muiden suosittujen sis\u00e4ll\u00f6nhallintaj\u00e4rjestelmien sivustot reagoivat luomishetkest\u00e4 l\u00e4htien. Lis\u00e4testi k\u00e4ytett\u00e4vyydest\u00e4 ei kuitenkaan ole liiallista.\n<\/p>\n
\n T\u00e4m\u00e4 laki viittaa siihen, ett\u00e4 harvemmat valinnat nopeuttavat p\u00e4\u00e4t\u00f6ksentekoa ja p\u00e4invastoin. Jos esimerkiksi k\u00e4yt\u00e4t p\u00e4\u00e4sivulla kolmea toimintakehotusta kerralla, esimerkiksi rekister\u00f6idyt sivustolle, saat alennuksen ja lataat e-kirjan, k\u00e4ytt\u00e4j\u00e4n on vaikea p\u00e4\u00e4tt\u00e4\u00e4, mihin toimintoon h\u00e4n ryhtyy ensin.. On paljon j\u00e4rkev\u00e4mp\u00e4\u00e4 j\u00e4rjest\u00e4\u00e4 n\u00e4m\u00e4 toimintakehotukset loogiseen j\u00e4rjestykseen – kuten ne on lueteltu ja tarjota k\u00e4ytt\u00e4j\u00e4lle seuraava toimenpide edellisen j\u00e4lkeen.\n<\/p>\n
\n Sama koskee sivulla n\u00e4ytett\u00e4vien tuotteiden m\u00e4\u00e4r\u00e4\u00e4. Sinun ei pit\u00e4isi n\u00e4ytt\u00e4\u00e4 k\u00e4ytt\u00e4j\u00e4lle kaikkia mahdollisia h\u00e4nen hakukyselyyn sopivia tuotteita \u2013 on parempi n\u00e4ytt\u00e4\u00e4 viisi sopivinta vaihtoehtoa ja sallia hakujen jatkaminen suodattimilla.\n<\/p>\n
\n Ajattele mahdollisuutta n\u00e4ytt\u00e4\u00e4 koko n\u00e4yt\u00f6n liidilomake sill\u00e4 hetkell\u00e4, kun k\u00e4ytt\u00e4j\u00e4 vieritti p\u00e4\u00e4sivua tiettyyn kohtaan. Ensinn\u00e4kin koko n\u00e4yt\u00f6n lomake vie k\u00e4ytt\u00e4j\u00e4n kaiken huomion eik\u00e4 anna h\u00e4nen h\u00e4irit\u00e4 muita sivuston elementtej\u00e4, ja toiseksi se koskee vain valintamahdollisuuksia, joista puhuimme aiemmin. Joten k\u00e4ytt\u00e4j\u00e4 saa vain kaksi vaihtoehtoa. Ensimm\u00e4inen on sulkea liidilomake ja jatkaa vuorovaikutusta sivuston kanssa. Toinen on antaa sinulle h\u00e4nen s\u00e4hk\u00f6postiosoitteensa vastineeksi tarjouksestasi.\n<\/p>\n
\n Tied\u00e4t luultavasti yhden valokuvauksen p\u00e4\u00e4s\u00e4\u00e4nn\u00f6ist\u00e4 \u2013 kolmannesten s\u00e4\u00e4nn\u00f6n. T\u00e4m\u00e4n s\u00e4\u00e4nn\u00f6n mukaan kaksi viivaa jakaa n\u00e4yt\u00f6n visuaalisesti vaaka- ja pystysuunnassa, jolloin tuloksena on yhdeks\u00e4n ruutua. N\u00e4yt\u00f6n keskell\u00e4 olevien viivojen nelj\u00e4 leikkauspistett\u00e4 ovat siis k\u00e4ytt\u00e4j\u00e4n huomion keskipiste, mink\u00e4 vuoksi olennainen tieto, kuten toimintakehotus, kannattaa sijoittaa t\u00e4h\u00e4n.\n<\/p>\n
\n T\u00e4m\u00e4 kohde liittyy suoraan suunnitteluun, koska sivusi voi olla ylikuormitettu painavilla kuvilla, jotka hidastavat sivustosi latautumista. Poista kaikki tarpeeton ja optimoi t\u00e4rkeimm\u00e4t kuvat. Tilastojen mukaan sivuston optimaalinen latausnopeus on kahdesta viiteen sekuntiin. Ja t\u00e4ss\u00e4 tapauksessa sinun on pyritt\u00e4v\u00e4 alhaisempaan indikaattoriin, koska 40% k\u00e4ytt\u00e4jist\u00e4 sanoo sulkevansa sivuston, jonka latautuminen kest\u00e4\u00e4 yli kolme sekuntia, mik\u00e4 tarkoittaa, ett\u00e4 menet\u00e4t mahdollisen liidin joka kerta, kun sivusto hidastuu.\n<\/p>\n
\n Jan Tschichold sanoo, ett\u00e4 negatiivinen tila tulee n\u00e4hd\u00e4 aktiivisena elementtin\u00e4, ei passiivisena taustana. Et\u00e4isyyden ja huomion v\u00e4lill\u00e4 on yhteys. Suurempi et\u00e4isyys her\u00e4tt\u00e4\u00e4 huomion, ja muiden elementtien puuttuminen erottaa olemassa olevat elementit vahvemmin. Suunnittelijat voivat k\u00e4ytt\u00e4\u00e4 t\u00e4t\u00e4 tilaominaisuutta korostaakseen t\u00e4rkeit\u00e4 elementtej\u00e4. V\u00e4lily\u00f6ntien lis\u00e4\u00e4minen tiettyyn sis\u00e4ll\u00f6n segmenttiin saa k\u00e4ytt\u00e4j\u00e4n kiinnitt\u00e4m\u00e4\u00e4n huomiota t\u00e4h\u00e4n alueeseen yksinkertaisesti siksi, ett\u00e4 n\u00e4yt\u00f6ll\u00e4 ei ole en\u00e4\u00e4 mit\u00e4\u00e4n huomiota her\u00e4tt\u00e4v\u00e4\u00e4. Kuten alla olevasta esimerkist\u00e4 n\u00e4et, Google on suuri tyhj\u00e4n tilan kannattaja projekteissaan. Se auttaa ymm\u00e4rt\u00e4m\u00e4\u00e4n heti t\u00e4m\u00e4n projektin tarkoituksen: painopiste on sivun p\u00e4\u00e4tavoitteessa.\n<\/p>\n
\n Valitettavasti ei ole yleisp\u00e4tev\u00e4\u00e4 neuvoa siit\u00e4, mitk\u00e4 v\u00e4rit muuntuvat paremmin. Kaikki riippuu yrityksesi erityispiirteist\u00e4. Esimerkiksi valkoinen ja sininen v\u00e4rit luovat vakauden ja luotettavuuden tunteen. Siksi PayPal k\u00e4ytt\u00e4\u00e4 t\u00e4t\u00e4 yhdistelm\u00e4\u00e4 oikeiden assosiaatioiden muodostamiseen.\n<\/p>\n
\n Jos et ole varma, ett\u00e4 v\u00e4risi toimivat oikein, palaa markkinoinnin v\u00e4ripsykologian alkuun ja tutki yrityksesi arvot uudelleen ja l\u00f6yd\u00e4 itsellesi sopiva.\n<\/p>\n
\n Lis\u00e4ksi huonommin tai paremmin muuntavien painikkeiden v\u00e4rist\u00e4 on erilaisia \u200b\u200bmielipiteit\u00e4. Napin oikea v\u00e4ri on vanha filosofinen kysymys. Joku v\u00e4itt\u00e4\u00e4, ett\u00e4 suurin tulos saavutetaan punaisilla painikkeilla. Toiset sanovat vihre\u00e4\u00e4 tai sinist\u00e4. Oikea vastaus kuulostaa t\u00e4lt\u00e4 (kuten monet muutkin vastaukset markkinoinnissa ja suunnittelussa): ”Se on testattava.” Valitse siksi painikkeen v\u00e4ri, joka on kontrasti suunnittelun p\u00e4\u00e4v\u00e4rien kanssa, ja tee muutama testi selvitt\u00e4\u00e4ksesi, mik\u00e4 v\u00e4ri muuttuu paremmin.\n<\/p>\n
\n Oikea kuva voi kertoa enemm\u00e4n kuin muutama tekstikappale. K\u00e4yt\u00e4 siksi visuaalisen havainnon ja tunteiden voimaa sivustosi suunnittelussa. Voit esimerkiksi tehd\u00e4 kuvasta sivustosi taustan ja sijoittaa sitten kaikki elementit siten, ett\u00e4 ne noudattavat web-suunnittelun peruss\u00e4\u00e4nt\u00f6j\u00e4. Ja muuten, se edist\u00e4\u00e4 my\u00f6s parempia tuloksia.\n<\/p>\n
\n My\u00f6s t\u00e4m\u00e4 l\u00e4hestymistapa edist\u00e4\u00e4 yksinkertaisuutta ja minimalismia, mik\u00e4 on viime vuosien trendi, ja oikein valittu kuva her\u00e4tt\u00e4\u00e4 tarvittavia tunteita ja assosiaatioita. Ja p\u00e4invastoin, kuten olemme sanoneet, liian monet kuvat tekev\u00e4t valinnasta monimutkaisemman ja hajottavat k\u00e4ytt\u00e4j\u00e4n huomion.\n<\/p>\n
\n Toisin sanoen, pyri maksimaaliseen yksinkertaisuuteen. Nykyaikaisessa informaatiomelun runsaudessa yksinkertaisuudesta ja selkeydest\u00e4 on tullut todellinen pula. Tutkimukset ovat osoittaneet, ett\u00e4 76 % k\u00e4ytt\u00e4jist\u00e4 pit\u00e4\u00e4 yksinkertaisuutta p\u00e4\u00e4asiallisena tekij\u00e4n\u00e4 verkkosivujen suunnittelussa. Ja t\u00e4ss\u00e4 on s\u00e4ilytett\u00e4v\u00e4 asiantunteva tasapaino yksinkertaisuuden, minimalismin, mutta samalla toimivuuden v\u00e4lill\u00e4 \u2013 koska yksinkertaisuus on my\u00f6s mahdollisuus l\u00f6yt\u00e4\u00e4 k\u00e4ytt\u00e4j\u00e4n tarvitsema muutamalla klikkauksella.\n<\/p>\n
\n Valitettavasti Internet on t\u00e4ynn\u00e4 v\u00e4\u00e4ri\u00e4 arvosteluja, \u00e4l\u00e4k\u00e4 ep\u00e4ile, ett\u00e4 my\u00f6s k\u00e4ytt\u00e4j\u00e4si tiet\u00e4v\u00e4t siit\u00e4. Siksi sen sijaan, ett\u00e4 pakottaisit heid\u00e4t etsim\u00e4\u00e4n palautetta tuotteistasi tai palveluistasi (jonka kilpailijasi voivat kirjoittaa liiketoimintasi heikent\u00e4miseksi), sinun on annettava heille t\u00e4m\u00e4 mahdollisuus heti.\n<\/p>\n
\n Siksi mieti sivuston ulkoasua niin, ett\u00e4 voit laittaa oikeita arvosteluja (ja viel\u00e4 parempi karusellin) l\u00e4helle sivun loppua. Muista my\u00f6s k\u00e4ytt\u00e4\u00e4 valokuvia el\u00e4vist\u00e4 ihmisist\u00e4 (mieluiten todellisista asiakkaistasi) luodaksesi vaikutelman vahvoista sosiaalisista todisteista.\n<\/p>\n
\n Olet luultavasti n\u00e4hnyt sivustoja, jotka sis\u00e4lt\u00e4v\u00e4t miljoona luokkaa, ja on yksinkertaisesti mahdotonta valita oikeaa osaa ensimm\u00e4isell\u00e4 yritt\u00e4m\u00e4ll\u00e4. Ja jos aiemmin k\u00e4ytt\u00e4j\u00e4t maksoivat viel\u00e4 aikaa t\u00e4llaiseen hakuun, nyt he haluavat n\u00e4hd\u00e4 tarvitsemansa ilman lis\u00e4toimia.\n<\/p>\n
\n Siksi harkitse uudelleen l\u00e4hestymistapaasi sivustolla liikkumiseen, v\u00e4henn\u00e4 luokkien m\u00e4\u00e4r\u00e4\u00e4, poista kaikki tarpeettomat ja j\u00e4t\u00e4 vain t\u00e4rkeimm\u00e4t osat. Kuten olemme jo sanoneet, kaikki valinnat vaikeuttavat p\u00e4\u00e4t\u00f6st\u00e4 tai yleens\u00e4 pakottavat k\u00e4ytt\u00e4j\u00e4n poistumaan sivulta ja lykk\u00e4\u00e4m\u00e4\u00e4n teht\u00e4v\u00e4\u00e4 my\u00f6hemm\u00e4ksi.\n<\/p>\n
\n T\u00e4m\u00e4 on psykologinen temppu, joka laukaisee alitajuisen reaktion \u2013 ihmisill\u00e4 on taipumus uskoa tilastoihin. Ja t\u00e4m\u00e4 on toinen mahdollisuus lis\u00e4t\u00e4 konversiota rakentamalla luottamusta ja luomalla vaikutelman luotettavuudesta. Mutta on yksi ratkaiseva seikka. Muistatko, ett\u00e4 puhuimme kolmannesten s\u00e4\u00e4nn\u00f6st\u00e4 ja strategisista leikkauspisteist\u00e4? N\u00e4m\u00e4 ovat juuri niit\u00e4 paikkoja, joihin sinun on asetettava tilastosi, jotta ne ovat huomion ja havainnon keskipisteess\u00e4.\n<\/p>\n
\n Markkinoijat eiv\u00e4t ole samaa mielt\u00e4 t\u00e4st\u00e4 myyntitaktiikasta, mutta nopeaan ja kausimyyntiin t\u00e4m\u00e4 l\u00e4hestymistapa on silti sopiva. Siksi, jos sinulla on kausi- tai kampanjatarjous tai jos testaat kiinnostusta uuteen tuotteeseen, on j\u00e4rkev\u00e4\u00e4 luoda illuusio niukkuudesta ja heijastaa sit\u00e4 muotoilun avulla. Voit esimerkiksi asettaa ajastimen ja j\u00e4lleen kerran asettaa numerot vierailijan huomion keskipisteeseen.\n<\/p>\n
\n T\u00e4ss\u00e4 sinun on kuitenkin edelleen asetettava toimintakehotuspainikkeet oikein. Ja t\u00e4ss\u00e4 tapauksessa on parempi tehd\u00e4 t\u00e4m\u00e4 Z-kaavion mukaisesti.\n<\/p>\n
\n K\u00e4ytt\u00e4j\u00e4n huomio liukuu ylemp\u00e4\u00e4 vaakasuuntaa pitkin vinosti alasp\u00e4in ja siirtyy alareunassa olevaan tietoon. Aseta logo vasempaan yl\u00e4kulmaan vaakasuunnassa \u2013 otsikot. Oikea alakulma on ihanteellinen paikka toimintakehotuksiin.\n<\/p>\n
\n Voit oikeutetusti huomata, ett\u00e4 t\u00e4m\u00e4 on UX-suunnittelijan vastuulla, mutta k\u00e4yt\u00e4nn\u00f6ss\u00e4 t\u00e4m\u00e4 on vain tapaus, jossa web- ja UX-suunnittelijan on ty\u00f6skennelt\u00e4v\u00e4 yhdess\u00e4 saadakseen yhden tuloksen. UX-suunnittelu on toinen tekij\u00e4, jolla on suora vaikutus konversioihin, ja mit\u00e4 v\u00e4hemm\u00e4n vaiheita erottaa k\u00e4ytt\u00e4j\u00e4t kohdetoiminnosta, sit\u00e4 todenn\u00e4k\u00f6isemmin se suorittaa sen.\n<\/p>\n
\n Siksi sinun on viel\u00e4 kerran varmistettava, ett\u00e4 h\u00e4nen tarvitsemansa tiedot tai tuote ovat enint\u00e4\u00e4n kolmen napsautuksen p\u00e4\u00e4ss\u00e4.\n<\/p>\n
\n Voit parantaa sivustosi tuloksia hy\u00f6dynt\u00e4m\u00e4ll\u00e4 kolmoss\u00e4\u00e4nt\u00f6\u00e4 ja Z-j\u00e4rjestelm\u00e4\u00e4, kun esit\u00e4t toimintakehotuksia. Voit parantaa toimintakehotuksen k\u00e4sityst\u00e4, jos kopioit sen \u2013 rivien leikkauskohdassa ja sivun oikeassa yl\u00e4kulmassa, jossa Z-kirjaimen yl\u00e4rivi p\u00e4\u00e4ttyy. Siten k\u00e4ytt\u00e4j\u00e4n huomio pys\u00e4htyy ensin oikeaan yl\u00e4kulmaan, liukuu sitten vinosti alas ja lep\u00e4\u00e4 suoraan vasemmalla olevien linjojen strategisessa leikkauspisteess\u00e4.\n<\/p>\n
\n Nykyaikaiset k\u00e4ytt\u00e4j\u00e4t ovat eritt\u00e4in k\u00e4rsim\u00e4tt\u00f6mi\u00e4, ja puhuimme t\u00e4st\u00e4 jo sivullasi latausnopeutta koskevassa kappaleessa. Ja valtava t\u00e4ytt\u00f6lomake voi tappaa konversiosi, koska kukaan ei halua tuhlata aikaa, etenk\u00e4\u00e4n mobiililaitteella. Siksi tarkista rekister\u00f6intilomakkeesi ja j\u00e4t\u00e4 vain kolme rivi\u00e4 \u2013 nimelle, s\u00e4hk\u00f6postiosoitteelle ja salasanalle sek\u00e4 lis\u00e4\u00e4 mahdollisuus rekister\u00f6ity\u00e4 Googlen ja Facebookin kautta.\n<\/p>\n
\n Kuten n\u00e4et, monet temput voivat vaikuttaa tuloksiin. T\u00e4rkeint\u00e4 on kuitenkin muistaa, ett\u00e4 jokainen uusi l\u00e4hestymistapa tulee testata k\u00e4ytt\u00e4jill\u00e4. Jokainen yritys ja jokainen kohdeyleis\u00f6 on erityinen; siksi ei voi olla malliohjeita siit\u00e4, mit\u00e4 k\u00e4ytt\u00e4\u00e4 suunnittelussa tulosten lis\u00e4\u00e4miseksi. Lis\u00e4ksi suunnittelu on ensimm\u00e4inen mutta ei viimeinen tekij\u00e4, joka muuttaa (tai ei muunna), ja t\u00e4m\u00e4 on my\u00f6s muistettava.\n<\/p>\n<\/p>\n