{"id":249727,"date":"2023-08-03T12:52:00","date_gmt":"2023-08-03T09:52:00","guid":{"rendered":"https:\/\/inform.click\/miksi-kirjasimilla-on-valia-nakemyksia-kayttokokemuksesta-ja-typografiasta\/"},"modified":"2023-08-03T13:20:00","modified_gmt":"2023-08-03T10:20:00","slug":"miksi-kirjasimilla-on-valia-nakemyksia-kayttokokemuksesta-ja-typografiasta","status":"publish","type":"post","link":"https:\/\/inform.click\/fi\/miksi-kirjasimilla-on-valia-nakemyksia-kayttokokemuksesta-ja-typografiasta\/","title":{"rendered":"Miksi kirjasimilla on v\u00e4li\u00e4: n\u00e4kemyksi\u00e4 k\u00e4ytt\u00f6kokemuksesta ja typografiasta"},"content":{"rendered":"<p>\n  Kun k\u00e4ytt\u00e4j\u00e4t tulevat verkkosivustollesi, heill\u00e4 on yleens\u00e4 jokin tavoite mieless\u00e4\u00e4n. T\u00e4m\u00e4 tavoite on harvoin l\u00f6yt\u00e4\u00e4 upea sivustosi suunnittelu ja nauttia sen edistyneist\u00e4 toiminnoista.\n<\/p>\n<p>\n  K\u00e4ytt\u00e4j\u00e4t tulevat useimmiten hakemaan tietoa, olipa kyse sitten jostain el\u00e4m\u00e4n osa-alueesta yleens\u00e4 tai tarjoamastasi tuotteesta. T\u00e4ss\u00e4 typografia tulee k\u00e4ytt\u00f6\u00f6n, koska sen tarkoituksena on varmistaa paras mahdollinen k\u00e4sitys verkkosivustosi tiedoista. T\u00e4n\u00e4\u00e4n on aika perehty\u00e4 UX:n ja typografian monimutkaiseen yhteyteen ja seurata fonttivalintojen vaikutusta verkkosivuston yleiseen selauskokemukseen.\n<\/p>\n<h5>\n  Miksi typografia on niin t\u00e4rke\u00e4 UX:lle?<br \/>\n<\/h5>\n<p>\n  On raportoitu, ett\u00e4 yli 95 % Internetin tiedoista on tekstin muodossa (kirjoitettu kieli). T\u00e4m\u00e4 tieto on tarkoitettu ihmisten imeytyv\u00e4ksi, ja he yritt\u00e4v\u00e4t tehd\u00e4 parhaansa k\u00e4sitell\u00e4kseen mahdollisimman paljon tietoa. T\u00e4\u00e4ll\u00e4 typografia toimii tukevana yst\u00e4v\u00e4n\u00e4, joka auttaa ihmisi\u00e4 saamaan kaiken irti selausajastaan \u200b\u200bja vaivastaan.\n<\/p>\n<p>\n  Hyv\u00e4\u00e4 typografiaa on usein vaikea havaita. Se tekee lukemisesta virtaviivaista, etk\u00e4 kiinnit\u00e4 siihen huomiota. Toisaalta huonot typografiavalinnat voivat pilata selauskokemuksen ja laskea lukuhavaintonopeuden minimiin. Koska kukaan ei halua tuhlata aikaa, typografiasta tulee yksi luontaisista UX-vipuista, joka vaikuttaa suuresti yleiseen k\u00e4ytt\u00f6kokemukseen tietyll\u00e4 verkkosivustolla.\n<\/p>\n<p>\n  S\u00e4\u00e4t\u00e4m\u00e4ll\u00e4 verkkosivustosi typografiaa parannat:\n<\/p>\n<ul>\n<li>tekstin luettavuus;\n  <\/li>\n<li>sis\u00e4ll\u00f6n saavutettavuus;\n  <\/li>\n<li>verkkosivuston k\u00e4ytett\u00e4vyys;\n  <\/li>\n<li>ja yleinen graafinen tasapaino.\n  <\/li>\n<\/ul>\n<p>\n  T\u00e4ss\u00e4 puhutaan vain UX- ja typografialinkist\u00e4, emmek\u00e4 mainitse typografian roolia verkkosivuston visuaalisen persoonallisuuden muodostamisessa, br\u00e4ndisi m\u00e4\u00e4rittelyss\u00e4 ja lukijan huomion kiinnitt\u00e4misess\u00e4. Tutustu <a href=\"https:\/\/inform.click\/fi\/miksi-typografia-on-tarkea-verkkosivustollesi\/\" title=\"t\u00e4h\u00e4n artikkeliin\">t\u00e4h\u00e4n artikkeliin<\/a> saadaksesi lis\u00e4tietoja.\n<\/p>\n<p>\n  T\u00e4m\u00e4n kirkon verkkosivuston typografian valinta ei vain lis\u00e4\u00e4 verkkosivuston k\u00e4ytt\u00f6kokemusta, vaan auttaa my\u00f6s muokkaamaan br\u00e4ndin visuaalista identiteetti\u00e4).\n<\/p>\n<p>\n  Kuinka parantaa UX-k\u00e4ytt\u00f6\u00e4 verkkosivustollasi optimoimalla typografia?\n<\/p>\n<p>\n  Voit parantaa verkkosivustosi k\u00e4ytt\u00f6kokemusta useilla tavoilla optimoimalla typografia. Koska k\u00e4ytt\u00f6kokemus ja typografia liittyv\u00e4t l\u00e4heisesti toisiinsa, optimoimalla typografia optimoit my\u00f6s tekstisi luettavuuden ja n\u00e4in lis\u00e4\u00e4t verkkosivustosi yleist\u00e4 k\u00e4ytt\u00f6kokemusta. Katsotaanpa, mitk\u00e4 ovat typografian optimointis\u00e4\u00e4nn\u00f6t:\n<\/p>\n<h5>\n  1: Minimoi k\u00e4ytettyjen fonttien m\u00e4\u00e4r\u00e4<br \/>\n<\/h5>\n<p>\n  Jos haluat, ett\u00e4 verkkosivustosi n\u00e4ytt\u00e4\u00e4 yhten\u00e4iselt\u00e4 ja ammattimaiselta, k\u00e4yt\u00e4 enint\u00e4\u00e4n kolmea kirjasinta (ei enemp\u00e4\u00e4). Eri fontit yhdell\u00e4 verkkosivustolla t\u00f6rm\u00e4\u00e4v\u00e4t toisiinsa ja h\u00e4iritsev\u00e4t k\u00e4ytt\u00e4j\u00e4\u00e4 lukemasta teksti\u00e4. Useiden samann\u00e4k\u00f6isten kirjasimien k\u00e4ytt\u00f6 auttaa luomaan UX:n johdonmukaisuutta verkkosivustosi sivuilla ja vapauttaa k\u00e4ytt\u00e4j\u00e4t toistuvista tyylimuutoksista.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-289319-6382db6732fd6.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-289319-6382db6732fd6.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Juuri t\u00e4t\u00e4 sinun tulee v\u00e4ltt\u00e4\u00e4 verkkosivustollasi.\n<\/p>\n<p>\n  Usein vain yhden fontin k\u00e4ytt\u00f6 riitt\u00e4\u00e4. Jos sinusta tuntuu edelleen, ett\u00e4 tarvitset muutaman kirjasimen, valitse fontit, joilla on sama merkkileveys. T\u00e4ss\u00e4 tapauksessa kirjasimet eiv\u00e4t eroa liikaa toisistaan \u200b\u200beiv\u00e4tk\u00e4 h\u00e4iritse lukijaa.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-289319-6382db69aa1c0.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-289319-6382db69aa1c0.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  T\u00e4m\u00e4 uudistettu verkkosivusto k\u00e4ytt\u00e4\u00e4 ep\u00e4tavanomaista Six Caps -kirjasinta parantamaan verkkosivuston visuaalista identiteetti\u00e4. T\u00e4m\u00e4 fontti on yhdistetty Roboto Condensediin ja sis\u00e4lt\u00e4\u00e4 kaksi fonttia, joiden merkkileveydet vastaavat.\n<\/p>\n<p>\n  Toinen loistava idea muutaman kirjasimen yhdist\u00e4misest\u00e4 on yhdist\u00e4\u00e4 k\u00e4sinkirjoitusta j\u00e4ljittelev\u00e4t kirjasimet tavallisiin kirjasimiin. K\u00e4sinkirjoitettu typografia lis\u00e4\u00e4 persoonallisuutta verkkosivustosi suunnitteluun ja kehitt\u00e4\u00e4 sivustosi visuaalista luonnetta.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-289319-6382db6be2a86.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-289319-6382db6be2a86.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  T\u00e4ll\u00e4 sivustolla on pehme\u00e4 ja naisellinen tunnelma Caveat Handwriting -fontilla.\n<\/p>\n<h5>\n  2: Valitse Sans Serif -fontit luettavuuden parantamiseksi<br \/>\n<\/h5>\n<p>\n  Serifit ovat pieni\u00e4 viivoja kirjainviivojen p\u00e4iss\u00e4. Painetussa typografiassa serifit auttavat ihmisi\u00e4 tunnistamaan painetut kirjaimet nopeammin ja tehokkaammin. N\u00e4yt\u00f6ll\u00e4, varsinkin ei-Retina-n\u00e4yt\u00f6ll\u00e4, serifit eiv\u00e4t kuitenkaan ole niin hyvin \u00e4\u00e4riviivattuja kuin paperilla, mik\u00e4 osittain heikent\u00e4\u00e4 lukemista.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-289319-6382db6dd779a.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-289319-6382db6dd779a.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Sen lis\u00e4ksi, ett\u00e4 sans serif -kirjasimet varmistavat paremman luettavuuden, ne puhuvat rohkeammin ja minimaalisella tavalla.\n<\/p>\n<p>\n  T\u00e4ss\u00e4 en v\u00e4it\u00e4, ett\u00e4 sinun pit\u00e4isi kokonaan hyl\u00e4t\u00e4 serif-fontit. Parempi neuvo olisi olla varovaisempi niiden kanssa ja k\u00e4ytt\u00e4\u00e4 niit\u00e4, jotka ovat puhtaita ja tarkkoja.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-289319-6382db6fd1dae.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-289319-6382db6fd1dae.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Esimerkiksi t\u00e4m\u00e4 luova valokuvaussivusto k\u00e4ytt\u00e4\u00e4 Open Sans sans serif -fonttia, joka auttaa verkkosivustoa antamaan rohkean, tyylikk\u00e4\u00e4n ja p\u00e4\u00e4tt\u00e4v\u00e4isen lausunnon.\n<\/p>\n<h5>\n  3: Mielenkiintoinen fonttikoko<br \/>\n<\/h5>\n<p>\n  Internetiss\u00e4 tilaa on rajattomasti. Siksi sit\u00e4 ei tarvitse tallentaa ja valita pieni\u00e4 kirjasinkokoja, jotka rasittavat k\u00e4ytt\u00e4ji\u00e4 lis\u00e4\u00e4. N\u00e4k\u00f6vammaisilla lukijoilla voi olla vaikeuksia lukea pient\u00e4 teksti\u00e4, kun taas lukijat, joilla on hyv\u00e4 n\u00e4k\u00f6kyky, kokevat v\u00e4symyst\u00e4 ja joutuvat pit\u00e4m\u00e4\u00e4n taukoja p\u00e4\u00e4st\u00e4kseen vaikkapa 10 pt tekstin loppuun.\n<\/p>\n<p>\n  Jos et halua k\u00e4ytt\u00e4jiesi vaikeuttavan esitt\u00e4m\u00e4si tekstin lukemista tai sen l\u00e4hent\u00e4mist\u00e4, valitse 16 pt + fonttikoot. T\u00e4llaiset kirjasinkoot minimoivat silmien rasitusta ja auttavat k\u00e4ytt\u00e4ji\u00e4 saavuttamaan tavoitteensa verkkosivustollasi ilman visuaalista uupumusta.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-289319-6382db7281e6e.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-289319-6382db7281e6e.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Malcolmy-verkkosivusto k\u00e4ytt\u00e4\u00e4 luettavaa 16p-typografiaa koti- ja blogisivuillaan.\n<\/p>\n<h5>\n  4: Tarkkaile optimaalista linjan pituutta<br \/>\n<\/h5>\n<p>\n  Web-sivustollasi ei tule tukahduttaa kaikkea k\u00e4ytett\u00e4viss\u00e4 olevaa tilaa tekstill\u00e4si. Kun pid\u00e4t optimaalisen rivin pituuden, noudatat korkeita lukukokemusstandardeja. Jos rivit ovat liian lyhyit\u00e4, lukijan silm\u00e4t joutuvat liikkumaan edestakaisin teksti\u00e4 lukiessaan, mik\u00e4 lis\u00e4\u00e4 silmien rasitusta. Jos rivit ovat liian pitki\u00e4, on liian vaikeaa keskitty\u00e4 tarkalleen lukemaansa sanaan ja liian helppo eksy\u00e4.\n<\/p>\n<p>\n  V\u00e4lt\u00e4 molemmat ep\u00e4suotuisat tilanteet pit\u00e4m\u00e4ll\u00e4 kiinni 60 merkist\u00e4 rivi\u00e4 kohden (tablet-\/PC-n\u00e4yt\u00f6t).\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-289319-6382db74aca13.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-289319-6382db74aca13.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  T\u00e4m\u00e4 kuva havainnollistaa, ett\u00e4 tekstit, joissa on liian lyhyit\u00e4 tai liian pitki\u00e4 rivej\u00e4, ovat vaikeammin luettavia kuin tekstit, jotka pit\u00e4v\u00e4t &#8221;kultaisen keskikohdan&#8221; rivipituudella ~ 60 pt.\n<\/p>\n<p>\n  Optimaalinen linjan pituus mobiililaitteille (esim. \u00e4lypuhelimille) on lyhyempi. Jotta teksti olisi luettavissa pienill\u00e4 n\u00e4yt\u00f6ill\u00e4, rivin tulee sis\u00e4lt\u00e4\u00e4 noin 30\u201340 merkki\u00e4.\n<\/p>\n<h5>\n  5: Valitse kirjasintyypit, jotka toimivat hyvin eri kokoisina<br \/>\n<\/h5>\n<p>\n  Kuten tied\u00e4t, otsikoiden kirjainkoko on yleens\u00e4 suurempi kuin leip\u00e4tekstin. Otsikoiden koko vaihtelee my\u00f6s pienimm\u00e4st\u00e4 suurimpaan. Sivustollasi sinun on valittava eri fonttikoot eri elementeille (esim. painikkeet, kuvatekstit, navigointikohteet jne.) sek\u00e4 eri fonttien painot korostusta varten.\n<\/p>\n<p>\n  Varmistaaksesi verkkosivustosi elementtien erottuvuuden, valitse fontti, jota on erikokoisia ja -painoisia. Jos valitset jonkin vakiofontin, esim. Google Fonts Roboto -kirjasin, n\u00e4et kaikki sen muunnelmat. Joistakin fonteista on yli 10 muunnelmaa, joistakin vain pari. Valitse fontti, jossa on runsaasti muunnelmia, jotta voit varmistaa sivustosi monipuolisen sis\u00e4ll\u00f6n.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-289319-6382db76e5445.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-289319-6382db76e5445.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Roboto Google -fontin eri kirjasintyylej\u00e4.\n<\/p>\n<h5>\n  6: Tee \u00e4lykk\u00e4it\u00e4 v\u00e4rivalintoja<br \/>\n<\/h5>\n<p>\n  Moniv\u00e4risten, huutavien verkkosivustojen ajat ovat ohi. Nyt luettavuus ja kontrasti ovat hallitsevia voimia, jotka m\u00e4\u00e4r\u00e4\u00e4v\u00e4t v\u00e4rivalinnat. Ensinn\u00e4kin sis\u00e4lt\u00f6si tulee olla luettavaa, ja useiden vuosien ajan parhaana pidetty yhdistelm\u00e4 on musta teksti valkoisella pohjalla. T\u00e4m\u00e4 yhdistelm\u00e4 varmistaa maksimaalisen kontrastin ja juontaa juurensa klassiseen typografia-aikoihin.\n<\/p>\n<p>\n  Viime aikoina on kuitenkin usein v\u00e4itetty, ett\u00e4 musta v\u00e4ri rasittaa silmi\u00e4 enemm\u00e4n kuin tummanharmaa. My\u00f6s tummanharmaan s\u00e4vyt kontrastivat hyvin valkoisen taustan kanssa, mutta ne ovat hieman v\u00e4hemm\u00e4n tiheit\u00e4 ja tarjoavat mukavamman lukukokemuksen.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-289319-6382db7896ca6.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-289319-6382db7896ca6.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  N\u00e4m\u00e4 harmaan s\u00e4vyt ylitt\u00e4v\u00e4t mustan miellytt\u00e4v\u00e4n lukukokemuksen.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-289319-6382db7ad9849.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-289319-6382db7ad9849.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Verkkosivusto, joka k\u00e4ytt\u00e4\u00e4 liukus\u00e4\u00e4timen tekstin v\u00e4rin\u00e4 tummanharmaata.\n<\/p>\n<p>\n  Kun teet v\u00e4rivalintaa, varmista, ett\u00e4 testaat sit\u00e4 eri laitteilla ja eri ymp\u00e4rist\u00f6iss\u00e4. Tyypillisess\u00e4 toimistoymp\u00e4rist\u00f6ss\u00e4 hyv\u00e4 lukea teksti\u00e4 voi olla vaikea erottaa \u00e4lypuhelimella, varsinkin kun sit\u00e4 k\u00e4ytet\u00e4\u00e4n ulkona. Kaikkia tekij\u00f6it\u00e4 on vaikea ottaa huomioon, mutta tavoitteesi tulisi olla ottaa huomioon suurin osa ymp\u00e4rist\u00f6ist\u00e4 ja tuoda eri k\u00e4ytt\u00e4j\u00e4ryhmille mukava selauskokemus.\n<\/p>\n<h5>\n  7: \u00c4l\u00e4 kokeile linjan korkeutta<br \/>\n<\/h5>\n<p>\n  Rivin korkeuden minimoiminen, jotta siihen mahtuu enemm\u00e4n sis\u00e4lt\u00f6\u00e4, ei ole hyv\u00e4 k\u00e4yt\u00e4nt\u00f6. Jos rivit ovat liian l\u00e4hell\u00e4 toisiaan, lukija hypp\u00e4\u00e4 todenn\u00e4k\u00f6isemmin edelliselle tai seuraavalle riville ja juuttuu. Rivien v\u00e4lisen v\u00e4lin (alku) tulee olla 30 % suurempi kuin k\u00e4ytettyjen merkkien korkeus. T\u00e4llainen johtaminen varmistaa sis\u00e4ll\u00f6n parhaan luettavuuden ja sen selke\u00e4n visuaalisen havainnoinnin.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-289319-6382db7de6206.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-289319-6382db7de6206.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Kun rivin korkeus laskee alle 1,3 merkki\u00e4, tekstist\u00e4 tulee vaikea lukea.\n<\/p>\n<h5>\n  8: Anna k\u00e4ytt\u00e4jien p\u00e4\u00e4tt\u00e4\u00e4<br \/>\n<\/h5>\n<p>\n  Kun k\u00e4yt\u00e4t k\u00e4ytt\u00f6kokemusta ja typografiaa, on t\u00e4rke\u00e4\u00e4 pit\u00e4\u00e4 mieless\u00e4 kohdeyleis\u00f6si ja sen tarpeet. Tied\u00e4 millaisia \u200b\u200blukijoita sivustosi vieraat ovat ja miss\u00e4 tyypillisiss\u00e4 tilanteissa he l\u00f6yt\u00e4v\u00e4t sivustosi sis\u00e4lt\u00f6\u00e4. Jos esimerkiksi kohdistat nuoriin, kiinnit\u00e4 enemm\u00e4n huomiota mobiilik\u00e4ytt\u00f6\u00f6n ja s\u00e4\u00e4d\u00e4 typografia sen mukaan.\n<\/p>\n<p>\n  Suorita typografiavalintojen A\/B-testaus ja katso, kumpi v\u00e4hent\u00e4\u00e4 v\u00e4lit\u00f6nt\u00e4 poistumisprosenttia ja tuo enemm\u00e4n tuloksia. Ole valmis muokkaamaan typografiasi jatkuvasti parantaaksesi itse\u00e4si ja tuodaksesi k\u00e4ytt\u00f6kokemuksen mahdolliseksi.\n<\/p>\n<p>\n  Lis\u00e4tietoja A\/B-testauksesta on <a href=\"http:\/\/www.instantshift.com\/2013\/09\/11\/website-usability-testing\/\" target=\"_blank\" rel=\"noopener\">t\u00e4ss\u00e4 artikkelissa<\/a>.\n<\/p>\n<h4>\n  Johtop\u00e4\u00e4t\u00f6kset<br \/>\n<\/h4>\n<p>\n  UX:n ja typografian v\u00e4lisen linkin kaivaminen voi johtaa useita arvokkaita parannuksia verkkosivustosi k\u00e4ytt\u00f6kokemukseen. Jos etsit yll\u00e4 lueteltuja typografiaan liittyvi\u00e4 parannuksia, saat varmasti luettavan verkkosivuston, jonka selaaminen on todella nautintoa. Toivon sinulle onnea t\u00e4h\u00e4n yritykseen!\n<\/p>\n<p>\n  Olenko missannut jotain? Kerro minulle alla olevassa Kommentit-osiossa. My\u00f6s aiheeseen liittyv\u00e4t kysymyksesi ovat l\u00e4mpim\u00e4sti tervetulleita.\n<\/p>\n<p>\n  Pysy kanavalla!\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\/2017\/11\/03\/why-fonts-matter-ux-typography\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Kun k\u00e4ytt\u00e4j\u00e4t tulevat verkkosivustollesi, heill\u00e4 on yleens\u00e4 jokin tavoite mieless\u00e4\u00e4n. T\u00e4m\u00e4 tavoite on harvoin l\u00f6yt\u00e4\u00e4 upea sivustosi suunnittelu ja nauttia sen edistyneist\u00e4 toiminnoista. K\u00e4ytt\u00e4j\u00e4t tulevat useimmiten hakemaan tietoa, olipa kyse sitten jostain el\u00e4m\u00e4n osa-alueesta yleens\u00e4 tai tarjoamastasi tuotteesta. T\u00e4ss\u00e4 typografia tulee k\u00e4ytt\u00f6\u00f6n, koska sen tarkoituksena on varmistaa paras mahdollinen k\u00e4sitys verkkosivustosi tiedoista. T\u00e4n\u00e4\u00e4n on aika perehty\u00e4 UX:n ja typografian monimutkaiseen yhteyteen ja seurata fonttivalintojen vaikutusta verkkosivuston yleiseen selauskokemukseen. Miksi typografialla on v\u00e4li\u00e4\u2026<\/p>\n","protected":false},"author":1,"featured_media":183037,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[248,53,196],"tags":[],"class_list":["post-249727","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-fontit","category-web-ja-wordpress-2","category-web-suunnittelu"],"_links":{"self":[{"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/posts\/249727","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=249727"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/posts\/249727\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/media\/183037"}],"wp:attachment":[{"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/media?parent=249727"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/categories?post=249727"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/tags?post=249727"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}