Tavoitteena oli rakentaa prosessit ja rakenne, joiden avulla tekoäly tuottaa käyttöliittymää nopeasti mutta hallitusti: Buildien omilla komponenteilla, käyttötavoilla ja visuaalisella ilmeellä.

Kun tarkka UI-design ei enää pysy kehityksen tahdissa

Buildiellä oli käytössään oma design system ja pitkälti custom-rakennettu komponenttikirjasto. Tekoälyavusteinen kehitys muutti kuitenkin suunnittelun tarpeita.

Kun tekoäly generoi käyttöliittymiä nopeasti, jokaista näkymää ei ole mielekästä suunnitella yksityiskohtaisesti etukäteen. Ilman riittävää kontekstia tekoäly myös helposti toistaa sille tyypillisiä geneerisiä ratkaisuja sen sijaan, että käyttöliittymä noudattaisi tuotteen omaa rakennetta ja tyyliä.

Siksi design systemin täytyy kuvata riittävän täsmällisesti, mistä käyttöliittymä rakentuu ja millä säännöillä.

Tekoälytyökaluille optimoitu design system

Työ alkoi viikon tutkimusvaiheella, jossa haastateltiin Buildien asiantuntijoita. Tämän jälkeen havaintoja analysoitiin ja verrattiin niitä komponenttikirjastoon ja varsinaiseen koodiin.

Keskeinen tavoite oli tehdä design systemistä ymmärrettävä myös tekoälylle. Käytännössä tämä tarkoitti design systemiin liittyvän hiljaisen tiedon konkretisoimista: asioita, jotka suunnittelija tai kehittäjä osaa päätellä kokemuksensa perusteella, täytyy kuvata selkeästi myös järjestelmälle.

Tekoäly on taipuvainen toteuttamaan sille tyypillisiä ratkaisuja, jos sen toimintaa ei ole riittävästi rajattu. Mitä tarkemmin käyttötavat, esimerkit ja tuotteen omat säännöt on määritelty, sitä paremmin tekoäly pystyy tuottamaan suoraan käyttökelpoista ja yhdenmukaista käyttöliittymää, joka on tuotteen ja brändin mukainen.

Analyysin pohjalta Monad suunnitteli uuden design system -kokonaisuuden ja toteutti sitä 3–4 viikon ajan myös kooditasolla. Uusi design system on jo siirtymässä käytäntöön, sillä Buildie on parhaillaan ottamassa sitä käyttöön tuotteessaan ja siirtämässä nykyisiä käyttöliittymiä sen mukaisiksi.

Nopeammin ideasta toimivaksi käyttöliittymäksi

Projektin tuloksena Buildielle syntyi pohja tekoälyavusteiselle tuotekehitykselle, jossa design system ei ole vain suunnittelijoiden ja kehittäjien komponenttikirjasto. Se toimii myös tekoälylle annettavana yhteisenä kontekstina.

Näin uusia käyttöliittymiä voidaan rakentaa nopeammin tuotteen yhtenäisyydestä tinkimättä ja suunnittelutyötä siirtää yksittäisten näkymien piirtämisestä enemmän sääntöjen, komponenttien ja käyttökokemuksen määrittelyyn.

Kun yhteiset säännöt on määritelty ja dokumentoitu, ideoita voidaan testata ja viedä eteenpäin huomattavasti nopeammin. Määrittelyn jälkeen ei tarvitse odottaa viikkoja tai kuukausia, että idea piirretään auki valmiiksi näkymiksi, vaan ensimmäisiin toimiviin prototyyppeihin voidaan päästä jopa tunneissa tai päivissä.

Samalla prototypoinnista tulee aiempaa konkreettisempaa. Staattisten näkymien sijaan käyttäjille voidaan antaa kokeiltavaksi interaktiivinen ympäristö, jolloin palautetta saadaan aikaisemmin ja se kohdistuu paremmin myös käyttökokemukseen ja toiminnallisuuksiin.isiä kokeiluja laajemmaksi ja jatkuvasti kehittyväksi kokonaisuudeksi.