Käyttöliittymäuudistus ohjelmistokehittäjän silmin – Juhana Repo kertoo Severan matkasta kohti modernimpaa kokemusta
Severan käyttöliittymän uudistus on yksi tuotteen merkittävimmistä kehitysprojekteista. Mukana ovat asiakkaat, UX-suunnittelijat, tuoteomistajat ja tietenkin kehittäjät, jotka rakentavat uudistusta riveittäin ja koodista toiseen. Ohjelmistokehittäjä Juhana Repo on ollut mukana Severan käyttöliittymän kehityksessä alusta alkaen ja kertoo tässä blogissa, mitä uudistus tarkoittaa hänen näkökulmastaan.
Kuka olen ja mikä on roolini Severalla
Olen Juhana Repo ja toimin Severan tuotekehityksessä Senior-ohjelmistokehittäjänä sekä tiimikapteenina. Päiväni kuluvat pääosin frontend-kehityksen parissa eli käyttöliittymän rakentamisessa. Olen ollut Severan tuotekehityksessä kymmenen vuotta, ja käyttöliittymän uudistuksessa olen ollut mukana alusta lähtien. Tällä hetkellä työni painottuu käyttöliittymäuudistukseen, jossa ohjaan tiimiäni ja toteutan itsekin ominaisuuksia uuteen käyttöliittymään.
UI-uudistuksessa tiimini on vastannut erityisesti tuntikirjauksiin liittyvien ominaisuuksien rakentamisesta. Sen lisäksi olen keskittynyt käyttöliittymän arkkitehtuurin kehittämiseen.
Parempaa koodia, asiakkaalle parempi käyttökokemus
Severan nykyinen käyttöliittymä on Single Page Application (SPA), joka on rakennettu vanhastaan JavaScriptillä ja uudemmilta osin TypeScriptillä. Alun perin valitsimme käyttöliittymän kehityskirjastoksi InfernoJS:n sen suorituskyvyn ja pienen koon vuoksi. Sittemmin React on noussut valtavirtaan, ja sen ympärille on syntynyt valtava ekosysteemi.
UI-uudistuksessa siirryimme Reactiin, koska sen ekosysteemi tarjoaa laajan tuen modernien käyttöliittymien rakentamiseen. Reactin avulla voimme kehittää oman design-systeemin ja komponenttikirjaston sekä parantaa saavutettavuutta. Tämä tekee kehityksestä sujuvampaa, nopeuttaa työntekoa ja ennen kaikkea parantaa käyttäjäkokemusta.
Lue myös: Sera-design-systeemin omistaja ja suunnittelija Hien Köhler: Design-systeemi on kuin riisinkeitin
Teknisillä valinnoilla on iso merkitys myös asiakkaille
Saattaa kuulostaa siltä, että tekniset valinnat koskevat vain kehittäjiä, mutta todellisuudessa niillä on valtava vaikutus tuotteen käyttöön.
Ensinnäkin suorituskyky paranee, kun käyttöliittymä piirtyy nopeammin. Toiseksi, koska React on laajasti käytetty ja aktiivisesti ylläpidetty, myös koodin ja sitä kautta koko tuotteen turvallisuus kehittyy jatkuvasti. Kolmanneksi, hyvin suunniteltujen komponenttien ansiosta käyttöliittymästä tulee yhtenäinen ja saavutettava. Ja neljänneksi, kehitysnopeus kasvaa. Voimme käyttää valmiita komponentteja ja kirjastoja sen sijaan, että kirjoittaisimme kaiken itse.
Lue myös: Käyttöliittymäuudistus asiakkaiden kanssa kohti modernimpaa Severa-kokemusta
Pienilläkin asioilla on merkitystä
Käyttöliittymäuudistus ei ole vain suuria linjoja, vaan myös pieniä oivalluksia. Olen erityisen ylpeä siitä, että olen saanut arkkitehtuuria kehitettyä niin, että muiden kehittäjien työ helpottuu. Esimerkiksi Drawer-ikkunoiden avaaminen onnistuu nyt yhdellä rivillä koodia, mikä säästää aikaa ja tekee toteutuksesta selkeämmän.
Kun yksityiskohtiin panostaa, syntyy ratkaisuja, jotka tekevät käyttöliittymästä entistä paremman niin käyttäjälle kuin kehittäjälle.
Testaaminen on jatkuvaa
Uudistusta ei tehdä sokkona. Jokainen kirjoitettu koodirivi testataan yksikkötesteillä, jotta muutokset eivät riko mitään olemassa olevaa. Lisäksi saavutettavuutta arvioidaan sekä automaattisilla työkaluilla että manuaalisesti esimerkiksi ruudunlukijoilla.
Olemme myös mukana UX-suunnittelijoiden järjestämissä käyttäjätesteissä, joissa näemme suoraan, miten ratkaisut toimivat asiakkaiden arjessa. Tämä on erittäin arvokasta palautetta.
Lue myös: Miksi ohjelmistojen saavutettavuus on tärkeä asia?
AI apuna kehittäjän arjessa
Tekoäly on tullut jäädäkseen myös ohjelmistokehitykseen. Sen rooli on meillä merkittävä.
AI nopeuttaa työtä esimerkiksi generoimalla yksikkötestejä, optimoimalla manuaalisesti kirjoitettua koodia ja toimimalla koodikatselmoijana. Se näkee asioita, jotka ihmissilmältä voivat helposti hukkua. Lisäksi AI:lla voi generoida koodia selkeisiin käyttötapauksiin – kunhan vain osaa promptata kysymykset oikealla tavalla.
Tiimi kokeneista osaajista ja uusista kyvyistä
UI-uudistusta tekee kolme tiimiä: yksi keskittyy Design systemiin ja kaksi itse käyttöliittymään. Molemmat käyttöliittymätiimit koostuvat UX-suunnittelijasta ja viidestä tai kuudesta kehittäjästä. Mukana on sekä pitkän linjan osaajia että uusia nousevia kykyjä, mikä tuo hyvän tasapainon tiimeihin.
Olen erityisen ylpeä siitä, että tiimini sai ensimmäisen version tuntikirjauksista beta-käyttäjien kokeiltavaksi. Se oli konkreettinen hetki, jossa näimme työn muuttuvan asiakkaan arjessa näkyväksi hyödyksi.
Sen jälkeen olemme julkaisseet useita parannuksia tuntikirjauksiin, joista jokainen on pohjautunut käyttäjien palautteeseen. Ehkä olen kuitenkin kaikkein ylpein siitä, että olemme kesän jälkeen onnistuneet kasvattamaan Betan käyttöä merkittävästi juuri näiden pienten, mutta asiakkaiden kannalta merkityksellisten parannusten ansiosta.
Kaiken keskellä tärkeintä on asiakasarvo
Teknologia, testaus, AI ja yksityiskohdat, kaikki nämä ovat välineitä siihen, että Severasta syntyy entistä parempi työkalu asiakkaille.
Uudistus on matka, jota emme tee yksin, vaan yhdessä asiakkaidemme kanssa. Beta-käyttäjien palaute ja testaus ovat olleet ratkaisevassa roolissa ja vievät meitä jatkuvasti eteenpäin.
Juhana Repo on Severan senior-ohjelmistokehittäjä ja tiiminvetäjä. Hän on erikoistunut frontend-kehitykseen ja on yksi käyttöliittymäuudistuksen keskeisistä toteuttajista. Juhanaa motivoi erityisesti arkkitehtuurin kehittäminen ja ratkaisut, jotka helpottavat sekä asiakkaiden että muiden kehittäjien arkea.
