Kuvakkeet toimivat parhaiten silloin, kun niillä kuvataan toimintoa tai aihetta, jolle on olemassa luonnollinen tai vakiintunut kuvallinen vastine. Johdonmukainen kuvakieli tukee käytettävyyttä ja vahvistaa mielikuvaa laadukkaasta ja luotettavasta verkkopalvelusta.
Kelan ja Kannan verkkopalveluissa ja käyttöliittymissä sovelletaan Kela Design Systemin tarjoamia kuvakkeita. Verkkopalveluissa käytetään kahta eri kuvaketyyppiä:
Verkkokäyttöön tarkoitetut kuvakkeet on koottu kuvakekirjastoihin svg-muotoisina komponentteina.
Kela Design Systemin komponentteihin sijoitettavien kuvakkeiden tyyppi käy yleensä ilmi komponenttien ohjeista. Esimerkiksi painikkeissa sovelletaan ainoastaan käyttöliittymäkuvakkeita.
Tässä ohjeessa kuvake-termillä viitataan yleisesti sekä käyttöliittymäkuvakkeisiin että kuvitusikoneihin.
Kuvakkeiden valintaa ohjaa aina ensisijaisesti niiden käyttötarkoitus, joka voi olla saavutettavuuden näkökulmasta toiminnallinen tai dekoratiivinen.
Yleensä kuvakkeen tehtävänä on tukea tekstimuotoista sisältöä tai toiminnallista elementtiä. Esimerkiksi tekstimuotoinen linkki ja sen kohdetta kuvaava kuvake täydentävät toisiaan, jos kuvake on loogisesti valittu ja visuaalinen esitystapa on selkeä.
Tietyillä kuvakkeilla on käyttöliittymissä vakiintunut merkitys tai tiettyyn toimintoon tiiviisti kytkeytyvä käyttötarkoitus. Siksi kuvakkeiden valinnassa kannattaa yleensä suosia mahdollisimman selkeää esitystapaa ja tuttua symboliikkaa.
Kuvakkeet…
Kelan ja Kannan käyttöliittymissä käytetään Kela Design Systemin tarjoamia kuvakekirjastoja.
Kuvitusikoni-kirjasto sisältää myös erityisesti Kannan käyttöliittymiin soveltuvia aiheita. Hakemalla Kuvakekirjastosta kanta-asiasanalla löydät Kannan aihepiireihin soveltuvia ikoneja.
Johdonmukainen ikonien käyttö tukee käyttöliittymän selkeyttä ja käytettävyyttä. Kun valitset ikonia, tarkista aluksi onko käyttöliittymässä jo kuvattu samaa asiaa tietyllä ikonilla.