UI-elementtikirjasto

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. 

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ää



 

Miksi UI-elementtikirjasto kannattaa tehdä?

  • Helpottaa ja nopeuttaa sisällönsuunnittelijoiden ja -syöttäjien työtä 

  • Lopputuloksesta tulee laadukkaampi ja yhdenmukaisempi kun lohkoja/elementtejä käytetään niiden oikeisiin tarkoituksiin ja oikealla tavalla

  • Uuden sisällönsyöttäjän/ylläpitäjän helpompi tulla projektiin mukaan kun kaikki käytössä olevat elementit ohjeineen on koottuna yhteen paikkaan
  • Helpottaa jatkokehitystä kun nähdään selkeämmin mitä erilaisia elementtejä järjestelmästä löytyy valmiina


  • UI-elementtikirjastosta voi olla hyötyä myös asiakkaan mahdollisille muille toimittajille jos he suunnittelevat jotakin palveluun tai samanlaista UI:ta halutaan käyttää asiakkaan muissa palveluissa, mahdollistaen johdonmukaisen ilmeen ja käyttökokemuksen kaikissa digitaalisissa palveluissa

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

Ota yhteyttä
Christer Lybeck
CEO, Knowit Experience Oy
Ota yhteyttä
Ota yhteyttä

Alkuun