Tapa suunnitella erilaisia sivustoja, kauppoja, sovelluksia ja palveluita on jatkuvassa liikkeessä. Myös erilaiset suunnittelun työkalut ja filosofiat elävät ja hengittävät. Tällä hetkellä ainakin oman sosiaalisen verkostoni kuumin puheenaihe on tietenkin tekoäly. Valitettavasti tämä kirjoitus ei käsittele sitä. Uskon, että saan kirjoitettua tekoälyn hyödyntämisestä verkkopalveluiden suunnittelussa noin parin vuoden päästä, kun se on kaikkien mielestä vanha juttu.
Joka tapauksessa, noin puolitoista vuotta sitten, sana "design system" trendasi omissa sosiaalisen median kanavissani voimakkaasti ja minne hyvänsä katsoin, kaikki puhuvat siitä. Halusin oppia, mistä on kysymys ja vähän internettiä penkomalla (wikipedia), selvitin, että kyseessä on jo verrattain vanha tapa tehdä digitaalisten palveluiden suunnittelua.
Design system on ollut olemassa jossain muodossa jo ennen ajanlaskumme alkua, 1960-luvulla. Päättelen tästä sen, että suunnittelujärjestelmän hyödyntäminen digitaalisten ratkaisujen toteutuksessa säästää paitsi tekijöiden resursseja myös, asiakkaan lompakkoa. Design system -sanoille terminä ei liene suoraa suomennosta, mutta suunnittelujärjestelmä on aivan hyvä käännös. Suunnittelujärjestelmä tarkoittaa lyhyesti sanottuna sitä, että:
Digitaalisia ratkaisuja tekevä tiimi toimii ennalta sovitun tavan mukaisesti, niin suunnittelun, dokumentoinnin- kuin kommunikoinnin osalta kehitellessään palveluita digimaailmaan.
Suunnittelijärjestelmän käyttö helpottaa suunnittelijoiden ja kehittäjien välistä kommunikointia. Näin myös käsillä oleva palvelu, jota yhdessä tehdään muotoutuu mahdollisimman lähelle sitä, mitä suunnittelija on alun perin visioinut. Tämä helpottaa myös kehittäjää, sillä suunnittelija tekee suunnitelmansa ennalta sovitun tavan mukaisesti ja on paremmin kärryillä siitä, mikä on mahdollista ja kannattavaa.
Suunnittelujärjestelmän tärkein tehtävä on helpottaa digitaalisen ratkaisun käyttökokemusta. Mikäli verkkopalvelun kaikki sisältö ja toiminnallisuudet ovat keskenään sukunäköisiä ja toimivat samalla logiikalla, palvelun käyttö on helppoa ja miellyttävää. Tai ainakin sille on korkeampi todennäköisyys.
Sanasta Design system - tulee usein mieleen siihen helposti sekoittuva komponenttikirjasto. Komponenttikirjasto on tarkka dokumentointi sivustolla käytetyistä elementeistä, aina pikkiriikkisistä ikoniesta ja napeista, isoihin sisältölohkoihin. Tämä dokumentointi helpottaa sivuston kehitystyötä pitkälle tulevaisuuteen. Sen ansiosta sivuston muotokieli säilyy yhdenmukaisena, eikä uusia elementtejä suunnitella täysin mielivaltaisesti.
On myös helpompi pohtia uusia toiminnallisuuksia, kun jo olemassa olevat ratkaisut on kerätty yhteen ja esitetty sovitulla tavalla.
Tämä mahdollistaa myös sen, että tulevaisuudessa kenen tahansa on helppo jatkaa siitä, mihin työ on aikanaan jäänyt
Komponenttikirjasto ei saa olla vain suunnittelijan työkalu. Se toimii opaskirjana myös verkkosivun kehittäjille ja sisällöntuottajille. Kun jokainen projektin jäsen tietää, miten eri elementit tulee toteuttaa, mitä rajoituksia ja mahdollisuuksia niissä on ja miten ne toimivat yhdessä se sujuvoittaa kommunikointia ja yhteistyötä. Ja kaikki tiimin jäsenet tietävät minkälaista lopputulosta kohti ollaan matkalla. Onkin tärkeää, sekä päivittää, että ylläpitää komponenttikirjastoa samaan aikaan kun sivusto elää ja kehittyy. Muuten dokumentointi on tyhjän kanssa, eikä helpota kenenkään työtä.
Joskus lähitulevaisuudessa verkkopalveluiden suunnittelutyössä otetaan todennäköisesti loikka eteenpäin, pois InDesignista, Photoshopista, PowerPointista, XD-stä ja Figmasta maailmaan, jossa suunnittelija tekee ainakin rautalankauksen ja käyttöliittymäsuunnittelun leiskausta samassa ympäristössä kehittäjän kanssa saumattomasti. Tämä helpottaisi ainakin komponenttikirjaston ylläpitoa ja päivittämistä.
Uskon, että molempia tekijöitä tarvitaan tulevaisuudessa, sillä ainakaan tällä hetkellä tekoälyn rakentama koodi on sanalla sanoen todella huonoa ja kukaan ei toivo tulevaisuutta, jossa käytetään kehittäjien suunnittelemia digitaalisia palveluita.
20.12.2023 | Ada-Sofia