{"id":104484,"date":"2024-01-23T13:38:56","date_gmt":"2024-01-23T11:38:56","guid":{"rendered":"https:\/\/luovatagentit.fi\/?p=104484"},"modified":"2024-01-23T15:30:51","modified_gmt":"2024-01-23T13:30:51","slug":"kaytettavyyden-periaatteita-kayttoliittymasuunnittelussa-ui-design","status":"publish","type":"post","link":"https:\/\/luovatagentit.fi\/sv\/kaytettavyyden-periaatteita-kayttoliittymasuunnittelussa-ui-design\/","title":{"rendered":"K\u00e4ytett\u00e4vyyden periaatteita k\u00e4ytt\u00f6liittym\u00e4suunnittelussa (UI design)"},"content":{"rendered":"

K\u00e4ytett\u00e4vyys on keskeinen tekij\u00e4 digitaalisessa ymp\u00e4rist\u00f6ss\u00e4, jossa k\u00e4ytt\u00f6liittym\u00e4n (esim. verkkosivuston tai sovelluksen) menestys tai ep\u00e4onnistuminen m\u00e4\u00e4rittyy nopeasti monien vaihtoehtojen keskell\u00e4. Viisi keskeist\u00e4 k\u00e4ytett\u00e4vyyden mittaria, opeteltavuus, tehokkuus, muistettavuus, virheet ja tyytyv\u00e4isyys, arvioivat, kuinka helposti vuorovaikutus j\u00e4rjestelm\u00e4n kanssa toimii. T\u00e4rke\u00e4\u00e4 on my\u00f6s huomioida hy\u00f6dyllisyys, eli vastaako digitaalinen palvelu\/ratkaisu k\u00e4ytt\u00e4jien tarpeeseen. N\u00e4m\u00e4 Jakob Nielsenin m\u00e4\u00e4rittelem\u00e4t ominaisuudet ja alla mainitut k\u00e4ytett\u00e4vyyden heuristiikat<\/a> antavat hyvi\u00e4 suuntaviivoja suunnitteluty\u00f6lle.<\/p>\n\n\n\n

<\/div>\n\n\n\n

10 k\u00e4ytett\u00e4vyyden heuristiikkaa<\/h2>\n\n\n\n
<\/div>\n\n\n\n
    \n
  1. NYKYTILANTEEN N\u00c4KYVYYS<\/strong> – Nykytilanteen n\u00e4kyvyys auttaa k\u00e4ytt\u00e4j\u00e4\u00e4 hahmottamaan tekemist\u00e4\u00e4n, mihin tekeminen johtaa tai milloin haluttu lopputulos saavutetaan. Luottamus palveluun\/toimijaan k\u00e4ytt\u00f6liittym\u00e4n takana kasvaa, kun kommunikaatio ja informaatio on selke\u00e4\u00e4 ja n\u00e4kyv\u00e4\u00e4. <\/li>\n\n\n\n
  2. YHTEENSOPIVUUS SYSTEEMIN JA TOSIMAAILMAN V\u00c4LILL\u00c4<\/strong> – K\u00e4yt\u00e4nteiss\u00e4 ja ilmaisutavoissa tulisi k\u00e4ytt\u00e4\u00e4 k\u00e4ytt\u00e4j\u00e4ryhm\u00e4llesi tuttuja elementtej\u00e4, sanoja ja toimintamalleja.<\/li>\n\n\n\n
  3. K\u00c4YTT\u00c4J\u00c4N VAPAUS JA HALLINTAMAHDOLLISUUS<\/strong> – T\u00e4m\u00e4 heuristiikka vetoaa k\u00e4ytt\u00e4j\u00e4n autonomiantarpeeseen. Kun k\u00e4ytt\u00e4j\u00e4 kokee hallitsevansa k\u00e4ytt\u00f6liittym\u00e4n k\u00e4ytt\u00f6\u00e4, pystyy helposti peruuttamaan toiminnon tai esimerkiksi muuttamaan valintojaan, hallinnan ja vapauden tunne lis\u00e4\u00e4ntyy, eik\u00e4 k\u00e4yt\u00f6st\u00e4 aiheudu turhautumista.<\/li>\n\n\n\n
  4. JOHDONMUKAISUUS JA STANDARDIT<\/strong> – Johdonmukaisuus ja yleiset k\u00e4yt\u00e4nn\u00f6t helpottavat k\u00e4ytt\u00e4j\u00e4\u00e4 saavuttamaan tavoitteensa v\u00e4hent\u00e4m\u00e4ll\u00e4 tarvetta pohtia mit\u00e4 milloinkin viestit\u00e4\u00e4n. Johdonmukaisuus ja standardit voidaan m\u00e4\u00e4ritell\u00e4 sis\u00e4isiksi ja ulkoisiksi. Pit\u00e4ytym\u00e4ll\u00e4 esimerkiksi yhten\u00e4isess\u00e4 design m\u00e4\u00e4rittelyss\u00e4, helpotetaan ja ohjataan tuotteen\/palvelun k\u00e4ytt\u00f6\u00e4. <\/li>\n\n\n\n
  5. VIRHEIDEN EST\u00c4MINEN<\/strong> – On t\u00e4rke\u00e4\u00e4, ett\u00e4 pyrit\u00e4\u00e4n v\u00e4ltt\u00e4m\u00e4\u00e4n virheenmahdollisuuksia k\u00e4yt\u00f6n yhteydess\u00e4. Mahdollisen virheen est\u00e4miseksi voidaan harkitusti k\u00e4ytt\u00e4\u00e4 varmentamista ennen toiminnon tekemist\u00e4. Esimerkkin\u00e4 huomautus tallentamisesta ennen etenemist\u00e4 tai toiminnoissa, joilla saattaa olla suuri ja tuhoisakin vaikutus v\u00e4\u00e4r\u00e4ss\u00e4 kohtaa tehtyn\u00e4. N\u00e4iss\u00e4 kohdin huomautukset ovat tervetulleita, mutta jos huomautuksia on jatkuvasti, niiden painoarvo v\u00e4henee.<\/li>\n\n\n\n
  6. TUNNISTAMINEN MUISTAMISEN SIJAAN<\/strong> – Tilanteita, joissa k\u00e4ytt\u00e4j\u00e4n t\u00e4ytyisi muistella, mit\u00e4 mikin tarkoittaa tai miten tulisi toimia, tulisi v\u00e4ltt\u00e4\u00e4. Sen sijaan kokemuksesta tulisi pyrki\u00e4 tekem\u00e4\u00e4n intuitiivinen ja tarjota n\u00e4kyvi\u00e4 vihjeit\u00e4 ja ohjausta toimintojen tekemiseen.<\/li>\n\n\n\n
  7. K\u00c4YT\u00d6N JOUSTAVUUS JA TEHOKKUUS<\/strong> – Kustomointimahdollisuudet sek\u00e4 personoidut sis\u00e4ll\u00f6t ja toiminnot voivat tehd\u00e4 k\u00e4ytt\u00f6kokemuksesta entist\u00e4kin jouhevampaa. My\u00f6s nopeuttavat toiminnot ja oikopolut kokeneille k\u00e4ytt\u00e4jille parantaa joustavuutta ja tehokkuutta.<\/li>\n\n\n\n
  8. ESTEETTISYYS JA PELKISTETTY ULKOASU<\/strong> – Sis\u00e4ll\u00f6n ja visuaalisen ilmeen tulisi tukea k\u00e4ytt\u00e4j\u00e4n tarpeita ja tavoitteita. Keskittym\u00e4ll\u00e4 t\u00e4rkeimp\u00e4\u00e4n ja priorisoimalla viestit\u00e4\u00e4n tehokkaammin ja helpotetaan k\u00e4ytt\u00f6\u00e4.<\/li>\n\n\n\n
  9. TUNNISTA, DIAGNOSOI JA PALAUDU VIRHEIST\u00c4<\/strong> – Virheilmoituksien tulisi ilmoittaa selke\u00e4sti ja ymm\u00e4rrett\u00e4v\u00e4v\u00e4sti mik\u00e4 virhe kyseess\u00e4, mist\u00e4 se johtuu ja miten virheen voi korjata. Virheilmoituksissa on hyv\u00e4 my\u00f6sk\u00e4ytt\u00e4\u00e4 tunnettuja visuaalisia efektej\u00e4 korostamaan asiaa. <\/li>\n\n\n\n
  10. TUKI JA DOKUMENTAATIO<\/strong> – Dokumentaatio ja apu tulisi olla helposti l\u00f6ydett\u00e4viss\u00e4 ja selke\u00e4sti esitetty. Mahdollisuuksien mukaan asiaanliittyvi\u00e4 ohjeita tai dokumentaatiota tulisi tarjota asian yhteydess\u00e4.<\/li>\n<\/ol>\n\n\n\n

    Haluatko kehitt\u00e4\u00e4 olemassa olevan verkkosivuston tai muun digitaalisen ratkaisun k\u00e4ytett\u00e4vyytt\u00e4 tai saada apua uuden sivuston tai sovelluksen k\u00e4ytt\u00e4j\u00e4kokemuksen ja k\u00e4ytt\u00f6liittym\u00e4n suunnitteluun? Ota yhteytt\u00e4 meihin!<\/a><\/p>\n\n\n\n

    Lue my\u00f6s Helsingin ty\u00f6llisyyspalveluiden referenssitarina: Referenssitarina: Helsingin ty\u00f6llisyyspalvelut<\/a><\/p>","protected":false},"excerpt":{"rendered":"

    K\u00e4ytett\u00e4vyys on keskeinen tekij\u00e4 digitaalisessa ymp\u00e4rist\u00f6ss\u00e4, jossa k\u00e4ytt\u00f6liittym\u00e4n (esim. verkkosivuston tai sovelluksen) menestys tai ep\u00e4onnistuminen m\u00e4\u00e4rittyy nopeasti monien vaihtoehtojen keskell\u00e4. Viisi keskeist\u00e4 k\u00e4ytett\u00e4vyyden mittaria, opeteltavuus, tehokkuus, muistettavuus, virheet ja tyytyv\u00e4isyys, arvioivat, kuinka helposti vuorovaikutus j\u00e4rjestelm\u00e4n kanssa toimii. T\u00e4rke\u00e4\u00e4 on my\u00f6s huomioida hy\u00f6dyllisyys, eli vastaako digitaalinen palvelu\/ratkaisu k\u00e4ytt\u00e4jien tarpeeseen. N\u00e4m\u00e4 Jakob Nielsenin m\u00e4\u00e4rittelem\u00e4t ominaisuudet ja alla […]<\/p>\n","protected":false},"author":3,"featured_media":104486,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[89,62],"tags":[],"class_list":["post-104484","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ux-ui-design","category-verkkosivut"],"_links":{"self":[{"href":"https:\/\/luovatagentit.fi\/sv\/wp-json\/wp\/v2\/posts\/104484","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/luovatagentit.fi\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/luovatagentit.fi\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/luovatagentit.fi\/sv\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/luovatagentit.fi\/sv\/wp-json\/wp\/v2\/comments?post=104484"}],"version-history":[{"count":13,"href":"https:\/\/luovatagentit.fi\/sv\/wp-json\/wp\/v2\/posts\/104484\/revisions"}],"predecessor-version":[{"id":104511,"href":"https:\/\/luovatagentit.fi\/sv\/wp-json\/wp\/v2\/posts\/104484\/revisions\/104511"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/luovatagentit.fi\/sv\/wp-json\/wp\/v2\/media\/104486"}],"wp:attachment":[{"href":"https:\/\/luovatagentit.fi\/sv\/wp-json\/wp\/v2\/media?parent=104484"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/luovatagentit.fi\/sv\/wp-json\/wp\/v2\/categories?post=104484"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/luovatagentit.fi\/sv\/wp-json\/wp\/v2\/tags?post=104484"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}