Skip to content

Verkkosivut tekoälyllä – älä automatisoi luovuutta, kiihdytä sitä

Tekoälystä puhuttaessa esiin nousee lähes aina sama lupaus: työ voidaan tehdä nopeammin. Verkkosuunnittelussa nopeus on kuitenkin kiinnostavaa aivan toisesta syystä. Mitä jos tekoälyn käyttö ei johdakaan kompromissiratkaisuihin, joissa tehokkuus kasvaa mutta laatu kärsii, vaan sen sijaan parempiin suunnittelupäätöksiin?

Perinteisessä verkkosivuprojektissa ensimmäisten päätösten painoarvo on suuri. Valitaan visuaalinen suunta, taittotapa ja sivuston rakenne. Sen jälkeen niitä aletaan työstää eteenpäin. Mitä pidemmälle projekti etenee, sitä kalliimmaksi suunnan vaihtaminen muuttuu.

Tekoäly muuttaa tätä yhtälöä. Kun vaihtoehtoja voidaan visualisoida ja rakentaa huomattavasti aiempaa nopeammin, aikaa ei tarvitse käyttää yhden idean hiomiseen alusta lähtien. Sen sijaan voidaan kokeilla useampia ideoita, verrata niitä ja löytää paras suunta ennen kuin siihen sitoudutaan.

Tämä on myös uuden Sometek WebLabs -palvelun lähtökohta: tekoälyn tarkoitus ei ole tehdä keskinkertaista nopeammin, vaan mahdollistaa kunnianhimoisempi ja kokeilevampi luova prosessi.

WebLabsin case-esimerkit näyttävät, kuinka pitkälle kokeilu voidaan nykyään viedä jo konseptointivaiheessa. Tavallisen verkkotaiton rinnalla voidaan rakentaa esimerkiksi interaktiivinen tuotekonfiguraattori (Aurel), datavisualisointeja hyödyntävä yrityksen vuosikertomus (Nord Grid), tekninen 3D-simulaatio (Wind Turbine Digital Twin) tai elokuvallinen verkkotarina (Dolomites Journey). Kyse ei siis ole vain siitä, voidaanko etusivusta tehdä nopeasti kolme erilaista versiota. Tekoäly mahdollistaa myös kokonaan erilaisten verkkokonseptien testaamisen ennen kuin päätetään, millainen ratkaisu palvelee tavoitetta parhaiten.

Verkkosivujen suunnittelu: miksi ensimmäiseen ideaan sitoudutaan liian aikaisin?

Kuvitellaanpa tavallinen verkkosivuprojekti. Suunnittelija tekee asiakkaalle yhden tai kaksi ehdotusta etusivusta. Valitaan lupaavin suunta. Sen pohjalta rakennetaan lisää näkymiä, määritellään typografia, värit, komponentit ja mobiiliversiot. Sitten suunnitelma siirtyy toteutukseen.

Prosessi on järkevä, koska laadukkaan verkkotaiton tekeminen ja etenkin sen rakentaminen toimivaksi verkkosivustoksi on perinteisesti vienyt paljon aikaa.

Siinä on kuitenkin yksi ongelma. Luovia vaihtoehtoja kannattaa tutkia eniten juuri silloin, kun tiedämme projektista vähiten.

Alussa emme vielä välttämättä tiedä, toimiiko rohkea tarinallinen ratkaisu paremmin kuin pelkistetty yrityssivu. Kannattaako tärkein tuote nostaa heti pääosaan vai kertoa ensin yrityksen suurempi tarina? Pitäisikö sivuston tuntua tekniseltä, inhimilliseltä, premiumilta vai jotain aivan muuta?

Tässä vaiheessa projektia tehdään usein kaikkein suurimmat päätökset.

Tekoäly mahdollistaa rinnakkaisen suunnittelun

Ajatus useiden vaihtoehtojen tutkimisesta ei ole uusi. IDEO kuvaa design thinking -prosessia iteratiiviseksi: ideoita tuotetaan, prototypoidaan, testataan ja kehitetään tekemällä oppien. Myös Nielsen Norman Group on nostanut esiin parallel designin eli rinnakkaisen suunnittelun: yhden ratkaisun sijasta tutkitaan samanaikaisesti useita erilaisia suunnittelusuuntia ja yhdistetään niistä toimivimmat ajatukset.

Haaste on ollut käytännöllinen. Viiden laadukkaan vaihtoehdon suunnitteleminen vie moninkertaisesti aikaa verrattuna yhden tekemiseen. Ja tästä syystä vaihtoehtoja ei juuri koskaan ehditä tutkia.  

