Puhelin ei ole enää sivukanava. Puhelimella palvelu avataan yleensä nopeasti, keskellä muuta tekemistä. Aikaa ei aina ole paljon, joten käyttö katkeaa helposti, jos näkymä tuntuu sekavalta tai ensimmäinen vaihe vie liikaa aikaa. Siksi mobiilissa pelkkä siisti ulkoasu ei riitä. Rakenteen pitää olla selkeä heti, ja tärkeimpien toimintojen on löydyttävä ilman etsimistä.

Toimiva mobiilinäkymä näyttää käyttäjälle heti, miten siinä liikutaan. Aloitus, valikko ja paluu löytyvät luonnollisista paikoista, eikä jokainen painallus vaadi arvaamista. Juuri tässä UI ja UX osuvat samaan kohtaan. Käyttöliittymä näyttää suunnan, ja käyttäjäkokemus ratkaisee, tuntuuko se sujuvalta vai kömpelöltä.

Peukalon mittainen käyttö ratkaisee paljon

Moni käyttää puhelinta yhdellä kädellä samalla kun kävelee, seisoo bussissa tai pitää kahvikuppia toisessa kädessä. Silloin yläkulmaan sijoitettu tärkeä painike tuntuu heti huonolta ratkaisulta, koska siihen osuminen vaatii turhaa kurottamista.. Jos valikko avautuu oudosta kohdasta tai palaa väärään näkymään, keskittyminen katkeaa saman tien.

Tämän takia myös testisivustot, kuten www.netticasino.com, kiinnittävät huomiota siihen, miten alusta toimii juuri puhelimen ruudulla. Käyttäjä huomaa tällaiset asiat heti. Valikon pitää aueta ilman etsimistä, sivun vastata heti kosketukseen ja tärkeän painikkeen osua sormeen luontevasti. Jos jokin näistä tökkii, käyttö alkaa tuntua hankalalta yllättävän nopeasti.

Virheitä tulee usein silloin, kun jotain pitää painaa nopeasti pieneltä ruudulta. Jos vaihtoehtoja on liikaa tai painikkeet ovat liian lähekkäin, väärä osuma tulee helposti. Hyvä rakenne vähentää tätä heti, koska tärkeät toiminnot erottuvat ja käyttö pysyy sujuvana.

Selkeä ruutu voittaa täyteen ahdetun näkymän

Pelkistetty näkymä toimii puhelimella yleensä parhaiten. Kun ruudulla on vain olennaiset toiminnot, käyttö lähtee käyntiin ilman hapuilua. Jos taas samaan näkymään ahdetaan liikaa painikkeita, värejä ja ilmoituksia, huomio hajoaa heti.

Puhelimen ruudulla ylimääräinen näkyy heti. Jos samaan näkymään ahdetaan liikaa painikkeita, tekstiä ja värejä, oikea toiminto hukkuu helposti joukkoon. Siksi toimiva käyttöliittymä jättää esiin vain olennaisen. Käyttäjän ei tarvitse pysähtyä miettimään, mihin katse pitäisi viedä seuraavaksi.

Tässä auttaa muutama käytännön sääntö:

• Päätoiminto näkyy heti ilman vieritystä.
• Takaisin pääsee yhdellä painalluksella.
• Teksti on luettavaa ilman zoomausta.
• Painikkeiden koko kestää nopean peukalon liikkeen.

Silloin käyttö sujuu ilman turhaa miettimistä. Palvelu tuntuu selkeältä heti, eikä käyttäjä joudu arvailemaan seuraavaa liikettä.

UI ja UX näkyvät eri kohdissa

Käytännössä moni puhuu yhdestä ja samasta asiasta, vaikka tarkoittaa kahta kerrosta. UI liittyy siihen, mitä ruudulla näkyy. UX näkyy siinä, sujuuko käyttö oikeasti vai ei. Sen huomaa heti, jos sovellus näyttää hyvältä mutta hyytyy jo muutaman painalluksen jälkeen. Hieno pinta ei pelasta paljon, jos eteneminen katkeaa jatkuvasti.

Toimiva kokonaisuus alkaa yleensä rakenteesta. Ensin mietitään, mitä käyttäjä yrittää tehdä. Sitten mietitään, mitä käyttäjän pitää nähdä ensin ja mitä vasta seuraavassa vaiheessa. Jos tämä järjestys osuu kohdalleen, käyttö tuntuu luontevalta heti. Käyttöliittymäsuunnittelu avaa tätä hyvin käytännön kautta. Toimiva näkymä rakentuu niin, että tärkeät asiat löytyvät nopeasti eikä ruutu tee päätöksistä turhan hankalia.

