Yleistä
Tietoa Kelan ja Kannan yhteisestä design systemistä.
Mikä Kela Design System on?
Kela Design System (KDS) on Kelan ja Kannan yhteinen suunnittelujärjestelmä, jonka tarkoituksena on sujuvoittaa käyttöliittymien ja asiakaskokemuksen parissa toimivien kehittäjien ja suunnittelijoiden päivittäistä työtä.
KDS toimii laajan tekijäjoukon työkalupakkina ja tyylikirjastona. Se sisältää käyttöliittymien digitaaliset rakennuspalikat ja yhtenäiset design-standardit, jotka tukevat käyttäjäystävällisten ja saavutettavien palvelujen kehittämistä.
Mitä Kela Design System tarjoaa?
- Valmiit React-komponentit Kelan ja Kannan käyttöliittymiin.
- Yhtenäistä tyyliä ja toiminnallisuutta rakentavat muuttujat ja kirjastot.
- Verkkopalvelujen visuaalisen ilmeen ohjeet.
- Käyttöliittymien suunnittelua viitoittavat ohjeet ja mallit.
Mitä hyötyjä Kela Design System tarjoaa?
Tekninen toimintavarmuus
Kun käyttöliittymän toteutus perustuu valmiiksi testattuihin ja validoituihin komponentteihin, myös muutosten hallinta ja virheiden korjaus on helpompaa.
Brändi ja visuaalinen ilme
Yhteisten design-käytäntöjen soveltaminen helpottaa digitaalisten palvelujen visuaalisen ilmeen ja brändin hallintaa.
Saavutettavuus
Kela Design System on suunniteltu tukemaan saavutettavien verkkopalveluiden rakentamista. Esimerkiksi komponenteissa saavutettavuus on valmiiksi huomioitu.
Kustannustehokkuus
Yhteiskäyttöisten React-komponenttien ja valmiiden tyylikirjastojen hyödyntäminen nopeuttaa ja tehostaa työskentelyä.
Yhtenäinen asiakaskokemus
Laajan tekijäjoukon yhteiset työkalut mahdollistavat yhtenäisen asiakaskokemuksen toteutumisen kaikissa digitaalisissa palveluissa.
Käyttökohteet
Kela Design Systemiä voi hyödyntää joustavasti erilaisissa käyttöliittymissä. Ratkaisut soveltuvat myös Kanta-brändin mukaisiin käyttöliittymiin. Lue lisää Kanta-teemasta.
Esimerkkejä käyttökohteista:
- Henkilöasiakkaiden palvelut Kelassa: Kela.fi(Avautuu uuteen välilehteen), OmaKela(Avautuu uuteen välilehteen), Tietotarjotin.fi(Avautuu uuteen välilehteen)
- Kanta-palvelut: OmaKanta(Avautuu uuteen välilehteen)
- Kelan sisäiset järjestelmät
- Kumppaneiden palvelut
Kela Design Systemiä voi hyödyntää myös ilman React-teknologiaan perustuvien komponenttien käyttöönottoa. Lue lisää: Käyttö ilman Reactia.