Tekoäly tulee tässä kohtaa mukaan kuvaan. AI-kiihdytetyssä työnkulussa voidaan nopeasti kokeilla esimerkiksi:

  • eri sisältöhierarkioita
  • täysin erilaisia visuaalisia konsepteja
  • vaihtoehtoisia hero-alueita
  • erilaisia navigaatioratkaisuja
  • animaatioita ja interaktioita
  • erilaisia kuvamaailmoja
  • uusia tapoja esitellä tuotteita ja palveluita
  • vaihtoehtoisia mobiilinäkymiä.

Oleellinen muutos ei siis ole siinä, että yksi verkkosivu syntyy nopeammin. Paljon kiinnostavampaa on se, että samassa ajassa voidaan tutkia huomattavasti suurempaa joukkoa mahdollisia ratkaisuja.

AI-kiihdytetty verkkosuunnittelu tuo prototyypit nopeasti nähtäville

Perinteinen wireframe on hyödyllinen työkalu sivurakenteen suunnitteluun, mutta asiakkaalta se vaatii paljon mielikuvitusta.

Harmaat laatikot kertovat kyllä, missä kuva, otsikko ja painike sijaitsevat. Ne eivät kuitenkaan kerro, miltä lopullinen kokonaisuus tuntuu. Asiakkaan pitäisi pystyä kuvittelemaan mielessään typografia, kuvat, värit, animaatiot, rytmi ja vuorovaikutus. AI-kiihdytetyssä prosessissa päästään paljon aikaisemmin lähelle todellista käyttökokemusta ja sivujen visuaalista ilmettä.

WebLabs tuo jo projektin alkuvaiheessa konkreettisia verkkotaittoja ja erilaisia visualisointeja asiakkaan vertailtavaksi. Kampanjasivuprojektissa ensimmäiset versiot voidaan nähdä parhaimmillaan jo ensimmäisenä päivänä. Sivustouudistuksessa nykyisiä sisältöjä voidaan puolestaan kokeilla erilaisilla taitoilla, yleisilmeillä ja sisältökärjillä ennen lopullisen suunnan valintaa.

Tällä on iso vaikutus keskustelun laatuun. Sen sijaan, että yritämme kuvailla sanoin visiotamme, voimme yksinkertaisesti näyttää versiot ja kysyä: ”Kumpi näistä toimii mielestäsi paremmin?” Asiakkaalle syntyy varmuus projektin oikeasta suunnasta, kun hän näkee sivuston yleisfiiliksen ja voi konkreettisesti vertailla eri ratkaisuja.

Tekoäly mahdollistaa luovat kokeillut

Luovassa työssä kaikki ideat eivät tietenkään ole hyviä. Eikä niiden tarvitsekaan olla.

Kun yhden vaihtoehdon rakentamiseen on käytetty paljon aikaa, siitä luopuminen tuntuu helposti tappiolta. Jos kokeilu syntyy nopeasti, siihen ei tarvitse rakastua. Voimme todeta: tämä ei toimi. Seuraava.

AI:n ansiosta myös epäonnistuneiden kokeilujen hinta laskee. Voimme turvallisemmin kokeilla jotain epätavallista: suurempaa typografiaa, täysin erilaista navigaatiota, tarinallista rakennetta tai interaktiivista käyttöliittymää.

Osa kokeiluista ei välttämättä päädy lopulliselle sivustolle. Mutta yksi niistä voi johtaa täysin ainutlaatuiseen luovaan ratkaisuun, jota emme olisi löytäneet, jos olisimme lähteneet heti rakentamaan ensimmäistä turvallista vaihtoehtoa.

Luova riski pienenee, kun kokeileminen muuttuu halvemmaksi.

Tekoäly vapauttaa aikaa strategiaan ja luovaan suunnitteluun

Mitä tehokkaampia tekoälytyökaluista tulee, sitä enemmän aikaa voidaan käyttää niihin asioihin, joissa ihmisen panos on kaikkein arvokkainta:

  • Mikä on yrityksen tärkein viesti?
  • Miksi asiakas valitsisi juuri tämän yrityksen?
  • Miltä brändin pitäisi tuntua?
  • Mikä sivustolla on käyttäjälle olennaista?
  • Mitä kannattaa jättää kokonaan pois?

Tekoäly voi auttaa tuottamaan vaihtoehtoja, koodaamaan käyttöliittymää, kokeilemaan taittoja, käsittelemään sisältöjä ja rakentamaan prototyyppejä. Se ei kuitenkaan tiedä automaattisesti, mikä vaihtoehdoista on yritykselle oikea.

Siihen tarvitaan edelleen strategiaa, design-ajattelua, kokemusta ja näkemystä.

WebLabsin ideana ei siksi ole automatisoida suunnittelijaa pois prosessista. Päinvastoin: automatisoidaan ja nopeutetaan niitä työvaiheita, joiden ansiosta suunnittelija voi tutkia enemmän vaihtoehtoja ja käyttää enemmän aikaa olennaisiin päätöksiin. WebLabs yhdistää tämän AI-kiihdytetyn työnkulun yli 15 vuoden kokemukseen verkkosuunnittelusta ja brändityöstä.

