{"id":355,"date":"2022-05-23T13:33:17","date_gmt":"2022-05-23T10:33:17","guid":{"rendered":"https:\/\/blog.hamk.fi\/hamk-beat\/?p=355"},"modified":"2022-05-23T13:58:27","modified_gmt":"2022-05-23T10:58:27","slug":"helppokayttoisen-web-kayttoliittyman-suunnittelu-perustuu-maalaisjarkeen","status":"publish","type":"post","link":"https:\/\/blog.hamk.fi\/hamk-beat\/helppokayttoisen-web-kayttoliittyman-suunnittelu-perustuu-maalaisjarkeen\/","title":{"rendered":"Helppok\u00e4ytt\u00f6isen web-k\u00e4ytt\u00f6liittym\u00e4n suunnittelu perustuu maalaisj\u00e4rkeen"},"content":{"rendered":"

Nyky\u00e4\u00e4n iso osa arkisista palveluista on saavutettavissa internetin kautta, ja yhteys l\u00f6ytyy l\u00e4hes jokaisen taskusta. Oli kyseess\u00e4 sitten ajanvaraus, yhteydenotto, videoiden katselu tai ostosten teko, siihen on olemassa v\u00e4hint\u00e4\u00e4nkin tusina erilaista web-sovellusta. Ihmisill\u00e4 on luontainen taipumus valita aina helpoin ja vaivattomin tapa asioida, mik\u00e4 on ajanut asiakaskokemusl\u00e4ht\u00f6ist\u00e4 palvelumuotoilua siirtym\u00e4\u00e4n mahdollisimman saavutettaviin palvelukokonaisuuksiin.<\/em><\/p>\n

Tarkoituksesta liikkeelle, nopeus t\u00e4rkeint\u00e4<\/h3>\n

K\u00e4ytt\u00f6liittymi\u00e4 suunniteltaessa on hyv\u00e4 alkuun kartoittaa sovelluksen tarkoitus. Valitettavan usein n\u00e4kym\u00e4t ahdetaan niin t\u00e4yteen tietoja ja ep\u00e4olennaisia toimintoja, ett\u00e4 k\u00e4ytt\u00e4j\u00e4 eksyy loputtomiin valintoihin ja pahimmassa tapauksessa turhautuu. Liian suppea k\u00e4ytt\u00f6liittym\u00e4 taas puolestaan ei tarjoa k\u00e4ytt\u00e4j\u00e4n vaatimia toimintoja, mik\u00e4 my\u00f6s vaikuttaa negatiivisesti k\u00e4ytt\u00e4j\u00e4kokemukseen. Jos sovelluksen tarkoitus on nopeuttaa toistuvia ty\u00f6vaiheita, kannattaa k\u00e4ytt\u00f6liittym\u00e4 rakentaa yleisimm\u00e4n k\u00e4ytt\u00f6tarkoituksen ymp\u00e4rille ja hy\u00f6dynt\u00e4\u00e4 automaattista t\u00e4ytt\u00f6\u00e4 niihin kenttiin, jotka eiv\u00e4t yleens\u00e4 muutu k\u00e4ytt\u00f6kertojen v\u00e4lill\u00e4.<\/p>\n

Kaikkein t\u00e4rkein ominaisuus on nopeus. Pahimmassa tapauksessa osa k\u00e4ytt\u00f6liittym\u00e4st\u00e4 tarjoaa k\u00e4ytt\u00e4j\u00e4lleen katsottavaksi py\u00f6riv\u00e4\u00e4 himmeli\u00e4 ja koko ruudun muu k\u00e4ytt\u00f6liittym\u00e4 on hyytynyt. K\u00e4ytt\u00e4j\u00e4 ei voi kuin py\u00f6ritell\u00e4 sormiaan ja odotella.<\/p>\n

K\u00e4ytt\u00f6kokemukseen voi vaikuttaa<\/h3>\n

V\u00e4rit, tekstinkorostus ja liike kiinnitt\u00e4v\u00e4t huomiota, joten niiden hy\u00f6dynt\u00e4minen esimerkiksi sy\u00f6tt\u00f6kentiss\u00e4 ohjaa k\u00e4ytt\u00e4ji\u00e4 korjaamaan virheelliset tiedot. Huvin vuoksi ei animoituja elementtej\u00e4 kannata k\u00e4ytt\u00e4\u00e4, koska ne viev\u00e4t tarpeettomasti k\u00e4ytt\u00e4j\u00e4n huomion. V\u00e4reihin liittyy yleisi\u00e4 assosiaatioita. L\u00e4nsimaissa punainen on virheen v\u00e4ri, joka vaatii v\u00e4lit\u00f6nt\u00e4 huomiota. Keltainen varoittaa mahdollisista ongelmista, ja vihre\u00e4 kertoo onnistuneesta vuorovaikutuksesta. N\u00e4kymien eteneminen tulisi rakentaa lukusuunnan mukaan. Jos k\u00e4ytt\u00e4j\u00e4kunnan kulttuurin lukusuunta on vasemmalta oikealle, kannattaa seuraava n\u00e4kym\u00e4 tulla oikealta. L\u00e4nsimaissa my\u00f6s ajatellaan, ett\u00e4 varhaisemmat tapahtumat ovat vasemmalla ja tulevat oikealla.<\/p>\n

Tekstin, k\u00e4ytt\u00f6liittym\u00e4komponenttien ja taustan kontrastin tulee olla riitt\u00e4v\u00e4. Suosittu v\u00e4riyhdistelm\u00e4 eli keskiharmaata tai vaalean harmaata valkoisella pohjalla voi n\u00e4ytt\u00e4\u00e4 hyv\u00e4lt\u00e4 pime\u00e4ss\u00e4 huoneessa tai normaalissa huonevalaistuksessa normaalin\u00e4k\u00f6iselle, mutta ei voida olettaa, ett\u00e4 sovelluksia k\u00e4ytet\u00e4\u00e4n aina ideaalisissa olosuhteissa. Heikko kontrasti tekee kirkkaassa auringonvalossa k\u00e4ytt\u00f6liittym\u00e4st\u00e4 k\u00e4ytt\u00f6kelvottoman jopa normaalin\u00e4k\u00f6iselle. Tekstin koko ei saisi koskaan olla alle oletuskoon. Kirjasinten tulee olla sellaisia, ett\u00e4 oleelliset merkit eroavat toisistaan ja tekstin luettavuus s\u00e4ilyy hyv\u00e4n\u00e4.<\/p>\n

T\u00e4rkeimm\u00e4t asiat kannattaa sijoittaa sivun yl\u00e4osaan. Miss\u00e4\u00e4n nimess\u00e4 niit\u00e4 ei pid\u00e4 sijoittaa sivun loppuun niin, ett\u00e4 varsinaisen sis\u00e4ll\u00f6n ja t\u00e4rke\u00e4n linkin tai alhaalla sijaitsevan napin v\u00e4liss\u00e4 on paljon tyhj\u00e4\u00e4 tilaa. N\u00e4in jollain ruudulla k\u00e4ytt\u00e4j\u00e4 ei edes n\u00e4e linkki\u00e4 tai alhaalla sijaitsevaa nappia. K\u00e4ytt\u00e4j\u00e4 voi luulla, ett\u00e4 sis\u00e4lt\u00f6 loppui tyhj\u00e4\u00e4n ja ei edes tajua vieritt\u00e4\u00e4 ruutua riitt\u00e4v\u00e4n alas. Sit\u00e4 paitsi ruudun vieritt\u00e4minen t\u00e4rkeit\u00e4 toimintoja varten on raskasta.<\/p>\n

Ikonien k\u00e4yt\u00f6ss\u00e4 kannattaa pit\u00e4yty\u00e4 yleisesti tunnetuissa ikoneissa. Esimerkiksi suurennuslasi liitet\u00e4\u00e4n yleens\u00e4 hakutoimintoon, rattaan kuvake asetuksiin. Sen sijaan, mik\u00e4 on oikea kuvake vaikkapa viestin l\u00e4hett\u00e4miseen, onkin jo monitulkintaisempi. Ent\u00e4 mik\u00e4 kuvake peruuttaisi viestin? Tuolloin teksti on parempi vaihtoehto.<\/p>\n

Painikkeiden ja k\u00e4ytt\u00f6liittym\u00e4n elementtien tulee sijaita sopivalla et\u00e4isyydelle toisistaan. Moni k\u00e4ytt\u00e4\u00e4 nyky\u00e4\u00e4n web-sivuja \u00e4lypuhelimen ruudulta puhelin pystyasennossa. Jos elementit ovat liian pieni\u00e4, sormi voi osua v\u00e4\u00e4r\u00e4\u00e4n elementtiin.<\/p>\n

T\u00e4rke\u00e4\u00e4 on my\u00f6s yhteensopivuus erilaisten laitteiden kanssa. Sivuston kaikki oleelliset toiminnat tulee testata yleisimmill\u00e4 selaimilla. Ruutukoko ja kuvasuhde vaihtelee laitteesta riippuen. Responsiivinen k\u00e4ytt\u00f6liittym\u00e4 toimii suoraan isolla osalla eri ruuduista. Helppo tapa l\u00e4hesty\u00e4 responsiivista k\u00e4ytt\u00f6liittym\u00e4\u00e4 on kartoittaa k\u00e4ytt\u00e4j\u00e4kunnan suosima laite ja rakentaa ensisijaisesti sen ymp\u00e4rille k\u00e4ytt\u00f6liittym\u00e4. Pieni ruutukoko on my\u00f6s hyv\u00e4 l\u00e4ht\u00f6kohta, sill\u00e4 se on helppo levitt\u00e4\u00e4 isommallekin ruudulle.<\/p>\n

Ideaalinen k\u00e4ytt\u00f6liittym\u00e4 on intuitiivinen<\/h3>\n

Ideaalinen k\u00e4ytt\u00f6liittym\u00e4 on niin hyvin tehty, ettei se ole k\u00e4ytt\u00e4j\u00e4n tiell\u00e4, vaan on intuitiivinen ja jossa eniten tarvittavat operaatiot saa tehty\u00e4 mahdollisimman v\u00e4hill\u00e4 klikkauksilla.<\/p>\n

Varsinaiset ”s\u00e4\u00e4nn\u00f6t” k\u00e4ytt\u00f6liittymien suunnitteluun ovat kuitenkin pitk\u00e4lti havaintoihin perustuvia malleja, joiden kanssa kannattaa k\u00e4ytt\u00e4\u00e4 maalaisj\u00e4rke\u00e4. K\u00e4ytt\u00e4j\u00e4kokemusten ker\u00e4\u00e4minen ja analysointi onkin t\u00e4rke\u00e4\u00e4. Hyv\u00e4 k\u00e4ytt\u00f6liittym\u00e4 on tehty k\u00e4ytt\u00e4j\u00e4\u00e4 varten, eik\u00e4 niin, ett\u00e4 k\u00e4ytt\u00e4j\u00e4n t\u00e4ytyy sopeutua k\u00e4ytt\u00f6liittym\u00e4n metkuihin.<\/p>\n

Teksti:<\/strong>
\nPetri Kuittinen, tieto- ja viestint\u00e4tekniikan lehtori, HAMK
\nJaakko J\u00e4\u00e4skel\u00e4inen, Cloud Solutions -arkkitehti, Riihisoft Oy<\/p>\n","protected":false},"excerpt":{"rendered":"

Nyky\u00e4\u00e4n iso osa arkisista palveluista on saavutettavissa internetin kautta, ja yhteys l\u00f6ytyy l\u00e4hes jokaisen taskusta. Oli kyseess\u00e4 sitten ajanvaraus, yhteydenotto, videoiden katselu tai ostosten teko, siihen on olemassa v\u00e4hint\u00e4\u00e4nkin tusina erilaista web-sovellusta. Ihmisill\u00e4 on luontainen taipumus valita aina helpoin ja vaivattomin tapa asioida, mik\u00e4 on ajanut asiakaskokemusl\u00e4ht\u00f6ist\u00e4 palvelumuotoilua siirtym\u00e4\u00e4n mahdollisimman saavutettaviin palvelukokonaisuuksiin. Tarkoituksesta liikkeelle, nopeusMore<\/a><\/span><\/p>\n","protected":false},"author":858,"featured_media":357,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"categories":[11],"tags":[144,143,146,145,4,128],"class_list":{"0":"post-355","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-teknologiaosaaminen","8":"tag-kayttoliittyma","9":"tag-palvelumuotoilu","10":"tag-saavutettavuus","11":"tag-sovellus","12":"tag-teknologiaosaaminen","13":"tag-tieto-ja-viestintatekniikka"},"acf":[],"yoast_head":"\nHelppok\u00e4ytt\u00f6isen web-k\u00e4ytt\u00f6liittym\u00e4n suunnittelu perustuu maalaisj\u00e4rkeen - HAMK Beat<\/title>\n<meta name=\"description\" content=\"Saavutettava palvelukokonaisuus on t\u00e4rke\u00e4\u00e4 my\u00f6s verkon k\u00e4ytt\u00f6liittymiss\u00e4.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.hamk.fi\/hamk-beat\/helppokayttoisen-web-kayttoliittyman-suunnittelu-perustuu-maalaisjarkeen\/\" \/>\n<meta property=\"og:locale\" content=\"fi_FI\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Helppok\u00e4ytt\u00f6isen web-k\u00e4ytt\u00f6liittym\u00e4n suunnittelu perustuu maalaisj\u00e4rkeen - HAMK Beat\" \/>\n<meta property=\"og:description\" content=\"Saavutettava palvelukokonaisuus on t\u00e4rke\u00e4\u00e4 my\u00f6s verkon k\u00e4ytt\u00f6liittymiss\u00e4.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blog.hamk.fi\/hamk-beat\/helppokayttoisen-web-kayttoliittyman-suunnittelu-perustuu-maalaisjarkeen\/\" \/>\n<meta property=\"og:site_name\" content=\"HAMK Beat\" \/>\n<meta property=\"article:published_time\" content=\"2022-05-23T10:33:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-05-23T10:58:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.hamk.fi\/hamk-beat\/wp-content\/uploads\/sites\/102\/2022\/05\/Helppokayttoinenwebkayttoliittyma-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1707\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"HAMK Beat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Kirjoittanut\" \/>\n\t<meta name=\"twitter:data1\" content=\"HAMK Beat\" \/>\n\t<meta name=\"twitter:label2\" content=\"Arvioitu lukuaika\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minuuttia\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/blog.hamk.fi\/hamk-beat\/helppokayttoisen-web-kayttoliittyman-suunnittelu-perustuu-maalaisjarkeen\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/blog.hamk.fi\/hamk-beat\/helppokayttoisen-web-kayttoliittyman-suunnittelu-perustuu-maalaisjarkeen\/\"},\"author\":{\"name\":\"HAMK Beat\",\"@id\":\"https:\/\/blog.hamk.fi\/hamk-beat\/#\/schema\/person\/3ae6cd4fe82565b593e021f2217234ce\"},\"headline\":\"Helppok\u00e4ytt\u00f6isen web-k\u00e4ytt\u00f6liittym\u00e4n suunnittelu perustuu maalaisj\u00e4rkeen\",\"datePublished\":\"2022-05-23T10:33:17+00:00\",\"dateModified\":\"2022-05-23T10:58:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/blog.hamk.fi\/hamk-beat\/helppokayttoisen-web-kayttoliittyman-suunnittelu-perustuu-maalaisjarkeen\/\"},\"wordCount\":765,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/blog.hamk.fi\/hamk-beat\/helppokayttoisen-web-kayttoliittyman-suunnittelu-perustuu-maalaisjarkeen\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.hamk.fi\/hamk-beat\/wp-content\/uploads\/sites\/102\/2022\/05\/Helppokayttoinenwebkayttoliittyma-scaled.jpg\",\"keywords\":[\"k\u00e4ytt\u00f6liittym\u00e4\",\"palvelumuotoilu\",\"saavutettavuus\",\"sovellus\",\"teknologiaosaaminen\",\"tieto- ja viestint\u00e4tekniikka\"],\"articleSection\":[\"Teknologiaosaaminen\"],\"inLanguage\":\"fi\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/blog.hamk.fi\/hamk-beat\/helppokayttoisen-web-kayttoliittyman-suunnittelu-perustuu-maalaisjarkeen\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.hamk.fi\/hamk-beat\/helppokayttoisen-web-kayttoliittyman-suunnittelu-perustuu-maalaisjarkeen\/\",\"url\":\"https:\/\/blog.hamk.fi\/hamk-beat\/helppokayttoisen-web-kayttoliittyman-suunnittelu-perustuu-maalaisjarkeen\/\",\"name\":\"Helppok\u00e4ytt\u00f6isen web-k\u00e4ytt\u00f6liittym\u00e4n suunnittelu perustuu maalaisj\u00e4rkeen - HAMK Beat\",\"isPartOf\":{\"@id\":\"https:\/\/blog.hamk.fi\/hamk-beat\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blog.hamk.fi\/hamk-beat\/helppokayttoisen-web-kayttoliittyman-suunnittelu-perustuu-maalaisjarkeen\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blog.hamk.fi\/hamk-beat\/helppokayttoisen-web-kayttoliittyman-suunnittelu-perustuu-maalaisjarkeen\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.hamk.fi\/hamk-beat\/wp-content\/uploads\/sites\/102\/2022\/05\/Helppokayttoinenwebkayttoliittyma-scaled.jpg\",\"datePublished\":\"2022-05-23T10:33:17+00:00\",\"dateModified\":\"2022-05-23T10:58:27+00:00\",\"author\":{\"@id\":\"https:\/\/blog.hamk.fi\/hamk-beat\/#\/schema\/person\/3ae6cd4fe82565b593e021f2217234ce\"},\"description\":\"Saavutettava palvelukokonaisuus on t\u00e4rke\u00e4\u00e4 my\u00f6s verkon k\u00e4ytt\u00f6liittymiss\u00e4.\",\"breadcrumb\":{\"@id\":\"https:\/\/blog.hamk.fi\/hamk-beat\/helppokayttoisen-web-kayttoliittyman-suunnittelu-perustuu-maalaisjarkeen\/#breadcrumb\"},\"inLanguage\":\"fi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.hamk.fi\/hamk-beat\/helppokayttoisen-web-kayttoliittyman-suunnittelu-perustuu-maalaisjarkeen\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fi\",\"@id\":\"https:\/\/blog.hamk.fi\/hamk-beat\/helppokayttoisen-web-kayttoliittyman-suunnittelu-perustuu-maalaisjarkeen\/#primaryimage\",\"url\":\"https:\/\/blog.hamk.fi\/hamk-beat\/wp-content\/uploads\/sites\/102\/2022\/05\/Helppokayttoinenwebkayttoliittyma-scaled.jpg\",\"contentUrl\":\"https:\/\/blog.hamk.fi\/hamk-beat\/wp-content\/uploads\/sites\/102\/2022\/05\/Helppokayttoinenwebkayttoliittyma-scaled.jpg\",\"width\":2560,\"height\":1707,\"caption\":\"Verkkosivun piirretty suunnitelma luonnoslehti\u00f6ss\u00e4\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.hamk.fi\/hamk-beat\/helppokayttoisen-web-kayttoliittyman-suunnittelu-perustuu-maalaisjarkeen\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Etusivu\",\"item\":\"https:\/\/blog.hamk.fi\/hamk-beat\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Helppok\u00e4ytt\u00f6isen web-k\u00e4ytt\u00f6liittym\u00e4n suunnittelu perustuu maalaisj\u00e4rkeen\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.hamk.fi\/hamk-beat\/#website\",\"url\":\"https:\/\/blog.hamk.fi\/hamk-beat\/\",\"name\":\"HAMK Beat\",\"description\":\"H\u00e4meen ammattikorkeakoulun toimitettu blogi\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.hamk.fi\/hamk-beat\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fi\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.hamk.fi\/hamk-beat\/#\/schema\/person\/3ae6cd4fe82565b593e021f2217234ce\",\"name\":\"HAMK Beat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fi\",\"@id\":\"https:\/\/blog.hamk.fi\/hamk-beat\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/9ccfc2ba7bbf7c43f16d1cdea9177e7f852c28eb0909230ae77f374bbac5b616?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/9ccfc2ba7bbf7c43f16d1cdea9177e7f852c28eb0909230ae77f374bbac5b616?s=96&d=mm&r=g\",\"caption\":\"HAMK Beat\"},\"url\":\"https:\/\/blog.hamk.fi\/hamk-beat\/author\/hamkbeat\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Helppok\u00e4ytt\u00f6isen web-k\u00e4ytt\u00f6liittym\u00e4n suunnittelu perustuu maalaisj\u00e4rkeen - HAMK Beat","description":"Saavutettava palvelukokonaisuus on t\u00e4rke\u00e4\u00e4 my\u00f6s verkon k\u00e4ytt\u00f6liittymiss\u00e4.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/blog.hamk.fi\/hamk-beat\/helppokayttoisen-web-kayttoliittyman-suunnittelu-perustuu-maalaisjarkeen\/","og_locale":"fi_FI","og_type":"article","og_title":"Helppok\u00e4ytt\u00f6isen web-k\u00e4ytt\u00f6liittym\u00e4n suunnittelu perustuu maalaisj\u00e4rkeen - HAMK Beat","og_description":"Saavutettava palvelukokonaisuus on t\u00e4rke\u00e4\u00e4 my\u00f6s verkon k\u00e4ytt\u00f6liittymiss\u00e4.","og_url":"https:\/\/blog.hamk.fi\/hamk-beat\/helppokayttoisen-web-kayttoliittyman-suunnittelu-perustuu-maalaisjarkeen\/","og_site_name":"HAMK Beat","article_published_time":"2022-05-23T10:33:17+00:00","article_modified_time":"2022-05-23T10:58:27+00:00","og_image":[{"width":2560,"height":1707,"url":"https:\/\/blog.hamk.fi\/hamk-beat\/wp-content\/uploads\/sites\/102\/2022\/05\/Helppokayttoinenwebkayttoliittyma-scaled.jpg","type":"image\/jpeg"}],"author":"HAMK Beat","twitter_card":"summary_large_image","twitter_misc":{"Kirjoittanut":"HAMK Beat","Arvioitu lukuaika":"4 minuuttia"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/blog.hamk.fi\/hamk-beat\/helppokayttoisen-web-kayttoliittyman-suunnittelu-perustuu-maalaisjarkeen\/#article","isPartOf":{"@id":"https:\/\/blog.hamk.fi\/hamk-beat\/helppokayttoisen-web-kayttoliittyman-suunnittelu-perustuu-maalaisjarkeen\/"},"author":{"name":"HAMK Beat","@id":"https:\/\/blog.hamk.fi\/hamk-beat\/#\/schema\/person\/3ae6cd4fe82565b593e021f2217234ce"},"headline":"Helppok\u00e4ytt\u00f6isen web-k\u00e4ytt\u00f6liittym\u00e4n suunnittelu perustuu maalaisj\u00e4rkeen","datePublished":"2022-05-23T10:33:17+00:00","dateModified":"2022-05-23T10:58:27+00:00","mainEntityOfPage":{"@id":"https:\/\/blog.hamk.fi\/hamk-beat\/helppokayttoisen-web-kayttoliittyman-suunnittelu-perustuu-maalaisjarkeen\/"},"wordCount":765,"commentCount":0,"image":{"@id":"https:\/\/blog.hamk.fi\/hamk-beat\/helppokayttoisen-web-kayttoliittyman-suunnittelu-perustuu-maalaisjarkeen\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.hamk.fi\/hamk-beat\/wp-content\/uploads\/sites\/102\/2022\/05\/Helppokayttoinenwebkayttoliittyma-scaled.jpg","keywords":["k\u00e4ytt\u00f6liittym\u00e4","palvelumuotoilu","saavutettavuus","sovellus","teknologiaosaaminen","tieto- ja viestint\u00e4tekniikka"],"articleSection":["Teknologiaosaaminen"],"inLanguage":"fi","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/blog.hamk.fi\/hamk-beat\/helppokayttoisen-web-kayttoliittyman-suunnittelu-perustuu-maalaisjarkeen\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/blog.hamk.fi\/hamk-beat\/helppokayttoisen-web-kayttoliittyman-suunnittelu-perustuu-maalaisjarkeen\/","url":"https:\/\/blog.hamk.fi\/hamk-beat\/helppokayttoisen-web-kayttoliittyman-suunnittelu-perustuu-maalaisjarkeen\/","name":"Helppok\u00e4ytt\u00f6isen web-k\u00e4ytt\u00f6liittym\u00e4n suunnittelu perustuu maalaisj\u00e4rkeen - HAMK Beat","isPartOf":{"@id":"https:\/\/blog.hamk.fi\/hamk-beat\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.hamk.fi\/hamk-beat\/helppokayttoisen-web-kayttoliittyman-suunnittelu-perustuu-maalaisjarkeen\/#primaryimage"},"image":{"@id":"https:\/\/blog.hamk.fi\/hamk-beat\/helppokayttoisen-web-kayttoliittyman-suunnittelu-perustuu-maalaisjarkeen\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.hamk.fi\/hamk-beat\/wp-content\/uploads\/sites\/102\/2022\/05\/Helppokayttoinenwebkayttoliittyma-scaled.jpg","datePublished":"2022-05-23T10:33:17+00:00","dateModified":"2022-05-23T10:58:27+00:00","author":{"@id":"https:\/\/blog.hamk.fi\/hamk-beat\/#\/schema\/person\/3ae6cd4fe82565b593e021f2217234ce"},"description":"Saavutettava palvelukokonaisuus on t\u00e4rke\u00e4\u00e4 my\u00f6s verkon k\u00e4ytt\u00f6liittymiss\u00e4.","breadcrumb":{"@id":"https:\/\/blog.hamk.fi\/hamk-beat\/helppokayttoisen-web-kayttoliittyman-suunnittelu-perustuu-maalaisjarkeen\/#breadcrumb"},"inLanguage":"fi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.hamk.fi\/hamk-beat\/helppokayttoisen-web-kayttoliittyman-suunnittelu-perustuu-maalaisjarkeen\/"]}]},{"@type":"ImageObject","inLanguage":"fi","@id":"https:\/\/blog.hamk.fi\/hamk-beat\/helppokayttoisen-web-kayttoliittyman-suunnittelu-perustuu-maalaisjarkeen\/#primaryimage","url":"https:\/\/blog.hamk.fi\/hamk-beat\/wp-content\/uploads\/sites\/102\/2022\/05\/Helppokayttoinenwebkayttoliittyma-scaled.jpg","contentUrl":"https:\/\/blog.hamk.fi\/hamk-beat\/wp-content\/uploads\/sites\/102\/2022\/05\/Helppokayttoinenwebkayttoliittyma-scaled.jpg","width":2560,"height":1707,"caption":"Verkkosivun piirretty suunnitelma luonnoslehti\u00f6ss\u00e4"},{"@type":"BreadcrumbList","@id":"https:\/\/blog.hamk.fi\/hamk-beat\/helppokayttoisen-web-kayttoliittyman-suunnittelu-perustuu-maalaisjarkeen\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Etusivu","item":"https:\/\/blog.hamk.fi\/hamk-beat\/"},{"@type":"ListItem","position":2,"name":"Helppok\u00e4ytt\u00f6isen web-k\u00e4ytt\u00f6liittym\u00e4n suunnittelu perustuu maalaisj\u00e4rkeen"}]},{"@type":"WebSite","@id":"https:\/\/blog.hamk.fi\/hamk-beat\/#website","url":"https:\/\/blog.hamk.fi\/hamk-beat\/","name":"HAMK Beat","description":"H\u00e4meen ammattikorkeakoulun toimitettu blogi","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.hamk.fi\/hamk-beat\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fi"},{"@type":"Person","@id":"https:\/\/blog.hamk.fi\/hamk-beat\/#\/schema\/person\/3ae6cd4fe82565b593e021f2217234ce","name":"HAMK Beat","image":{"@type":"ImageObject","inLanguage":"fi","@id":"https:\/\/blog.hamk.fi\/hamk-beat\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9ccfc2ba7bbf7c43f16d1cdea9177e7f852c28eb0909230ae77f374bbac5b616?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9ccfc2ba7bbf7c43f16d1cdea9177e7f852c28eb0909230ae77f374bbac5b616?s=96&d=mm&r=g","caption":"HAMK Beat"},"url":"https:\/\/blog.hamk.fi\/hamk-beat\/author\/hamkbeat\/"}]}},"_links":{"self":[{"href":"https:\/\/blog.hamk.fi\/hamk-beat\/wp-json\/wp\/v2\/posts\/355","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.hamk.fi\/hamk-beat\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.hamk.fi\/hamk-beat\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.hamk.fi\/hamk-beat\/wp-json\/wp\/v2\/users\/858"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.hamk.fi\/hamk-beat\/wp-json\/wp\/v2\/comments?post=355"}],"version-history":[{"count":5,"href":"https:\/\/blog.hamk.fi\/hamk-beat\/wp-json\/wp\/v2\/posts\/355\/revisions"}],"predecessor-version":[{"id":361,"href":"https:\/\/blog.hamk.fi\/hamk-beat\/wp-json\/wp\/v2\/posts\/355\/revisions\/361"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.hamk.fi\/hamk-beat\/wp-json\/wp\/v2\/media\/357"}],"wp:attachment":[{"href":"https:\/\/blog.hamk.fi\/hamk-beat\/wp-json\/wp\/v2\/media?parent=355"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.hamk.fi\/hamk-beat\/wp-json\/wp\/v2\/categories?post=355"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.hamk.fi\/hamk-beat\/wp-json\/wp\/v2\/tags?post=355"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}