{"id":249671,"date":"2023-07-18T16:44:00","date_gmt":"2023-07-18T13:44:00","guid":{"rendered":"https:\/\/inform.click\/kuinka-nostaa-konversioprosenttia-nopeasti-yksinkertaisilla-suunnittelutemppuilla\/"},"modified":"2023-07-18T17:11:00","modified_gmt":"2023-07-18T14:11:00","slug":"kuinka-nostaa-konversioprosenttia-nopeasti-yksinkertaisilla-suunnittelutemppuilla","status":"publish","type":"post","link":"https:\/\/inform.click\/fi\/kuinka-nostaa-konversioprosenttia-nopeasti-yksinkertaisilla-suunnittelutemppuilla\/","title":{"rendered":"Kuinka nostaa konversioprosenttia nopeasti yksinkertaisilla suunnittelutemppuilla"},"content":{"rendered":"<p>\n  Harvat asiat ovat turhauttavampia kuin tyytym\u00e4t\u00f6n asiakas \u2013 varsinkin sen j\u00e4lkeen, kun olet tehnyt tuntikausia ty\u00f6t\u00e4 heid\u00e4n verkkosivustonsa jokaisen yksitt\u00e4isen osan huolelliseen suunnitteluun.\n<\/p>\n<p>\n  Ja vaikka sivusto saattaa olla sile\u00e4 ja esteettisesti miellytt\u00e4v\u00e4, on silti t\u00e4ysin mahdollista, ett\u00e4 asiakas voi tulla luoksesi ja kysy\u00e4: &#8221;Miksi tulosprosenttini on niin alhainen?&#8221; Sen sijaan, ett\u00e4 sanoisi &#8221;en tied\u00e4&#8221; tai &#8221; ei ole minun ongelmani&#8221;, sinun tulee yritt\u00e4\u00e4 korjata ongelma muutamilla yksinkertaisilla korjauksilla.\n<\/p>\n<p>\n  12 tapaa lis\u00e4t\u00e4 tuloksia\n<\/p>\n<p>\n  Niin paljon web-suunnittelusta on suhteellista. Tekniikat, strategiat, mallit, asettelut ja tyylit riippuvat asiakkaasta, toimialasta ja yleisist\u00e4 tavoitteista. Kuitenkin k\u00e4yt\u00e4nn\u00f6ss\u00e4 kaikissa tapauksissa seuraavat vinkit auttavat yrityst\u00e4 lis\u00e4\u00e4m\u00e4\u00e4n tuloksia pitk\u00e4ll\u00e4 aikav\u00e4lill\u00e4.\n<\/p>\n<h5>\n  1 Sis\u00e4llyt\u00e4 video kotisivulle<br \/>\n<\/h5>\n<p>\n  Video myy \u2013 ei ole muuta tapaa kiert\u00e4\u00e4 sit\u00e4. Se on yksi harvoista web-suunnittelustrategioista, joka n\u00e4ytt\u00e4\u00e4 toimivan useilla eri luokilla ja toimialoilla. T\u00e4ss\u00e4 on tulosprosenttien nousu er\u00e4iss\u00e4 eri luokissa:\n<\/p>\n<ul>\n<li>Lahjat: +113 prosenttia\n  <\/li>\n<li>Elektroniikka: +101 prosenttia\n  <\/li>\n<li>Korut: +85 prosenttia\n  <\/li>\n<li>Koti ja puutarha: +43 prosenttia\n  <\/li>\n<li>Henkil\u00f6kohtainen hoito: +14 prosenttia\n  <\/li>\n<\/ul>\n<p>\n  N\u00e4m\u00e4 ovat uskomattomia tilastoja! Laittamalla videon etusivulle, voit saada aikaan dramaattisen nousun sitoutumisessa ja konversioissa. Dropbox teki sen ja konversiot nousivat huimasti. inDinero.com teki sen ja n\u00e4ki yhdelle aloitussivulleen rekister\u00f6itymisen kaksinkertaiseksi. Vidyard sis\u00e4llytti kotisivuvideon ja konversiot kasvoivat 100 prosenttia. Jos voit saada asiakkaat k\u00e4ytt\u00e4m\u00e4\u00e4n videoita, he rakastavat tuloksia.\n<\/p>\n<p>\n  Video on niin arvokas, koska ihmisaivot on yhdistetty kasvojen, \u00e4\u00e4nien, kehon kielen ja liikkeen kanssa. T\u00e4st\u00e4 syyst\u00e4 korvasi nousevat automaattisesti, kun kuulet jonkun sanovan nimesi huoneen toiselta puolelta. Aivoissa tutut ihmis\u00e4\u00e4net ovat etusijalla vanhentuneeseen tekstisis\u00e4lt\u00f6\u00f6n n\u00e4hden.\n<\/p>\n<h5>\n  2 Hy\u00f6dynn\u00e4 sosiaalinen todiste<br \/>\n<\/h5>\n<p>\n  Toinen hyv\u00e4 strategia on hy\u00f6dynt\u00e4\u00e4 sosiaalista n\u00e4ytt\u00f6\u00e4. T\u00e4t\u00e4 varten on olemassa kourallinen erilaisia \u200b\u200bstrategioita, mukaan lukien asiakkaiden ja kumppanien logojen integrointi web-suunnitteluun, asiakkaiden lausuntojen tai arvostelujen n\u00e4ytt\u00e4minen ja informatiivisten tapaustutkimusten korostaminen.\n<\/p>\n<p>\n  Vaikka et tietenk\u00e4\u00e4n voi hallita, millaisia \u200b\u200bresursseja asiakkaalla on k\u00e4ytett\u00e4viss\u00e4\u00e4n, voit rohkaista heit\u00e4 toimittamaan sinulle mit\u00e4 tahansa heill\u00e4 on. Joskus he eiv\u00e4t edes ajattele v\u00e4litt\u00e4v\u00e4ns\u00e4 t\u00e4llaista tietoa eteenp\u00e4in, mutta sill\u00e4 voi olla valtava ero konversioissa.\n<\/p>\n<h5>\n  3 Poista sosiaaliset sy\u00f6tteet<br \/>\n<\/h5>\n<p>\n  Vaikka sosiaalinen n\u00e4ytt\u00f6 on hienoa, se ei tarkoita, ett\u00e4 haluat ylikuormittaa sivustoja tarpeettomilla m\u00e4\u00e4rill\u00e4. On esimerkiksi hyv\u00e4 idea korostaa hehkuvaa twiitti\u00e4 tai Facebook-kommenttia suositteluosiossa, mutta kukaan ei halua n\u00e4hd\u00e4 asiakkaasi 25 viimeist\u00e4 twiitti\u00e4 br\u00e4ndist\u00e4\u00e4n.\n<\/p>\n<p>\n  &#8221;Kun sosiaalinen media oli uutta ja tuoretta, jokainen laittoi sosiaaliset sy\u00f6tteet verkkosivuillaan&#8221;, kirjoittaa Jonathan Long, online-markkinoinnin konsulttiyrityksen toimitusjohtaja. &#8221;Nyt kuluttajat tiet\u00e4v\u00e4t, kuinka halutessaan ottaa yhteytt\u00e4 br\u00e4ndiisi sosiaalisessa mediassa. Facebook- ja Twitter-sy\u00f6tteiden sijoittaminen verkkosivustollesi vain vet\u00e4\u00e4 huomion pois tulostavoitteistasi.&#8221;\n<\/p>\n<p>\n  Sen sijaan Long ehdottaa sosiaalisten kuvakkeiden ja painikkeiden integrointia sivupalkkiin, yl\u00e4- ja alatunnisteisiin. Kaikki tunnistavat n\u00e4m\u00e4 kuvakkeet ja voivat napsauttaa niit\u00e4 saadaksesi lis\u00e4tietoja. Tosiasia on, ett\u00e4 useimmat eiv\u00e4t kuitenkaan tee. Siksi ei ole mit\u00e4\u00e4n j\u00e4rke\u00e4 tuhlata arvokasta suunnittelutilaa h\u00e4iritseviin ja h\u00e4iritseviin uutissy\u00f6tteisiin.\n<\/p>\n<h5>\n  4 Her\u00e4t\u00e4 numerot henkiin<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245016-63820d75aba45.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245016-63820d75aba45.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Aivan kuten sosiaalisissa todisteissa, numeroissa on voimaa. Jos asiakas antaa sinulle raakadataa ja lukuja, etsi tapa muuttaa n\u00e4m\u00e4 luvut el\u00e4viksi, hengitt\u00e4viksi suunnitteluominaisuuksiksi. Esimerkiksi 42Floors.com tekee hienoa ty\u00f6t\u00e4 muuntaakseen muuten tylsi\u00e4 tietoja eloisiksi pylv\u00e4skaavioiksi ja kaavioiksi. Informationisbeautiful.net on loistava l\u00e4hde tiedon visualisointiin. On monia tapoja her\u00e4tt\u00e4\u00e4 numerot eloon, joten kokeile erilaisia \u200b\u200bstrategioita ja katso, miten ne vaikuttavat tulosprosentteihin.\n<\/p>\n<h5>\n  5 K\u00e4yt\u00e4 rohkeampia toimintakehotuksia<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245016-63820d7d873e1.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245016-63820d7d873e1.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Joskus suunnittelijat suhtautuvat toimintakehotuksiin liian pehmein\u00e4, koska heist\u00e4 tuntuu, ett\u00e4 se haittaa sivun yleist\u00e4 tuntumaa. Kun sinusta tuntuu, ett\u00e4 asia on n\u00e4in, se johtuu todenn\u00e4k\u00f6isesti siit\u00e4, ett\u00e4 toimintakehotustasi ei ole suunniteltu tarpeeksi hyvin. T\u00e4ss\u00e4 on joitain hyvien toimintakehotusten t\u00e4rkeimpi\u00e4 ominaisuuksia:\n<\/p>\n<ul>\n<li>\n    <strong>Arvokasta<\/strong>. Mit\u00e4 k\u00e4ytt\u00e4j\u00e4 saa CTA:sta? Ilmeisesti hy\u00f6dyt heid\u00e4n muuntamisestaan, mutta miksi k\u00e4ytt\u00e4j\u00e4n pit\u00e4isi huolehtia tarpeeksi seuratakseen? Pelkk\u00e4 sanominen esimerkiksi &#8221;Rekister\u00f6idy ilmaiseen e-kirjaan&#8221; ei ole tehokasta. Sano sen sijaan jotain: &#8221;Tilaa ilmainen e-kirja, joka auttaa sinua tulemaan tuottavammaksi.&#8221;\n  <\/li>\n<li>\n    <strong>Selke\u00e4 ja t\u00e4sm\u00e4llinen<\/strong>. Toimintakehotuksen on oltava selke\u00e4, t\u00e4sm\u00e4llinen ja tarkka. Ep\u00e4selvyys tappaa toimintakehotuksen ja tekee siit\u00e4 hy\u00f6dytt\u00f6m\u00e4n. Jotta toimintakehotus olisi selke\u00e4, sen on kerrottava k\u00e4ytt\u00e4j\u00e4lle, mit\u00e4 h\u00e4nen tulee tehd\u00e4, mit\u00e4 h\u00e4n saa tekem\u00e4ll\u00e4 ja miksi h\u00e4n hy\u00f6tyy siit\u00e4.\n  <\/li>\n<li>\n    <strong>Kiireellinen<\/strong>. Tehokkaan toimintakehotuksen taustalla on kiire. K\u00e4ytt\u00e4jien on tunnettava, ett\u00e4 heid\u00e4n on toimittava nyt tai he menett\u00e4v\u00e4t tilaisuuden. Voit saada toimintakehotuksen tuntumaan kiireelliselt\u00e4 sis\u00e4llytt\u00e4m\u00e4ll\u00e4 siihen l\u00e4ht\u00f6laskentakellon tai k\u00e4ytt\u00e4m\u00e4ll\u00e4 kohdistettuja sanoja ja lauseita, kuten nyt, t\u00e4n\u00e4\u00e4n, kiire, ennen kuin se on mennyt, j\u00e4ljell\u00e4 on vain viisi jne.\n  <\/li>\n<li>\n    <strong>Oikein sijoitettu<\/strong>. Toimintakehotus voi olla arvokas, t\u00e4sm\u00e4llinen ja kiireellinen, mutta silti arvoton. T\u00e4m\u00e4 johtuu siit\u00e4, ett\u00e4 sinun on harkittava CTA: n sijaintia. Sen on oltava n\u00e4kyviss\u00e4. Niiden sijoittaminen sivujen alaosaan saattaa tuntua loogiselta \u2013 olettaen, ett\u00e4 k\u00e4ytt\u00e4j\u00e4 on lukenut sen yl\u00e4puolella olevan sis\u00e4ll\u00f6n l\u00e4pi \u2013 mutta kuinka moni k\u00e4ytt\u00e4j\u00e4 todella p\u00e4\u00e4see sivun alareunaan? Voi olla parempi sijoittaa toimintakehotus yl\u00e4reunaan, vaikka k\u00e4ytt\u00e4j\u00e4 ei olisi viel\u00e4 lukenut mukana tulevaa sis\u00e4lt\u00f6\u00e4 tai pitch-puhetta.\n  <\/li>\n<\/ul>\n<h5>\n  6 Keskity nopeuteen<br \/>\n<\/h5>\n<p>\n  Suunnittelijana et aina pysty hallitsemaan verkkosivuston nopeutta, mutta sinun tulee silti mietti\u00e4, miten vaikutat siihen. Jos tied\u00e4t, ett\u00e4 tietty elementti \u2013 esimerkiksi flash-ominaisuus \u2013 kuluttaa sivun latausaikaa, korjaa se. Yhden sekunnin viive voi johtaa seitsem\u00e4n prosentin v\u00e4hennykseen konversioissa. Lis\u00e4ksi suurin osa ihmisist\u00e4 ei odota 6-10 sekuntia kauempaa ennen kuin hylk\u00e4\u00e4v\u00e4t lataussivun. Jos saat muutaman sekunnin pois keskim\u00e4\u00e4r\u00e4isest\u00e4 latausajasta, tulokset voivat olla valtavia. Sinun tulee ty\u00f6skennell\u00e4 tiiviisti asiakkaan kanssa kaikissa nopeuteen liittyviss\u00e4 ongelmissa. T\u00e4ss\u00e4 on joitain hy\u00f6dyllisi\u00e4 vinkkej\u00e4:\n<\/p>\n<ul>\n<li>\n    <strong>K\u00e4yt\u00e4 PageSpeed \u200b\u200bInsightsia<\/strong>. Koko suunnitteluprosessin ajan sinun tulee k\u00e4ytt\u00e4\u00e4 Googlen ilmaista <a href=\"https:\/\/developers.google.com\/speed\/docs\/insights\/about\" target=\"_blank\" rel=\"noopener\">PageSpeed \u200b\u200bInsights -ty\u00f6kalua<\/a>. PageSpeed \u200b\u200bantaa jokaiselle yksil\u00f6lliselle URL-osoitteelle pistem\u00e4\u00e4r\u00e4n, joka vaihtelee 1\u2013100. Kaikki 85:n ylitt\u00e4v\u00e4t asiat katsotaan hyv\u00e4ksi, kun taas t\u00e4m\u00e4n kynnyksen alapuolella olevat asiat eiv\u00e4t toimi. Ty\u00f6kalua p\u00e4ivitet\u00e4\u00e4n jatkuvasti, joten tarkista ajoittain, mit\u00e4 uutta on tarjolla.\n  <\/li>\n<li>\n    <strong>Optimoi kuvat<\/strong>. Monilla sivuilla kuvat muodostavat suurimman osan ladatuista tavuista. Optimoimalla n\u00e4m\u00e4 kuvat voit merkitt\u00e4v\u00e4sti lyhent\u00e4\u00e4 latausaikoja ja luoda nopeamman sivuston. On haastavaa sanoa: &#8221;T\u00e4ss\u00e4 sinun on teht\u00e4v\u00e4 kuvien oikea optimointi&#8221;, koska ainutlaatuisia tilanteita on niin monia. Katso sen sijaan <a href=\"https:\/\/developers.google.com\/web\/fundamentals\/performance\/optimizing-content-efficiency\/image-optimization\" target=\"_blank\" rel=\"noopener\">t\u00e4t\u00e4 hy\u00f6dyllist\u00e4<\/a> Ilja Grigorikin ja Googlen opasta. Se on t\u00e4ynn\u00e4 arvokkaita vinkkej\u00e4 ja temppuja, jotka auttavat kaikessa oikean kuvamuodon valitsemisesta vektorikuvien optimointiin.\n  <\/li>\n<li>\n    <strong>V\u00e4henn\u00e4 laajennusten m\u00e4\u00e4r\u00e4\u00e4<\/strong>. Lis\u00e4osat ovat fantastisia, mutta ne my\u00f6s hidastavat sivuston toimintaa. Joka kerta kun aktivoit laajennuksen jollekin asiakkaasi sivulle, annat sivustolle k\u00e4yt\u00e4nn\u00f6ss\u00e4 uuden painoarvon. Muutamassa ylim\u00e4\u00e4r\u00e4isess\u00e4 painossa ei ole mit\u00e4\u00e4n v\u00e4\u00e4r\u00e4\u00e4, mutta liian monet lis\u00e4osat vaikuttavat lopulta sivuston suorituskykyyn. Aina kun asennat laajennuksen, kysy asiakkaalta: &#8221;Tarvitsetko todella t\u00e4m\u00e4n laajennuksen?&#8221; Joskus vastaus on kyll\u00e4, toisinaan he kertovat sinulle, ett\u00e4 sivusto p\u00e4rj\u00e4\u00e4 ilman sit\u00e4.\n  <\/li>\n<li>\n    <strong>Pakkaa sis\u00e4lt\u00f6<\/strong>. Vaikka liian monet laajennukset hidastavat sivuston toimintaa, <a href=\"https:\/\/wordpress.org\/plugins\/gzip-ninja-speed-compression\/\" target=\"_blank\" rel=\"noopener\">Gzip<\/a> -pakkauslaajennus auttaa nopeuttamaan sivustoa minimoimalla selainpohjaisten HTTP-vastausten koon \u2013 joskus jopa 70 prosenttia!\n  <\/li>\n<\/ul>\n<p>\n  T\u00e4m\u00e4 on yksi n\u00e4k\u00f6kohta, joka vaatii paljon pieni\u00e4 s\u00e4\u00e4t\u00f6j\u00e4, mutta sinulla ei ole varaa esitell\u00e4 asiakkaillesi hitaita sivustoja. T\u00e4m\u00e4 on yksi virhe, joka voi yksin\u00e4\u00e4n tappaa tulosprosentin.\n<\/p>\n<h5>\n  7 Ota ennakoiva haku k\u00e4ytt\u00f6\u00f6n<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245016-63820d8204c18.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245016-63820d8204c18.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Verkkokauppasivustoille \u2013 tai sivustoille, joilla on paljon haettavaa sis\u00e4lt\u00f6\u00e4 \u2013 on hyv\u00e4 idea ottaa k\u00e4ytt\u00f6\u00f6n ennakoiva haku. Ennakoiva haku on Googlen ja Amazonin kaltaisten sivustojen vakioominaisuus, ja sen pit\u00e4isi olla my\u00f6s asiakkaidesi k\u00e4yt\u00f6ss\u00e4. Baymard Instituten Jamie Appleseedin mukaan 82 prosenttia johtavista verkkokauppaalustoista k\u00e4ytt\u00e4\u00e4 automaattisen t\u00e4ydennyksen ehdotuksia tai ennakoivia hakutekniikoita.\n<\/p>\n<p>\n  &#8221;Kun automaattisen t\u00e4ydennyksen ehdotukset toimivat hyvin, ne auttavat k\u00e4ytt\u00e4j\u00e4\u00e4 muotoilemaan parempia hakukyselyit\u00e4&#8221;, Appleseed kirjoittaa. &#8221;Kyse ei ole hakuprosessin nopeuttamisesta, vaan pikemminkin k\u00e4ytt\u00e4j\u00e4n ohjaamisesta ja auttamisesta heid\u00e4n hakukyselyns\u00e4 muodostamisessa.&#8221;\n<\/p>\n<p>\n  Ennakoivan haun kauneus on, ett\u00e4 sen avulla verkkosivusto voi ohjata hakuprosessia. Kyll\u00e4, voit korostaa aiheeseen liittyvi\u00e4 hakutermej\u00e4, mutta voit my\u00f6s lis\u00e4t\u00e4 hakukentt\u00e4\u00e4n samankaltaisia \u200b\u200bkohteita, jotka saattavat olla v\u00e4hemm\u00e4n tunnettuja. T\u00e4m\u00e4 antaa asiakkaillesi uskomatonta joustavuutta ja antaa heille mahdollisuuden lis\u00e4t\u00e4 myynti\u00e4 lis\u00e4\u00e4m\u00e4tt\u00e4 sivuja tai sis\u00e4lt\u00f6\u00e4.\n<\/p>\n<h5>\n  8 Poista esteet<br \/>\n<\/h5>\n<p>\n  Kun viimeistelet verkkosivustoa, sinun tulee tarkastella sivustoa loppuk\u00e4ytt\u00e4j\u00e4n n\u00e4k\u00f6kulmasta. Ovatko toimintakehotukset selkeit\u00e4? Ja onko olemassa esteit\u00e4, jotka haittaavat kyky\u00e4si noudattaa tietty\u00e4 toimintakehotusta?\n<\/p>\n<p>\n  Yksi yleinen este verkkokauppasivustoille liittyy kassaprosessiin. Vaikka asiakkaasi haluavat ehdottomasti kaapata asiakkailta mahdollisimman paljon tietoa, heid\u00e4n ei pit\u00e4isi tehd\u00e4 sit\u00e4 kassaprosessin hidastamisen kustannuksella. On harvoin hyv\u00e4 idea pakottaa ostajat rekister\u00f6itym\u00e4\u00e4n tai luomaan tili myynnin loppuunsaattamiseksi. Sen sijaan pit\u00e4isi olla kahden tai kolmen napsautuksen prosessi, joka voidaan suorittaa alle 60 sekunnissa.\n<\/p>\n<h5>\n  9 Valitse yksinkertaisuus melun sijaan<br \/>\n<\/h5>\n<p>\n  Muistatko vuosia sitten, kun huippu-animaatio ja flash olivat progressiivisen web-suunnittelun peruskappaleita? Suunnittelijat n\u00e4kiv\u00e4t n\u00e4m\u00e4 siistit ominaisuudet ja halusivat esitell\u00e4 kykyj\u00e4\u00e4n kokoamalla ne mahdollisimman monelle verkkosivustolle. No, ne ajat ovat menneet. Internetin k\u00e4ytt\u00e4j\u00e4t todella arvostavat yksinkertaisuutta. He haluavat toimivan, esteettisesti miellytt\u00e4v\u00e4n sivuston, joka on yksinkertainen ja helppok\u00e4ytt\u00f6inen. Hankalat animaatiot eiv\u00e4t ainoastaan \u200b\u200bhidasta sivustoa, vaan useimmat k\u00e4ytt\u00e4j\u00e4t pit\u00e4v\u00e4t niit\u00e4 itse asiassa \u00e4rsytt\u00e4vin\u00e4.\n<\/p>\n<p>\n  Auta asiakkaitasi tekem\u00e4\u00e4n vaikutuksen asiakkaisiinsa valitsemalla yksinkertaisuus melun sijaan. Heid\u00e4n tulee myyd\u00e4 br\u00e4ndi\u00e4\u00e4n sis\u00e4ll\u00f6n ja tuotetarjonnan laadun perusteella, ei web-suunnittelun r\u00e4ikeyden perusteella. Jos etsit inspiraatiota, tutustu <a href=\"http:\/\/www.awwwards.com\/websites\/minimal\/\" target=\"_blank\" rel=\"noopener\">n\u00e4ihin minimalistisiin malleihin<\/a>. Huomaat nopeasti, ett\u00e4 yksinkertainen ei tarkoita tyls\u00e4\u00e4. Se todella tarkoittaa tyylik\u00e4st\u00e4.\n<\/p>\n<h5>\n  10 K\u00e4yt\u00e4 F- tai Z-asettelumallia<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245016-63820d85ae42d.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245016-63820d85ae42d.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  &#8221;Yksi tehokkaan k\u00e4ytt\u00f6kokemuksen luomisen keskeisist\u00e4 periaatteista on saada parempi k\u00e4sitys siit\u00e4, kuinka erilaiset ulkoasut voivat muuttaa k\u00e4ytt\u00e4jien k\u00e4ytt\u00e4ytymist\u00e4&#8221;, sanoo web-suunnittelija Brandon Jones. Kiinnit\u00e4tk\u00f6 t\u00e4m\u00e4n huomioon ottaen tarpeeksi huomiota suunnittelemiesi sivustojen rakenteelliseen ulkoasuun? Vaikka sinun on noudatettava asiakkaan toiveita ja vivahteita, sinun on my\u00f6s k\u00e4ytett\u00e4v\u00e4 suunnittelustrategioita, joiden tied\u00e4t toimivan.\n<\/p>\n<p>\n  Suurin osa Internetin k\u00e4ytt\u00e4jist\u00e4 on taitavia skannereita. T\u00e4m\u00e4 tarkoittaa, ett\u00e4 he eiv\u00e4t kuluta tai lue kaikkea kohtaamaansa sis\u00e4lt\u00f6\u00e4. Sen sijaan he etsiv\u00e4t tiettyj\u00e4 tietoja ja arvioivat sitten, onko sivu heid\u00e4n aikansa arvoinen vai ei. Ja onneksi useimmat k\u00e4ytt\u00e4j\u00e4t noudattavat samanlaista skannausmallia.\n<\/p>\n<p>\n  Ensimm\u00e4inen harkittava sivusuunnittelu on F-Layout, jota tukevat erilaiset katseenseurantatutkimukset. &#8221;N\u00e4m\u00e4 tieteelliset tutkimukset osoittavat, ett\u00e4 web-selaajat lukevat n\u00e4ytt\u00f6\u00e4 &#8221;F&#8221;-kuviolla \u2013 n\u00e4kev\u00e4t n\u00e4yt\u00f6n yl\u00e4reunan, vasemman yl\u00e4kulman ja vasemman reunan useimmiten&#8230; vain ajoittain katsoen kohti n\u00e4yt\u00f6n oikeaa reunaa&#8221;, Jones kirjoittaa.\n<\/p>\n<p>\n  T\u00e4m\u00e4n teorian perusteella tyypillinen k\u00e4ytt\u00f6kokemus n\u00e4ytt\u00e4\u00e4 t\u00e4lt\u00e4:\n<\/p>\n<ul>\n<li>Pikakatselu sivun vasempaan yl\u00e4kulmaan.\n  <\/li>\n<li>Selaa sivuston yl\u00e4osaa ja katso erilaisia \u200b\u200bnavigointiv\u00e4lilehti\u00e4.\n  <\/li>\n<li>Siirry ensimm\u00e4iseen kokonaiseen sis\u00e4ll\u00f6n osaan, lue vasemmalta oikealle.\n  <\/li>\n<li>Aloita aloitussivun vieritt\u00e4minen alasp\u00e4in muun sis\u00e4ll\u00f6n skannaamiseen kest\u00e4\u00e4 vain sekunteja.\n  <\/li>\n<\/ul>\n<p>\n  Kun pid\u00e4t n\u00e4m\u00e4 suuntaukset mieless\u00e4si, haluat sijoittaa asiakkaasi arvokkaimman ja kiinnostavimman sis\u00e4ll\u00f6n n\u00e4ille hot spoteille.\n<\/p>\n<p>\n  Vaikka F-design on yleisimmin k\u00e4ytetty, jotkut suunnittelijat valitsevat Z-Designin. Se on hyvin samanlainen, mutta sen sijaan oletetaan, ett\u00e4 k\u00e4ytt\u00e4j\u00e4t skannaavat sivuja Z-kuviolla. Toisin sanoen ne alkavat vasemmasta yl\u00e4kulmasta, seuraavat vaakasuuntaista polkua, kunnes ne saavuttavat oikean yl\u00e4kulman, siirtyv\u00e4t vinosti vasempaan alakulmaan ja skannaavat sitten vaakasuunnassa sivun oikeaan alakulmaan.\n<\/p>\n<p>\n  Sinun ei tarvitse noudattaa tiukkaa F- tai Z-asettelusuunnittelua, mutta se auttaa ymm\u00e4rt\u00e4m\u00e4\u00e4n k\u00e4ytt\u00e4jien taipumuksia, jotta voit lis\u00e4t\u00e4 ponnisteluihin rakennetta.\n<\/p>\n<h5>\n  11 Yhteystietojen integrointi<br \/>\n<\/h5>\n<p>\n  Oletko koskaan vieraillut verkkosivustolla, jolta oli l\u00e4hes mahdotonta l\u00f6yt\u00e4\u00e4 yrityksen yhteystietoja? Tai ehk\u00e4 he eiv\u00e4t edes sis\u00e4llytt\u00e4neet sit\u00e4? Mit\u00e4 tulee muuntokursseihin, t\u00e4m\u00e4 on yksi pahimmista web-suunnitteluvirheist\u00e4, joita voit tehd\u00e4. Jos k\u00e4ytt\u00e4j\u00e4 ei l\u00f6yd\u00e4 yrityksen yhteystietoja nopealla hiiren napsautuksella, h\u00e4n voi pomppia ja vierailla kilpailijan sivustolla.\n<\/p>\n<p>\n  Suunnittelijana ty\u00f6skentele tiiviisti asiakkaasi kanssa korostaaksesi yksinkertaisen yhteystietosivun suunnittelun t\u00e4rkeytt\u00e4. T\u00e4ss\u00e4 muutamia nopeita nyrkkis\u00e4\u00e4nt\u00f6j\u00e4:\n<\/p>\n<ul>\n<li>Yhteystiedot \u2013 mukaan lukien puhelinnumero, s\u00e4hk\u00f6postiosoite ja fyysinen osoite \u2013 tulee mainita selv\u00e4sti jokaisen sivun yl\u00e4- tai alatunnisteessa.\n  <\/li>\n<li>Jokaisella sis\u00e4isell\u00e4 tuotesivulla tulee olla selke\u00e4t Ota yhteytt\u00e4 -painikkeet ja toimintakehotukset.\n  <\/li>\n<li>Varsinaisella yhteystietosivulla saa olla enint\u00e4\u00e4n kolme kentt\u00e4\u00e4. Jos annat k\u00e4ytt\u00e4jille liikaa vaihtoehtoja tai vaatimuksia, he p\u00e4\u00e4tt\u00e4v\u00e4t olla ottamatta sinuun yhteytt\u00e4.\n  <\/li>\n<\/ul>\n<p>\n  T\u00e4m\u00e4 saattaa tuntua liioitellulta, mutta ajattele yhteystietosivun t\u00e4rkeytt\u00e4. Se on portaali, joka yhdist\u00e4\u00e4 mahdolliset ostajat br\u00e4ndiin. T\u00e4m\u00e4n n\u00e4k\u00f6kohdan sotkeminen voi vahingoittaa vakavasti muuntokurssia.\n<\/p>\n<h5>\n  12 Sijoita jaettuun testaukseen<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245016-63820d891e423.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245016-63820d891e423.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Jos haluat tehd\u00e4 korkeasta konversioprosentista yhdeksi myyntivalttejasi, on hyv\u00e4 idea investoida jaettuun testausohjelmistoon. Monet maailman menestyneimmist\u00e4 yrityksist\u00e4 \u2013 kuten Google, Amazon ja eBay \u2013 k\u00e4ytt\u00e4v\u00e4t split-testaustekniikkaa p\u00e4ivitt\u00e4in.\n<\/p>\n<p>\n  Jos et ole perehtynyt sen toimintaan, jaetun testauksen avulla voit k\u00e4yt\u00e4nn\u00f6ss\u00e4 toteuttaa kaksi erilaista mallia ja ker\u00e4t\u00e4 reaaliaikaisia \u200b\u200btuloksia k\u00e4ytt\u00e4jilt\u00e4. Sinua ei esimerkiksi saa myyd\u00e4, mit\u00e4 valikkomuotoa haluat k\u00e4ytt\u00e4\u00e4. Voit ottaa k\u00e4ytt\u00f6\u00f6n kaksi erilaista ja saada puolet vierailijoista n\u00e4kem\u00e4\u00e4n valikon yksi ja toinen puoli n\u00e4kem\u00e4\u00e4n valikon kaksi. Ennalta m\u00e4\u00e4r\u00e4tyn ajan kuluttua lopetat testin, tarkistat n\u00e4ytetiedot ja teet p\u00e4\u00e4t\u00f6ksen sen perusteella, kumpi onnistui paremmin. Split-testauksessa on loputtomasti mahdollisuuksia, joten sit\u00e4 on ehdottomasti harkittava.\n<\/p>\n<h4>\n  Tilanteen hallintaan ottaminen<br \/>\n<\/h4>\n<p>\n  Niin monet suunnittelijat yksinkertaisesti suunnittelevat verkkosivustoja, toimittavat valmiin tuotteen asiakkaalle, lunastavat palkan ja jatkavat eteenp\u00e4in. Vaikka t\u00e4m\u00e4 kaava saattaa toimia joillekin, se ei ole kannattavin tai kest\u00e4vin liiketoimintamalli. Jos haluat s\u00e4ilytt\u00e4\u00e4 enemm\u00e4n asiakkaita, veloittaa enemm\u00e4n ja kehitt\u00e4\u00e4 mainetta paljon tuloksia tuottavien sivustojen suunnittelussa, sinun on kiinnitett\u00e4v\u00e4 huomiota tulosprosentteihin ja siihen, miten verkkosivustosi vaikuttavat sivuston vierailijoihin. K\u00e4yt\u00e4 n\u00e4it\u00e4 12 vinkki\u00e4 l\u00e4ht\u00f6kohtana ja aloita aivoriihi lis\u00e4\u00e4 tapoja, joilla voit parantaa ty\u00f6t\u00e4si ja tyydytt\u00e4\u00e4 asiakkaita.\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  : <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2015\/10\/29\/increase-conversion-rates\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Harvat asiat ovat turhauttavampia kuin tyytym\u00e4t\u00f6n asiakas \u2013 varsinkin sen j\u00e4lkeen, kun olet tehnyt tuntikausia ty\u00f6t\u00e4 heid\u00e4n verkkosivustonsa jokaisen yksitt\u00e4isen osan huolelliseen suunnitteluun. Ja silti, vaikka sivusto saattaa olla sujuva ja esteettisesti miellytt\u00e4v\u00e4, on silti t\u00e4ysin mahdollista, ett\u00e4 asiakas voi tulla luoksesi ja kysy\u00e4: &#8221;Miksi tulosprosenttini on niin alhainen?&#8221; Sen sijaan, ett\u00e4 sanoisit &#8221;en tied\u00e4&#8221; tai &#8221;ei minun ongelmani&#8221;, sinun tulisi yritt\u00e4\u00e4 korjata ongelma yksinkertaisilla korjauksilla. 12 tapaa lis\u00e4t\u00e4 tuloksia Verkkosuunnittelusta suuri osa on suhteellista. Tekniikat, strategiat, mallit, asettelut ja tyylit riippuvat\u2026<\/p>\n","protected":false},"author":1,"featured_media":143747,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[222,53,196],"tags":[],"class_list":["post-249671","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-oppikirjoja","category-web-ja-wordpress-2","category-web-suunnittelu"],"_links":{"self":[{"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/posts\/249671","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/comments?post=249671"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/posts\/249671\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/media\/143747"}],"wp:attachment":[{"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/media?parent=249671"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/categories?post=249671"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/tags?post=249671"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}