{"id":249600,"date":"2023-06-19T09:23:00","date_gmt":"2023-06-19T06:23:00","guid":{"rendered":"https:\/\/inform.click\/verkkosuunnittelun-arvo-sujuvalle-asiakasmatkalle\/"},"modified":"2023-06-19T10:14:00","modified_gmt":"2023-06-19T07:14:00","slug":"verkkosuunnittelun-arvo-sujuvalle-asiakasmatkalle","status":"publish","type":"post","link":"https:\/\/inform.click\/fi\/verkkosuunnittelun-arvo-sujuvalle-asiakasmatkalle\/","title":{"rendered":"Verkkosuunnittelun arvo sujuvalle asiakasmatkalle"},"content":{"rendered":"<p>\n  Asiakaspolun kartoitus on markkinointik\u00e4yt\u00e4nt\u00f6, joka on elint\u00e4rke\u00e4 markkinointistrategioissa. Br\u00e4ndit ja yritykset mukauttavat t\u00e4t\u00e4 nyt saadakseen kokonaisvaltaisen l\u00e4hestymistavan kampanjoihin. Verkkosivustojen asiakaspolun luomisen pit\u00e4isi olla l\u00e4ht\u00f6kohta, koska useimmat markkinointitiimit eiv\u00e4t ole onnistuneet t\u00e4ss\u00e4.\n<\/p>\n<p>\n  Asiakaspolku tunnistaa asiakkaiden kosketuspisteet heid\u00e4n vieraillessaan sivustolla, ja tunnistamalla n\u00e4m\u00e4 kosketuspisteet ja korjaamalla ne, jos on ongelmia, jotka kaipaavat ratkaisua, niiden parantaminen tuo kampanjasi l\u00e4hemm\u00e4ksi tavoitteiden toteutumista.\n<\/p>\n<p>\n  Asiakaskartan luominen alkaa, kuten kaikki muutkin markkinointihankkeet, tutkimuksesta. Tutkimus tulisi asettaa teht\u00e4vien hierarkiassa etusijalle mink\u00e4 tahansa kampanjan luomisessa. Koska huolenaihe koskee ensisijaisesti sivuston asiakaspolkua, t\u00e4ss\u00e4 teht\u00e4v\u00e4 tutkimus py\u00f6rii kohdeyleis\u00f6n ymp\u00e4rill\u00e4.\n<\/p>\n<h5>\n  Asiakaspersoona<br \/>\n<\/h5>\n<p>\n  Asiakaspersoonan luominen on visuaalisen tai graafisen esityksen antamista sivuston vierailijoista. Tunnistamiesi asiakaspersoonien m\u00e4\u00e4r\u00e4 vaihtelee sivustosi keskim\u00e4\u00e4r\u00e4isen liikenteen mukaan. Silloin on t\u00e4rke\u00e4\u00e4 segmentoida markkinointitutkimuksen perusteet: v\u00e4est\u00f6tiedot ja sijainti. Vahvistaaksesi asiakaspersoonaprofiiliasi, sinun tulee sis\u00e4llytt\u00e4\u00e4 my\u00f6s yleis\u00f6si psykografia, jotta asiakkaat todella perehtyv\u00e4t sivustosi suunnittelun yksityiskohtiin, jotta he vetoavat heihin. Tietojen lajittelu voi olla ylivoimaista, ja auttaakseen sinua valitsemaan ty\u00f6kalut, joita tarvitset sivustosi tietojen lajitteluun, Peter Wayner on koonnut <a href=\"http:\/\/www.infoworld.com\/article\/2616959\/big-data\/7-top-tools-for-taming-big-data.html\" target=\"_blank\" rel=\"noopener\">luettelon ty\u00f6kaluista<\/a>, jotka auttavat sinua t\u00e4ss\u00e4 teht\u00e4v\u00e4ss\u00e4.\n<\/p>\n<p>\n  Yleis\u00f6si henkil\u00f6profiilien tunnistaminen on pelottava teht\u00e4v\u00e4, onneksi Michael King on kirjoittanut siit\u00e4 <a href=\"https:\/\/moz.com\/blog\/personas-understanding-the-person-behind-the-visit\" target=\"_blank\" rel=\"noopener\">erinomaisen teoksen<\/a>. Pohjimmiltaan se puhuu markkinoinnin segmentoinnista antaakseen esityksen sivuston vierailijoista, mik\u00e4 auttaa parantamaan asiakkaidesi matkaa.\n<\/p>\n<p>\n  On t\u00e4rke\u00e4\u00e4 huomata, ett\u00e4 asiakaspersoonaa luotaessa tulee my\u00f6s tiet\u00e4\u00e4, mist\u00e4 yleis\u00f6si tulee. T\u00e4m\u00e4n tiet\u00e4minen antaa sinulle tarkemman k\u00e4sityksen vierailijoiden kiinnostuksen kohteista ennen sivustollesi siirtymist\u00e4. Google Analytics on ilmeinen ty\u00f6kalu k\u00e4ytett\u00e4v\u00e4ksi t\u00e4ss\u00e4 suhteessa. Tarkista se siirtym\u00e4ll\u00e4 sivustosi Google Analyticin profiiliin. Napsauta Yleis\u00f6 &gt; Kiinnostuksen kohteet &gt; Ostoaikeissa olevat segmentit:\n<\/p>\n<p>\n  T\u00e4m\u00e4 vie sinut t\u00e4h\u00e4n datakaavioon.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-249175-63821f10ad402.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-249175-63821f10ad402.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  N\u00e4m\u00e4 tiedot edustavat sivustoluokkia, joissa vierailijasi ovat k\u00e4yneet aiemmin. Koska t\u00e4ss\u00e4 on kyse asiakaspersoonien luomisesta, etsi luokkia, jotka saavat laadukasta liikennett\u00e4. Laadukkaan liikenteen m\u00e4\u00e4ritt\u00e4minen riippuu sivuston tavoitteista. T\u00e4m\u00e4 tarkoittaa mittareiden tai mittareiden yhdistelm\u00e4n k\u00e4ytt\u00f6\u00e4, joka sopii standardiin, johon tavoitteet sopivat. Yleens\u00e4 n\u00e4m\u00e4 tiedot sis\u00e4lt\u00e4v\u00e4t v\u00e4litt\u00f6m\u00e4n poistumisprosentin, uudet k\u00e4ynnit ja sivuston keskim\u00e4\u00e4r\u00e4isen keston. T\u00e4rke\u00e4 huomioitava seikka on tietojen suodattaminen. Suodattamattomien viittausliikenteen tietojen k\u00e4ytt\u00e4minen asiakaspersoonien luomisessa monimutkaistaa asioita, joten ole varovainen tehdess\u00e4si sit\u00e4. Katso <a href=\"https:\/\/megalytic.com\/blog\/how-to-filter-out-fake-referrals-and-other-google-analytics-spam\" target=\"_blank\" rel=\"noopener\">t\u00e4m\u00e4 artikkeli<\/a> v\u00e4\u00e4rennettyjen viittausten suodattamisesta Google Analyticsissa.\n<\/p>\n<p>\n  Kun olet jo tunnistanut oikeat viittausliikenteen l\u00e4hteet, ne, jotka ohjaavat huomattavan m\u00e4\u00e4r\u00e4n liikennett\u00e4 sivustollesi, ohjaavat URL-osoitteet joihinkin suosittuihin verkossa saatavilla oleviin sivustotarkistuksiin. Yleisesti k\u00e4ytetyt ovat <a href=\"https:\/\/www.similarweb.com\/\" target=\"_blank\" rel=\"noopener\">Samanweb<\/a> ja <a href=\"https:\/\/www.alexa.com\/\" target=\"_blank\" rel=\"noopener\">Alexa<\/a>, mutta on my\u00f6s muita, jotka tekev\u00e4t saman asian. He voivat antaa sinulle yleiskatsauksen sivustoista, jotka haluat tarkistaa niiden ilmaisissa versioissa, mutta saadaksesi lis\u00e4tietoja, voit p\u00e4ivitt\u00e4\u00e4 heid\u00e4n premium-tileihins\u00e4.\n<\/p>\n<p>\n  T\u00e4ss\u00e4 on demografinen yleiskatsaus Likewebist\u00e4.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-249175-63821f131576b.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-249175-63821f131576b.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Alexa:\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-249175-63821f150655e.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-249175-63821f150655e.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  N\u00e4iden kolmen ty\u00f6kalun tietojen vertailu ja t\u00e4ydent\u00e4minen antaa tarkemman arvion k\u00e4vij\u00e4tiedoistasi.\n<\/p>\n<h5>\n  Tavoitteiden kohdistaminen<br \/>\n<\/h5>\n<p>\n  Kun asiakaspersoonat on tunnistettu, seuraava askel on kohdistaa ne sivuston tavoitteisiin matkan vaiheittain. Matkan vaiheet sivuston sis\u00e4ll\u00e4 n\u00e4kyv\u00e4t Google Analyticsin k\u00e4ytt\u00e4ytymisvirrassa. K\u00e4ytt\u00e4ytyminen &gt; K\u00e4ytt\u00e4ytymiskulku:\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-249175-63821f1910317.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-249175-63821f1910317.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Visuaalinen kaavio n\u00e4ytt\u00e4\u00e4 vierailijapolun sivuston sis\u00e4ll\u00e4. Aloitussivulta (ja muilta luokkasivuilta) kululla on useita kosketuspisteit\u00e4 ennen sivuston tavoitteen saavuttamista.\n<\/p>\n<p>\n  *Huomaa, ett\u00e4 sivuston tavoitteet on asetettava Analytics-profiilissa, jotta saat t\u00e4ydellisen kuvan vierailijan tulosreitist\u00e4.\n<\/p>\n<p>\n  Merkitse muistiin sivut, joilla suurin osa pudotuksista tapahtuu. Syit\u00e4 vierailijoiden l\u00e4htemiseen on useita. Jotkut yleisimmist\u00e4 syist\u00e4 ovat:\n<\/p>\n<ol>\n<li>sis\u00e4lt\u00f6viesti\n  <\/li>\n<li>k\u00e4ytt\u00e4j\u00e4kokemus\n  <\/li>\n<li>design\n  <\/li>\n<li>Teknisi\u00e4 ongelmia\n  <\/li>\n<\/ol>\n<p>\n  Keskitymme toistaiseksi vain muotoilukysymykseen, mutta koska kaikki n\u00e4m\u00e4 tekij\u00e4t liittyv\u00e4t l\u00e4heisesti toisiinsa, k\u00e4sittelemme niit\u00e4 my\u00f6s muotoilun yhteydess\u00e4.\n<\/p>\n<p>\n  Er\u00e4\u00e4ss\u00e4 UXMag-artikkelissa esitettiin skenaarioita, jotka johtivat julistukseen, ett\u00e4 web-suunnittelu on kuollut. L\u00e4hes kaikki n\u00e4m\u00e4 kohdat koskevat uusien teknologioiden ja innovaatioiden ilmaantumista verkkosuunnittelussa, jotka eiv\u00e4t ole v\u00e4ltt\u00e4m\u00e4tt\u00f6mi\u00e4 yleis\u00f6n houkuttelemiseksi. Loppujen lopuksi artikkeli ei kuitenkaan hautannut web-suunnittelua ammattina, vaan pikemminkin kehotus web-suunnittelijoille sopeutumaan nykyiseen maisemaan. Vaikka useimmat esitetyt asiat ovat paikallaan, esitetyss\u00e4 v\u00e4itteess\u00e4 on yksi l\u00e4ht\u00f6kohta, joka on saattanut olla v\u00e4\u00e4r\u00e4ss\u00e4 paikassa, web-suunnittelupalvelujen automaatio ja teko\u00e4ly. Vaikka automaatio onkin tervetullut heng\u00e4hdystauko web-suunnittelijoille, se ei olisi niin hy\u00f6dyllist\u00e4 kokonaiskuvassa sivuston tavoitteiden toteuttamisen kannalta. Suunniteltu suunnittelukonsepti kohteen tavoitteiden saavuttamiseksi on edelleen ihmisten p\u00e4\u00e4tett\u00e4viss\u00e4.\n<\/p>\n<p>\n  K\u00e4ytett\u00e4vyys ja muotoilu kulkevat k\u00e4si k\u00e4dess\u00e4. Vaikka molemmat ovat erillisi\u00e4 tieteenaloja, toinen t\u00e4ydent\u00e4\u00e4 toista lukemattomilla tavoilla, joita on joskus vaikea erottaa toisistaan. T\u00e4ss\u00e4 on joitain yleisi\u00e4 k\u00e4ytett\u00e4vyysvirheit\u00e4 web-suunnittelussa, jotta voidaan toistaa, miten t\u00e4rke\u00e4\u00e4 on k\u00e4ytt\u00e4\u00e4 suunnittelua sivujen putoamisen minimoimiseen ja asiakaspolun parantamiseen:\n<\/p>\n<ul>\n<li>\n<p>\n      Sis\u00e4lt\u00f6 ei v\u00e4lit\u00e4 viesti\u00e4:\n    <\/p>\n<p>\n      Sis\u00e4lt\u00f6 on osa web-suunnittelua. T\u00e4t\u00e4 kutsutaan yleisesti verkkokopioksi. Grafiikka ja visuaalit antavat vierailijoille hyv\u00e4n vaikutelman, mutta he haluavat my\u00f6s lukea teksti\u00e4. Suunnitteluvirheit\u00e4 tapahtuu, kun vierailijat h\u00e4iritsev\u00e4t sivun muita elementtej\u00e4.\n    <\/p>\n<ul>\n<li>Kiinnit\u00e4 huomiosi verkkokopioon\n      <\/li>\n<li>Anna ytimekk\u00e4\u00e4t tiedot\n      <\/li>\n<li>Tarjoa lyhyit\u00e4 kappaleita helposti sulavaa tietoa varten\n      <\/li>\n<\/ul>\n<p>\n      Typografia on my\u00f6s web-suunnittelun tekij\u00e4. Kyse ei aina ole tekstin otsikoista ja fonteista. K\u00e4ytett\u00e4vyyden tulee aina olla esteettisyyden edelle, jotta sis\u00e4lt\u00f6 olisi helppo lukea.\n    <\/p>\n<\/li>\n<li>\n<p>\n      Vierailijat eiv\u00e4t voi ottaa sinuun yhteytt\u00e4:\n    <\/p>\n<p>\n      Asiakaspolun tulee olla interaktiivista ja mukaansatempaavaa. Jos sivustosi sis\u00e4lt\u00f6 houkuttelee lukijasi, he haluavat olla sinuun yhteydess\u00e4. Yhteydenottolomakkeiden tulee olla toimivia. Kaunis muotoilu on my\u00f6s bonus, mutta sit\u00e4 ei pid\u00e4 asettaa etusijalle k\u00e4ytett\u00e4vyyden edelle.\n    <\/p>\n<\/li>\n<li>\n<p>\n      Hakutoiminnon puute:\n    <\/p>\n<p>\n      Verkkosivustoilla vierailevilla ihmisill\u00e4 on tietty teht\u00e4v\u00e4 mieless\u00e4. Useimmiten he haluavat saada tietoa. Sis\u00e4ll\u00f6llisesti runsaat sivustot tarvitsevat hakutoiminnon, jotta vierailijat s\u00e4\u00e4st\u00e4v\u00e4t navigointiaikaa. Verkkokauppasivustoilla ihmiset haluavat tiet\u00e4\u00e4 tuotteiden kuvaukset. Sivusto, jolta puuttuu hakutoiminto, voi heikent\u00e4\u00e4 sivuston navigoitavuutta.\n    <\/p>\n<\/li>\n<li>\n<p>\n      Pitk\u00e4 rekister\u00f6intiprosessi:\n    <\/p>\n<p>\n      Mik\u00e4\u00e4n ei voi olla turhauttavampaa kuin halu kirjautua sivustolle vain n\u00e4hd\u00e4ksesi pitk\u00e4n yhteydenottolomakkeen, jossa kysyt\u00e4\u00e4n useita tarpeettomia tietoja. Katso Redditin ilmoittautumislomake.\n    <\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-249175-63821f1d2f81f.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-249175-63821f1d2f81f.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n      Ilmoittautumislomakkeen yksinkertaisuus tekee uusien k\u00e4ytt\u00e4jien liittymisest\u00e4 sivustolle paljon helpompaa. Hienoa siin\u00e4 on, ett\u00e4 s\u00e4hk\u00f6postin antaminen on valinnaista. T\u00e4m\u00e4 ei tarkoita sit\u00e4, ett\u00e4 jokaisen sivuston ei pit\u00e4isi pyyt\u00e4\u00e4 s\u00e4hk\u00f6posteja, mutta tarpeettoman tiedon pyyt\u00e4minen k\u00e4ytt\u00e4jilt\u00e4 tulisi lopettaa.\n    <\/p>\n<\/li>\n<li>\n<p>\n      Ep\u00e4johdonmukaisuus suunnittelussa:\n    <\/p>\n<p>\n      Yksi suunnittelun periaatteista (ei vain verkkosivustoille) on olla johdonmukainen. Kotisivun ulkoasun tulee olla sama kuin muilla sivuilla. Jos kotisivun v\u00e4riteema on valkoinen, esimerkiksi Tietoja-sivulla ei pit\u00e4isi k\u00e4\u00e4nt\u00e4\u00e4 skripti\u00e4 ja valita jokin muu v\u00e4ri, esimerkiksi musta. Kyse ei ole vain v\u00e4rist\u00e4, vaan my\u00f6s asettelusta. Johdonmukaisuus on avainasemassa.\n    <\/p>\n<\/li>\n<\/ul>\n<h5>\n  Kosketuspisteet<br \/>\n<\/h5>\n<p>\n  Kosketuspisteet ovat sivuston t\u00e4rkeit\u00e4 sivuja. Sis\u00e4lt\u00f6\u00e4 sis\u00e4lt\u00e4vill\u00e4 sivustoilla, kuten blogeilla, n\u00e4m\u00e4 ovat luokkasivut, yhteystiedot ja meist\u00e4 kertovat sivut. N\u00e4m\u00e4 sivut toimivat porttina vierailijoille sis\u00e4lt\u00f6\u00f6n. Verkkokauppasivustoilla on erilaisia \u200b\u200bkosketuspisteit\u00e4. Ne ovat enimm\u00e4kseen luettelosivuja ja tuotekuvauksia. Saat lis\u00e4tietoja kosketuspisteist\u00e4 palaamalla Google Analyticsin k\u00e4ytt\u00e4ytymisprosessiin.\n<\/p>\n<p>\n  Sivuston kosketuspisteen tulisi puhua sivuston kohdevieraille. Suunnitteluvaiheen on resonoitava kohdeyleis\u00f6n kanssa. T\u00e4ss\u00e4 luotu asiakaspersoona toimii oppaana sivujen suunnittelussa (tai uudelleensuunnittelussa).\n<\/p>\n<p>\n  Parantaakseen kosketuspisteiden k\u00e4ytt\u00f6kokemusta suunnittelijoiden on tunnistettava tietoaukot. Selvit\u00e4, mit\u00e4 sivuilta puuttuu, ja t\u00e4yt\u00e4 olennaiset tiedot poistojen minimoimiseksi. Puutteet ovat tietoja, jotka puuttuvat vierailijoiden sivuilla odotusten ja sivulla saatavilla olevan tiedon v\u00e4lill\u00e4.\n<\/p>\n<p>\n  On my\u00f6s teknisi\u00e4 n\u00e4k\u00f6kohtia, jotka voivat parantaa ja v\u00e4hent\u00e4\u00e4 sivujen kipukohtia. Sivulla oleva SEO (hakukoneoptimointi) voi tunnistaa ja korjata n\u00e4m\u00e4 ongelmat paremman k\u00e4ytt\u00f6kokemuksen saavuttamiseksi.\n<\/p>\n<ol>\n<li>\n<p>\n      Sivuston\/sivun nopeus:\n    <\/p>\n<p>\n      T\u00e4m\u00e4n pit\u00e4isi olla etusijalla web-kehityksess\u00e4 ja -suunnittelussa. Muista, ett\u00e4 toimivuutta ei pid\u00e4 j\u00e4tt\u00e4\u00e4 tarpeettomien koristeiden varaan. Suuret tiedostot, joiden lataaminen vie aikaa, tulee pakata ja asettaa latausj\u00e4rjestykseen latausajan pident\u00e4miseksi. <a href=\"https:\/\/www.distilled.net\/blog\/seo\/site-speed-for-dummies-part1\/\" target=\"_blank\" rel=\"noopener\">T\u00e4st\u00e4 sivuston nopeutta k\u00e4sittelev\u00e4st\u00e4 artikkelista<\/a> saat yksityiskohtaisemman oppaan sivuston nopeuden parantamiseksi .\n    <\/p>\n<\/li>\n<li>\n<p>\n      301- ja 302-uudelleenohjaukset:\n    <\/p>\n<p>\n      Sivujen uudelleenohjaukset ovat tarpeen. Verkkovastaaville on monia syit\u00e4 ohjata sivuja uudelleen. Yleisin on, ett\u00e4 vanha sivu uudelleenohjataan uudelle ja p\u00e4ivitetylle sivulle, jossa on tuoretta sis\u00e4lt\u00f6\u00e4. Ero n\u00e4iden kahden v\u00e4lill\u00e4 on, ett\u00e4 301 on pysyv\u00e4 uudelleenohjaus, kun taas 302 on vain v\u00e4liaikainen.\n    <\/p>\n<\/li>\n<li>\n<p>\n      HTTP-otsikkokoodit:\n    <\/p>\n<p>\n      301 ja 302 ovat esimerkkej\u00e4 otsikkokoodeista. Niit\u00e4 on useita, mutta rajoitamme ne yleisimpiin.\n    <\/p>\n<p>\n      200 Success \u2013 sivu on latautunut onnistuneesti.\n    <\/p>\n<p>\n      404 Sivua ei l\u00f6ydy \u2013 sivua ei voitu ladata.\n    <\/p>\n<p>\n      500 Sis\u00e4inen palvelinvirhe \u2013 yleinen virhesivu. ei kerrota paljoakaan, miksi n\u00e4in tapahtui.\n    <\/p>\n<p>\n      301- ja 302-tilakoodien lis\u00e4ksi on t\u00e4rke\u00e4\u00e4 minimoida 404-sivujen esiintyminen, koska k\u00e4ytt\u00e4jien ei ole hyv\u00e4 kohdata niit\u00e4. Yksinkertainen ratkaisu on luoda mukautettu 404-sivu, joka vet\u00e4\u00e4 ne takaisin oikeille sivuille.\n    <\/p>\n<\/li>\n<\/ol>\n<h5>\n  Visuaalinen hierarkia<br \/>\n<\/h5>\n<p>\n  Visuaalinen hierarkki on yksi web-suunnittelun t\u00e4rkeimmist\u00e4 periaatteista. Visuaalinen hierarkia v\u00e4litt\u00e4\u00e4 sivustosi viestin ja sis\u00e4ll\u00f6n yleis\u00f6lle. Verkkohierarkiassa on pilareita, jotka on otettava huomioon.\n<\/p>\n<ol>\n<li>\n    <strong>KOKO<\/strong>: Web-sivun elementti on n\u00e4ht\u00e4v\u00e4. Tekstin, kuvien ja grafiikan tulee olla lukijan n\u00e4ht\u00e4viss\u00e4.\n  <\/li>\n<li>\n    <strong>V\u00c4RI<\/strong>: V\u00e4rin valinta m\u00e4\u00e4r\u00e4ytyy henkil\u00f6profiilin luomisen aikana tekem\u00e4si tutkimuksen mukaan. Jos sivusto on tarkoitettu 60-vuotiaille ja sit\u00e4 vanhemmille, r\u00e4ike\u00e4t v\u00e4rit eiv\u00e4t todenn\u00e4k\u00f6isesti vaikuta heid\u00e4n tunteisiinsa, kun taas nuoremmat lukijat reagoivat t\u00e4llaiseen v\u00e4rimaailmaan.<\/p>\n<ul>\n<li>\n        <strong>KONTRASTI<\/strong>: Kontrasti on dramaattinen muutos tekstin koossa ja v\u00e4riss\u00e4. Verkkosivujen tehokkaat kontrastit auttavat kiinnitt\u00e4m\u00e4\u00e4n vierailijoiden huomion.\n      <\/li>\n<\/ul>\n<\/li>\n<li>\n    <strong>ASETTELU<\/strong>: P\u00e4\u00e4tt\u00e4ess\u00e4\u00e4n sivuston ulkoasusta asiantuntijat kehottavat noudattamaan <a href=\"https:\/\/en.wikipedia.org\/wiki\/Hick&#039;s_law\" target=\"_blank\" rel=\"noopener\">Hickin lakia<\/a> web-suunnittelussa, jonka mukaan mit\u00e4 enemm\u00e4n p\u00e4\u00e4t\u00f6ksi\u00e4 henkil\u00f6n on teht\u00e4v\u00e4, sit\u00e4 pidempi p\u00e4\u00e4t\u00f6ksentekoprosessi on. Suunnittelun tulisi t\u00e4ll\u00f6in antaa vain vierailijan tarvitsemat olennaiset vaihtoehdot.<\/p>\n<ul>\n<li>\n        <strong>LINJAUS<\/strong>: T\u00e4m\u00e4 on j\u00e4rjestys suunnittelun elementtien v\u00e4lill\u00e4. Se on tekstin j\u00e4rjest\u00e4minen kontekstissa ja sivupalkin sarakkeen luokissa. Elementit, kuten profiilit, tilille kirjautuminen ja hakupainike, l\u00f6ytyv\u00e4t sivun oikeasta yl\u00e4kulmasta. Vierailijat etsiv\u00e4t yleens\u00e4 niit\u00e4 sivun kyseiselt\u00e4 alueelta.\n      <\/li>\n<\/ul>\n<\/li>\n<li>\n    <strong>V\u00c4LITYS<\/strong>: Asetteluun liittyen v\u00e4lit v\u00e4litt\u00e4v\u00e4t viestin, jonka haluat lukijoiden tiet\u00e4v\u00e4n. <a href=\"http:\/\/www.instantshift.com\/2011\/09\/19\/the-close-relationship-between-gestalt-principles-and-design\/\" target=\"_blank\" rel=\"noopener\">Gestalt-periaate<\/a> sanoo, ett\u00e4 ihmisill\u00e4 on taipumus havaita elementtej\u00e4, jotka ovat l\u00e4hell\u00e4 toisiaan ja joilla on samanlaiset toiminnot.<\/p>\n<ul>\n<li>\n        <strong>L\u00c4HEISYYS<\/strong>: Sivun elementtien l\u00e4heisyys on merkitt\u00e4v\u00e4\u00e4, koska se j\u00e4rjest\u00e4\u00e4 samankaltaisia \u200b\u200balaluokkia yhteen. Hierarkia on asetettu vierailijoille, jotta he voivat helposti yhdist\u00e4\u00e4 heid\u00e4t toisiinsa.\n      <\/li>\n<li>\n        <strong>TIHEYS JA VALKOTILA<\/strong>: Kukaan ei halua katsoa sivua, joka on &#8221;sekava&#8221;. Liian monta lukijan huomion huutavaa elementti\u00e4 saa heid\u00e4t poistumaan sivulta. Oikein muotoillulla sivulla on helppo katsella. Tiheyden ja tilan hyv\u00e4 tasapaino saada lukijat tuntemaan olonsa mukavaksi selatessaan. T\u00e4ss\u00e4 on joitain esimerkkej\u00e4 <a href=\"https:\/\/inform.click\/fi\/25-rumaa-verkkosivustoa-jotka-saavat-sinut-itkemaan\/\" title=\"rumista sivustoista\">rumista sivustoista<\/a>, jotka osoittavat, miten paljon yhdell\u00e4 sivulla on liikaa.\n      <\/li>\n<\/ul>\n<\/li>\n<li>\n    <strong>TYYLI<\/strong>: T\u00e4m\u00e4 on t\u00e4rkein periaate sek\u00e4 ilmeisin. Valitsemasi tyyli m\u00e4\u00e4ritt\u00e4\u00e4 sivuston viestin ja br\u00e4ndin. Varmista vain, ett\u00e4 mink\u00e4 tyylin valitsetkin, sen on oltava johdonmukainen koko sivustolla.<\/p>\n<ul>\n<li>\n        <strong>TOISTAMINEN<\/strong>: T\u00e4m\u00e4 koskee verkkokopion teksti\u00e4. Vaikka kappaleiden v\u00e4rin ja muotoilun johdonmukaisuus on t\u00e4rke\u00e4 periaate, v\u00e4rien vaihtaminen ja muotoilun viestin korostaminen kappaleissa voivat kiinnitt\u00e4\u00e4 huomiota. Toistuvien tyylien rikkominen antaa kontrastia ja syvyytt\u00e4 sivun tekstiin.\n      <\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<h5>\n  Laittamalla kaikki yhteen<br \/>\n<\/h5>\n<p>\n  Aseistettu tieto sivuston kohdeyleis\u00f6st\u00e4 ja tieto puutteiden t\u00e4ytt\u00e4misest\u00e4, joita tarvitaan k\u00e4ytt\u00e4j\u00e4n navigointikokemuksen parantamiseksi, on nyt aika rakentaa verkkosivusto, joka vastaa yleis\u00f6si tarpeisiin. Verkkosivustosi on t\u00e4rkein k\u00e4ytt\u00e4m\u00e4si visuaalinen ilme. Riippumatta siit\u00e4, kuinka monta henkil\u00f6\u00e4 olet tunnistanut, sivuston vierailijoilla on aina tarkoitus vierailla sivustollasi. He haluavat;\n<\/p>\n<ul>\n<li>Saada tietoa.\n  <\/li>\n<li>Haluatko tiet\u00e4\u00e4 yrityksesi.\n  <\/li>\n<li>Haluatko tiet\u00e4\u00e4 tuotteesi.\n  <\/li>\n<li>Vertaile hintoja (verkkokauppa).\n  <\/li>\n<li>Ole vuorovaikutuksessa joukkueen tai muiden ihmisten kanssa.\n  <\/li>\n<\/ul>\n<p>\n  Syyt voivat vaihdella, mutta verkkosivuston tarkoitus on olla sinun, yrityksesi ja yrityksesi laajennus, olipa tapauksesta riippumatta. Ole selke\u00e4, ytimek\u00e4s ja johdonmukainen viestin kanssa ja p\u00e4ivit\u00e4 jatkuvasti sis\u00e4lt\u00f6\u00e4 tarjotaksesi heille tuoretta tietoa.\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\/12\/17\/web-design-customer-journey\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Asiakaspolun kartoitus on markkinointik\u00e4yt\u00e4nt\u00f6, joka on elint\u00e4rke\u00e4 markkinointistrategioissa. Br\u00e4ndit ja yritykset mukauttavat t\u00e4t\u00e4 nyt saadakseen kokonaisvaltaisen l\u00e4hestymistavan kampanjoihin. Verkkosivustojen asiakaspolun luomisen pit\u00e4isi olla l\u00e4ht\u00f6kohta, koska useimmat markkinointitiimit eiv\u00e4t ole onnistuneet t\u00e4ss\u00e4. Asiakaspolku tunnistaa asiakkaiden kosketuspisteet heid\u00e4n vieraillessaan sivustolla, ja tunnistamalla n\u00e4m\u00e4 kosketuspisteet ja korjaamalla ne, jos on ongelmia, jotka kaipaavat ratkaisua, niiden parantaminen tuo kampanjasi l\u00e4hemm\u00e4ksi tavoitteiden toteutumista. Luodaan asiakaskartta\u2026<\/p>\n","protected":false},"author":1,"featured_media":167452,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[53,196,144],"tags":[],"class_list":["post-249600","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-ja-wordpress-2","category-web-suunnittelu","category-web-vinkkeja-ja-vinkkeja"],"_links":{"self":[{"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/posts\/249600","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=249600"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/posts\/249600\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/media\/167452"}],"wp:attachment":[{"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/media?parent=249600"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/categories?post=249600"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/tags?post=249600"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}