Pelkkä responsiivinen skaalaus ei vielä tee näkymästä hyvää puhelimella. Jos desktopille tehty rakenne siirretään sellaisenaan pienelle ruudulle, käyttö alkaa helposti tökkiä. Puhelimessa asiat pitää järjestää niin, että ne toimivat nopeasti, selkeästi ja ilman turhaa sormijumppaa. Mobiili pitää ajatella omana käyttötilanteenaan. Käyttäjä on liikkeessä, huomio jakautuu ja aikaa on usein vähän.

Virheet kannattaa estää jo ennen kuin niitä ehtii tulla

Sovellusta käyttää mieluummin silloin, kun sen logiikka aukeaa heti. Painikkeesta näkee, mitä se tekee, vahvistus ilmestyy oikeaan kohtaan ja väärän valinnan saa korjattua ilman, että koko homma menee uusiksi. Tällaiset asiat ratkaisevat usein enemmän kuin näyttävä etusivu. Hyvä mobiilikäyttöliittymä vie eteenpäin ilman turhaa miettimistä. Käyttäjä näkee heti, mitä painaa ja mitä siitä seuraa. Jos lomake vaatii tietyn muodon, se kannattaa näyttää heti. Jos jokin toiminto kestää hetken, käyttäjälle on hyvä kertoa siitä saman tien. Näin syntyy tunne, että palvelu pysyy käsissä koko ajan.

Jakob Nielsenin heuristiikat näkyvät arjessa aika maanläheisesti. Jos sovellus jumittaa, käyttäjä haluaa tietää onko pyyntö lähtenyt. Jos kenttä on täytetty väärin, virheen syy pitää nähdä heti eikä vasta lopussa. Ja jos sormi osuu väärään kohtaan, tilanteesta pitäisi päästä pois ilman että koko homma alkaa alusta.

Puhelimella käyttöliittymää kannattaa katsoa ainakin näistä kohdista:

• Näkyykö tärkein toiminto heti ensimmäisessä näkymässä.
• Kertooko palvelu selvästi, mitä seuraavaksi tapahtuu.
• Saako virheen korjattua ilman, että koko prosessi alkaa alusta.
• Pysyvätkö painikkeet ja valikot samoilla paikoilla koko ajan.

Usein juuri nämä kohdat ratkaisevat, palaako käyttäjä palveluun enää toista kertaa. Kun käyttö sujuu, siihen ei kiinnitä huomiota. Kun jokin tökkii, sen huomaa heti.

Mobiilissa nopeus tuntuu kehossa asti

Puhelimella käyttö arvioidaan sekunneissa. Jos näkymä latautuu hitaasti tai reagoi viiveellä, palvelu alkaa tuntua raskaalta heti. Tämän huomaa helposti viihdesovelluksissa. Jos painallus ei tee mitään heti, palvelu alkaa tuntua kömpelöltä.

Tämä näkyy käytössä heti. Jos näkymä on raskas, sivu latautuu hitaammin ja painikkeisiin osuu huonommin. Puhelimella ero tuntuu varsinkin silloin, kun yhteys pätkii, kädessä on kahvikuppi tai toinen käsi on varattu muuhun. Silloin selkeä näkymä ei ole pelkkä ulkoasuratkaisu, vaan ihan käytännön etu. Sama ajatus näkyy myös Digituen työssä, jossa palvelujen helppokäyttöisyys nähdään perusasiana, ei ylimääräisenä bonuksena.

Hyvä mobiilikäyttöliittymä ei vie huomiota itseensä

Hyvä käyttöliittymä tuntuu heti selkeältä. Tarvittavat asiat löytyvät nopeasti, eikä käyttö katkea turhaan. Kun palvelu ei pakota etsimään, palaamaan tai korjaamaan jokaista liikettä, se tuntuu heti valmiimmalta.

Tulevat standardit eivät siksi synny näyttävimmistä efekteistä. Ne syntyvät siitä, että käyttö sujuu yhdellä peukalolla, pienellä ruudulla ja lyhyessä hetkessä. Juuri siinä mobiilisuunnittelu näyttää tasonsa.