Hyvän käyttöliittymän suunnitteluun kannattaa käyttää aikaa, koska se on ratkaisevassa roolissa nettisivun toimivuuden kannalta. Verkkokaupan, ajanvarausjärjestelmän ja muiden netissä toimivien palveluiden kohdalla se voi ratkaista yrityksen menestyksen, koska huono käyttökokemus näkyy suoraan myynnissä.
Käyttöliittymän suunnittelu sisältää useita vaiheita. Se alkaa käyttäjän ja palvelun ymmärtämisellä, joiden pohjalta suunnitellaan looginen ja helposti käytettävä kokonaisuus. Käytettävyys huomioidaan myös visuaalisessa ilmeessä, joka rakennetaan sujuvuuden ehdoilla.
Ennen kuin sivusto julkaistaan, tehdään kattavat käyttäjätestaukset. Niiden perusteella viimeistellään käyttöliittymä, jota asiakkaat pääsevät heti hyvän käyttökokemuksen äärelle.
Kaiken perustana käyttäjän ymmärtäminen
Käyttöliittymän suunnitteleminen aloitetaan määrittelemällä, kenelle se on tarkoitettu. Verkkokaupassa vierailevalle tärkeintä on nopeus ja helppous, kun taas ammattilaisille tarkoitettujen verkkopalveluiden ytimessä ovat monipuoliset toiminnot.
Esimerkiksi nettikasinoilla vierailevat pelaajat hakevat kokemukseltaan nopeutta ja sujuvuutta, joten se huomioidaan kaikissa toiminnossa rekisteröitymisestä kotiutukseen asti.
Kun pelipaikkana ovat Trustly kasinot, hoituu rekisteröityminen talletuksen yhteydessä pankkitunnuksilla, ja kaikki maksut kulkevat nopean palvelun kautta. Sähköinen tunnistautuminen ja nopea maksutapa varmistavat sen, että myös kotiutukset voidaan hoitaa ilman odottelua.
Verkkokaupassa on taas tärkeää löytää etsimänsä tuote nopeasti ja saada se ostoskoriin ilman turhan montaa vaihetta. Myös toimitustavan valinta, osoitteen täyttäminen ja maksaminen pitää olla sujuvaa – muuten ostos saattaa jäädä koriin ilman, että kauppaa viimeistellään.
Ammattilaiselle tarkoitetussa palvelussa tärkeämpää ovat toiminnot. Sivuston pitää olla looginen, mutta käyttäjä on valmis käyttämään aikaa opetteluun saadakseen palvelusta kaiken hyödyn irti.
Looginen rakenne tukee hyvää käyttökokemusta
Kun käyttäjäkunta ja odotukset palvelun käytöstä ovat tiedossa, voidaan aloittaa käyttöliittymän suunnitteleminen.
Sen pohjaksi otetaan looginen rakenne eli se, että käyttäjä ymmärtää sivuston valikot nopeasti. Valikot suunnitellaan siten, että jokaisen on helppo löytää etsimänsä loogisista paikoista.
Esimerkiksi nettikaupoissa toimitusehdot, yrityksen tiedot ja muu vastaava on yleensä sijoitettu sivun alareunassa oleviin valikkoihin. Verkkokaupassa vieraileva suuntaa ensimmäiseksi sinne, jos haluaa lukea tarkemmin esimerkiksi palautuksesta tai toimitusajoista.
Rekisteröitymistä tai kirjautumista edellyttävissä verkkopalveluissa valikko siihen löytyy taas lähes aina sivun yläreunasta. Sijainti on looginen, koska silloin voi kirjautua ilman, että joutuu selaamaan sivua tai avaamaan valikoita.
Loogisuus ja yleinen sijoittelu tietylle toiminnolle tai valikolle huomioidaan kaikissa toiminnoissa. Niin käyttäjä ei turhaudu tai joudu selaamaan sivustoa pitkiä aikoja, vaan kaikki sijaitsee käyttäjän kannalta loogisessa paikassa.
Mobiiliin panostaminen tärkeää
Käyttöliittymää suunnitellessa joudutaan miettimään monia laitteita, koska nettiä käytetään kännykällä, tabletilla, tietokoneella ja jopa television kautta.
Esimerkiksi Yle Areena -sovellus voi tarkoittaa kännykässä mukana kulkevaa sovellusta tai älytelevisioon ladattavaa vaihtoehtoa. Niiden vaatimukset ovat hyvin erilaiset: kännykällä klikkaillaan ruutua helposti, kun television ruudulla liikkuminen kaukosäätimen kautta on hyvin erilaista.
Aikanaan mobiiliversiot olivat ominaisuuksiltaan suppeampia kuin tietokoneella käytettävät. Vuosien aikana mobiili on noussut tietokonetta tärkeämmäksi, joten pienille ruuduille suunnitellun version tulee olla yhtä toimiva – tai jopa toimivampi.
On myös tärkeä, että sivusto asettuu automaattisesti eri kokoisille ruuduille. Jos esimerkiksi tiettyä valikkoa ei saa mobiilissa auki sen ollessa liian pieni tai sen jäädessä ruudun reunaan, käyttäjä siirtyy heti toiselle sivustolle.
Visuaalinen ilme käytettävyyden ehdoilla
Visuaalisen ilmeen suunnittelussa ei ole rajoja, mutta myös se kannattaa tehdä käytettävyys edellä.
Erikoisemmat fontit saavat sivuston erottumaan, mutta tärkeintä on tekstien luettavuus. Väreillä leikitteleminen on hauskaa, mutta tietyt yhdistelmät eivät toimi. Esimerkiksi vaalea teksti mustalla taustalla koetaan usein epäselväksi, joten yhdistelmää kannattaa käyttää vain harkiten.
Visuaalisessa suunnittelussa huomioidaan myös saavutettavuus eli se, että se on mahdollisimman monen käytettävissä. Selkein esimerkki on punavihernäön heikkous, joka koskettaa jopa kahdeksaa prosenttia miehistä. Jos asiaa ei ota huomioon, voi se rajata ison joukon potentiaalisia käyttäjiä ulkopuolelle.
Sivuston visuaalisessa ilmeessä huomioidaan myös palvelun sävy. Esimerkiksi pankin ja viranomaisten palveluissa toivotaan suoraviivaisuutta, mikä lujittaa luotettavaa vaikutelmaa. Viihdepalvelussa voi olla leikkisämpi teema, joka tulee esille eri puolilla sivustoa.
Testauksen kautta käytäntöön
Ennen kuin sivusto julkaistaan, sille suoritetaan vielä käyttötestaus. Testauksen tulosten perusteella voidaan tehdä muutoksia, joilla viimeistellään käyttöliittymä toimivaksi.
Oli kyseessä nettikasino, verkkokauppa tai muu palvelu, on tavoitteena mahdollisimman hyvä käyttökokemus sivuilla vieraillessa. Sitä testataan monen eri osa-alueen kautta, jotka ovat esimerkiksi sivuilla navigoiminen, maksaminen, tietojen löytäminen ja hakutoiminnon käyttö ja toimivuus.
Hyvä käyttöliittymä syntyy monen eri osa-alueen summana. Kantavana ajatuksena on käyttäjäkeskeisyys: kun palvelu on sujuva ja looginen käyttää, palataan sen pariin mielellään uudelleen.
