Skip to main content
To the homepage of Knowit

DESIGN JA ASIAKASKOKEMUS

UI-elementtikirjasto

UI-elementtikirjasto on vähän kuin kevyempi design system. Sen avulla näkee minkälaisista elementeistä sivusto rakentuu

Yhtenäisyys ja helppokäyttöisyys

Elementeille luodaan kevyet ohjeet, jotka varmistavat yhtenäisen käyttökokemuksen ja helpottavat kehittäjien työtä

Parempi ymmärrys

Parempi ymmärrys sivuston rakenteesta helpottaa uusien ominaisuuksien suunnittelua ja kehittämistä

Parempi hallinta ja skaalautuvuus

Kirjaston avulla on helpompi hallita ja päivittää sivuston visuaalista ilmettä, ja skaalata sivustoa teknisesti.

Mikä on UI-elementtikirjasto?

 

Elementtikirjastoon kerätään kaikki tietyllä sivustolla käytössä olevat UI-elementit kuten esim: nostolohkot, navigaatio, alasvetovalikot, painikkeet, listatyylit jne. 

Elementeille luodaan kevyet ohjeistukset niiden käyttöön.​

UI-elementtikirjaston avulla on helppo saada käsitys siitä minkälaisista elementeistä sivusto rakentuu. UI-elementtikirjasto on kuin kevyempi versio design systemistä.​

Ideaalia on rakentaa UI-elementtikirjasto samalla kun palvelu uudistetaan, mutta suosittelemme elementtikirjaston rakentamista myös olemassa olevalle palvelulle.

 

Component library example

 

UI-elementtikirjaston sisältö

 

UI-elementit​

  • Kirjastossa on koottuna kaikki UI-elementit, esim: erilaiset nostot, alasvetovalikot, painikkeet, listatyylit, navigointi, ikonit jne. Elementeille luodaan ohjeistukset niiden käyttöön (silloin kun se on tarkoituksenmukaista).​

Typografia

  • Kuvataan sivustolla käytettävät fontit, niiden välinen hierarkia, käyttötarkoitukset ja fonttikoot 
  • Kuvataan fonttien värivaihtoehdot 

Värit

  • Kuvataan sivustolla käytettävä väripaletti (ml. värien arvot) ja värien pääasialliset käyttötarkoitukset

Tilan käyttö

  • Kuvataan taitossa käytettävät periaatteet esimerkiksi palstojen, marginaalien ja välistysten suhteen 
  • Kuvataan mahdolliset graafiset kuviot joita sivuston taustalla voidaan käyttää

 

Kiinnostuitko? Ota yhteyttä ja teemme tarjouksen digipalvelusi UI-elementtikirjaston rakentamisesta.

Christer Lybeck

CEO

Knowit Experience