Mobiilipelaamisen uusi arkkitehtuuri – nopeus ja responsiivisuus ratkaisevat
Julkaistu · Uncategorized
Image source: AI generated
Kukaan ei enää muista ensimmäisiä mobiilipelejä. Niissä ei ollut ääntä, eikä oikeastaan värejäkään. Ajat ovat muuttuneet. Nyt käytännössä kaikki saatavilla olevat pelit ovat myös mobiiliversioina pelattavissa – toiset maksutta, toiset kuukausimaksulla ja jotkut vanhaan tapaan kertaostoksina.
Moderni mobiilipelaaminen onkin pitkälti kilpailua siitä, kuinka hyvin monimutkainen tekniikka onnistutaan piilottamaan käyttäjältä. Taustalla nimittäin on monta erilaista kerrosta tekniikoita pelaamisen, maksamisen yms kanssa – ja nykyään mukaan on tullut vahvasti myös tekoäly. Itseasiassa tekoäly on jo tuottanut paljon pelejä markkinoille aina ajanvietepelaamisesta kasinopelaamiseen.
Puhelimen pienempi näyttö tekee tehtävästä tavallista haastavamman. Sivuston pitäisi latautua nopeasti myös silloin, kun verkkoyhteys ei ole parhaimmillaan. Ja pelisivujen kuten Galaksino pitää pystyä tuottamaan yhtä hyvä pelikokemus kuin pöytäkoneversiossa, ehkä nykyään jopa sitä parempi.
Hyvä mobiilipelikokemus syntyy paljon aikaisemmin kuin ensimmäinen varsinainen pelikierros käynnistyy. Se syntyy jo ensivaikutelmasta.
Responsiivisuus on muuttunut perusvaatimukseksi
Responsiivisuus tarkoittaa yksinkertaisesti sitä, että peli tai sovellus mukautuu siihen, mitä pelaaja tekee, ja millaisella alustalla pelaaja sovellusta tai peliä käyttää.
– Sivusto skaalaa kuvat, tekstin ja valikot sopiviksi
– Sisältö näyttää hyvältä tietokoneella, tabletilla ja älypuhelimella
– Asettelu muuttuu näytön ominaisuuksien mukaisesti
Nykyään pelejä tehdään jo suoraan mobiilipelattavaksi, eikä niitä edes tule isolle näytölle, silloin pelin responsiivisuus on ollut alusta alkaen mukana suunnittelussa. Itseasiassa myös pöytäkoneelle tarkoitetut pelit ovat olleet jo vuosia responsiivisia näyttöjen vaihdellessa pienistä kotinäytöistä massiivisiin pelinäyttöihin.
Tällainen mobile first -ajattelu vähentää tilanteita, joissa käyttäjän täytyy zoomata sivua tai etsiä ruudun ulkopuolelle kadonneita toimintoja, joka on normaali ongelma, jos peli on alun perin ollut isommalle näytölle tarkoitettu, jolloin asioilla on luonnollisesti ollut enemmän tilaa.
– pelialueen mittasuhteet
– painikkeet
– animaatiot
– vaaka- ja pystysuuntaisen näyttö
Kaikki toiminta tulisi näyttää luontevalta. Ei pakotetulta.
Selainpohjainen toteutus on tässä ympäristössä vahva ratkaisu. Selainmallissa yksi käyttöliittymä voidaan sovittaa useille laitteille, vaikka yksittäisten pelien tekniset toteutukset ja saatavuus voivat vaihdella.
Nopeus alkaa ennen peliä
Jos peli on hidas latautumaan, ei se tule olemaan suosittu. Nykyään ei pelejä odotella, pelin pitää latautua nopeasti, ensimmäiset sekunnit ratkaisevat. Jokainen peli sisältää satoja osia ja tekniikkaa, ja mitä parempi pelin suunnittelu ja arkkitehtuuri on ollut, sitä joustavammin peli latautuu ja myös toimii laitteessa kuin laitteessa.
Lazy loading on yksi tekniikka, joka on tullut tässä apuun. Selain voi ladata ensin näytöllä näkyvät elementit ja muut resurssit vasta käyttäjän vierittäessä niitä kohti. Käyttäjä näkee näin käyttökelpoisen näkymän nopeammin.
Sama ajatus toimii JavaScriptissä koodin pilkkomisena. Sivuston ei tarvitse tuoda kerralla selaimeen kaikkea mahdollista toiminnallisuutta. Loput voidaan ottaa käyttöön tarpeen mukaan.
Peliaula on oma haasteensa
Kasinopelaamisessa operaattorin haasteena on usein varsinainen peliaula. Pelejä voi olla tarjolla tuhansia ja niistä tulee kerralla näkyville jokin osa – kuinka monta ja miten, on suunnittelijan ja operaattorin päätettävissä. Useimmiten käyttäjä voi jo nykyään jatkossa itse valita, mitä tulee ensimmäiseen näkymään, mutta aluksi voi näkyvillä olla paljonkin ylimääräistä.
Moderni ratkaisu rakentaa näkymän kerroksittain. Ensimmäiseksi voidaan näyttää navigointi ja tärkeimmät pelit, minkä jälkeen muuta valikoimaa haetaan taustalla. Tämä vaikuttaa sekä käyttäjäkokemukseen että nopeuteen.
Samaa periaatetta voi soveltaa myös paljon yksinkertaisempaan pelisisältöön. Esimerkiksi Kaikki tai ei mitään -tulokset ovat mobiilikäyttäjälle hyödyllisimmillään silloin, kun varsinainen tulostieto löytyy heti eikä käyttäjän tarvitse ensin kulkea useiden raskaiden elementtien läpi.
Näytön ei pitäisi hypätä
Näytön hyppiminen on ärsyttävää. Sen ei pitäisi tehdä sitä. Nopeuden pitäisi toimia myös tuomaan visuaalista vakautta. Suunnittelussa tämä toteutuu varaamalla etukäteen tila tuleville elementeille:
– videoille
– mainoksille
– pelin seuraavalle vaiheelle
Käyttäjä ei tiedä tästä mitään.
Pelipalveluissa yksityiskohdalla voi olla tavallista enemmän merkitystä. Käyttäjä tekee jatkuvasti nopeita kosketuksia, joten väärään paikkaan liikahtava käyttöliittymä ei ole vain esteettinen haitta.
Joskus yksikin pieni virhe pelin grafiikassa tai pelialueen sopimisessa näytölle vie pelaajan mielenkiinnon peliä kohtaan. Yksi peliominaisuus osittain näytön ulkopuolella ja pelaaja ei palaa pelin pariin.
Kuvien koko ratkaisee paljon
On luonnollista, että pelaamisessa kuvilla ja videoilla on suuri merkitys. Ne myös voivat hidastaa palvelun liian hitaaksi. Hyvin suunnitellut palvelut ottavat käyttäjän laitteen huomioon. Pieni puhelin ei yleensä tarvitse samaa valtavaa kuvaa kuin leveä 4K-näyttö.
Responsive images -tekniikoiden avulla selain voi valita tilanteeseen sopivan kuvatiedoston näytön koon ja tarkkuuden perusteella. Käyttäjä näkee silti terävän kuvan ilman tarpeetonta lataamista.
Visuaalisesti näyttävä aula ei auta paljon, jos sen avaaminen kestää liian kauan pelaajan mielestä.
Tämä sama tulee ilmi myös verkkokaupoissa- pienet verkkokaupat eivät ole aina optimoineet kuvia ja latausajat ovat pilvissä.
Modernin mobiilipelin rakennuspalikat
Mobiilipelaamisen hyvä arkkitehtuuri ei synny yhdestä optimoinnista.
Keskeisiä rakennuspalikoita ovat esimerkiksi:
- responsiivinen ja mobile first -periaatteella suunniteltu käyttöliittymä
- eri näyttökooille optimoidut kuvat ja graafiset elementit
- vain välttämättömän sisällön lataaminen ensimmäisessä näkymässä
- kuvien ja muun alempana olevan sisällön lazy loading
- JavaScriptin jakaminen pienempiin, tarpeen mukaan ladattaviin kokonaisuuksiin
- käyttöliittymän vakaus, jotta elementit eivät siirry kesken kosketuksen
- suorituskyvyn seuraaminen oikeilla mobiililaitteilla ja todellisilla verkkoyhteyksillä.
Tekniikka voi muuttua nopeasti, mutta perusajatus säilyy yllättävän yksinkertaisena. Suurin kysymys on aina sama: peli pitää olla pelaajalle tarjolla mahdollisimman nopeasti.
Selaimesta tuli pelialusta
Selaimesta tuli alusta peleille ja älypuhelimesta käytetyin pelikone.
Kännykän selain on kehittynyt monipuolisempi ympäristöksi kuin voisi kuvitellakaan. Kehittyneet grafiikkaominaisuudet mahdollistavat kokemuksia, jotka eivät olisi olleet aiemmin mahdollisia- vanhemmat pelaajat muistavat vielä matopelin, siitä ollaan tultu valtava loikka eteenpäin.
Selainpeli tekee päivityksistä suoraviivaisia. Palveluntarjoaja voi muuttaa käyttöliittymää palvelimella ilman, eikä pelaajan tarvitse itse tehdä mitään. Sovellukset ovat tässä mielessä erilaisia, sillä niitä pitää erikseen muistaa päivittää ja meillä kaikilla on omissa älypuhelimissamme jo kymmeniä, jopa satoja sovelluksia.
Juuri tämä tekee responsiivisesta suunnittelusta enemmän kuin visuaalisen kysymyksen. Sen pitää huomioida käyttäjän laite ja edellä mainittu käytännöllisyys päivittämisen suhteen.
Hyvää tekniikkaa ei näe eikä tunne
Mobiilipelaaja harvemmin on kiinnostunut tekniikasta. Peli tulee markkinoille, sitä mainostetaan ja sitä pelataan. Kunhan peli toimii, pelaaminen on viihdyttävää ja pelaamaan pääsee nopeasti – se kiinnostaa pelaajia.
Mitä paremmin peli on kehitetty ja suunniteltu, sitä paremmin se pystyy vastaamaan pelaajan odotusarvoihin. Tekninen työ näkyy lopputuloksessa poissaolona. Turhat odotukset, ruudun hypähdykset ja vääränkokoiset elementit jäävät pois. Peli ja pelaaminen ovat etusijalla.
Modernin mobiilipelaamisen arkkitehtuuri onnistuu parhaiten silloin, kun käyttäjä ei huomaa arkkitehtuuria lainkaan.