Design system ohjelmistokehityksessä

Abstract

Teknologia ja erilaiset tietojärjestelmät ovat digitalisaation myötä yhä tiiviimpi osa meidän kaikkien arkea. Tämän vuoksi on tärkeää, että järjestelmien käyttöliittymät ovat yhtenäisiä ja niiden käyttö on helppoa, intuitiivista ja tehokasta. Design system eli suunnittelujärjestelmä on tehokas työkalu yhtenäisten käyttöliittymien rakentamiseen. Tämän opinnäytetyön ta-voitteena oli rakentaa suunnittelujärjestelmä ohjelmistoprojektille ja osoittaa sen hyödyt koko kehitystiimille. Opinnäytetyön toimeksiantajana toimi Cinia Oy. Opinnäytetyö toteutettiin soveltavana tutkimuksena, ja sen teoriaosuus käsittelee suunnitte-lujärjestelmää käsitteenä sekä sen käyttöä ketteriä menetelmiä käyttävän ohjelmistokehitys-tiimin työkaluna. Teoriaosuudessa selvitetään, miten koko projektiryhmä, ei pelkästään suunnittelijat, hyötyy design systemistä. Suunnittelujärjestelmä rakennettiin web-sovelluksena React- ja TypeScript -teknologioilla. Kehitykseen käytettiin myös Material UI -komponenttikirjastoa, jonka ansiosta suunnittelu-järjestelmän käyttö tuli tutuksi. Suunnittelujärjestelmään dokumentoitiin olemassa olevasta järjestelmästä yhden näkymän komponentit. Yhdestä komponentista kuvattiin käyttötapa, ulkoasu, lähdekoodi, siihen liittyvät määreet ja funktiot sekä komponenttiin sisältyvät tai siihen liittyvät muut komponentit. Opinnäytetyön tulosten perusteella voitiin todeta, että vaikka design systemin rakentaminen ja ylläpito vaatii resursseja, se on hyödyllinen työkalu, joka ajan tasalla pidettynä säästää ohjelmistokehitystiimiltä aikaa ja rahaa.