Tekoäly ei tarkoita geneerisiä AI-verkkosivuja

AI-verkkosivuista puhuttaessa mieleen tulevat helposti palvelut, joille kerrotaan yrityksen toimiala ja jotka generoivat muutamassa minuutissa valmiin template-sivuston. Se ei ole erityisen kiinnostava tapa hyödyntää tekoälyä. Lopputulos on usein heikko, geneerinen ja täynnä outoja virheitä. Jos kaikki käyttävät samoja työkaluja samoilla oletusasetuksilla, tuloksena voi olla vain entistä suurempi määrä toistensa kaltaisia, tasaisen heikkolaatuisia verkkosivuja. Ei siis ihme, että usein kuulee väitettävän: ”kaikki tekoälyllä tehty näyttää samalta”. Näin ei missään nimessä ole, kun työkalut ovat oikeissa käsissä ja yhdistyvät laajaan suunnitteluosaamiseen.

WebLabsin lähestymistapa on päinvastainen: tekoälyn pitäisi kasvattaa mahdollisten ratkaisujen määrää, ei kaventaa sitä. Esimerkiksi WebLabsin kokeellisissa case-sivustoissa sama teknologia taipuu täysin erilaisiin maailmoihin: vahvaan premium-ilmeeseen (Future Folklore Studio), rohkeaan katumuotibrändiin (Street Specimens) ja sähköauton moderniin tuotekokemukseen (Aava Electric). WebLabs-palvelussa ne näyttävät erilaisia AI-kiihdytetyn verkkosuunnittelun suuntia.

Nopeampi verkkosivuprojekti voi olla myös kunnianhimoisempi

Usein ajatellaan, että nopeudella ja laadulla on väistämättä käänteinen suhde: jos tehdään nopeammin, jostakin täytyy tinkiä. AI-kiihdytetyssä luovassa työssä asia voi mennä myös toisin päin.

Jos tekniseen perustyöhön kuluu vähemmän aikaa, sama projektibudjetti voidaan käyttää suurempaan määrään kokeiluja. Voidaan testata tavallisen sivurakenteen lisäksi interaktiivista versiota. Tuotesivulle voidaan kokeilla konfiguraattoria. Datan rinnalle voidaan rakentaa visualisointi. Staattisen hero-kuvan sijaan voidaan testata animaatiota.

Tällöin tekoälyn tuottama tehokkuus ei valu vain säästyneiksi tunneiksi. Se voidaan investoida korkeampaan laatuun. Tämä on ehkä kiinnostavin muutos koko AI-avusteisessa verkkosuunnittelussa.

WebLabs: luovuus + tekoäly + WordPress

Sometek WebLabs yhdistää tekoälyn, WordPressin ja luovan suunnittelun yhdeksi nopeaksi työnkuluksi. Palveluun kuuluvat esimerkiksi landing page -sprintit, kampanjasivut, verkkosivujen uudistukset, luovat verkkokonseptit, interaktiiviset kokemukset ja AI-käännökset.

Lähtökohtamme on: mikään ei ole meille mahdotonta. WebLabs-caset näyttävät, mitä tämä voi tarkoittaa käytännössä: interaktiivisia datatarinoita, 3D-tuotesivuja, edistyneitä tuotekonfiguraattoreita, immersiivisiä videoscroll-sivustoja ja uudenlaisia interaktiivisia palveluita. Vielä muutama vuosi sitten vastaavat toteutukset olisivat vaatineet suuren kehitystiimin ja budjetin, joka olisi helposti kasvanut pk-yrityksen ulottumattomiin. AI-kiihdytetty työnkulku muuttaa tilanteen: nyt voidaan aloittaa kysymällä, mikä olisi kiinnostavin mahdollinen ratkaisu. Vain mielikuvitus on rajana sille, mitä voimme sinulle toteuttaa.

Tavoitteena on tehdä parempia verkkosivuja luovasti ja nopeasti, tekoälyn parhaita puolia strategisesti hyödyntäen. Kun vaihtoehtojen tutkiminen muuttuu nopeammaksi, ensimmäiseen ideaan ei tarvitse tyytyä. Voimme kokeilla, verrata, hylätä, yhdistellä ja kehittää – kunnes juuri oikea ratkaisu löytyy. Asiakaspalaute pilottiprojekteissa on ollut poikkeuksetta kiittävää.

Joskus nopein reitti valmiille verkkosivulle ei olekaan se, jossa ensimmäisestä ideasta kuljetaan suoraan toteutukseen.

Nopein reitti voi kulkea useamman idean kautta.

Jaa kirjoitus:

LinkedIn
X
Facebook
Email

Tilaa uutiskirje

Vain hyödyllisiä uutisia, ei spämmiä! Tilaamalla hyväksyn, että tietoni tallennetaan Sometekin uutiskirjeen tilaajarekisteriin.