Käyttöliittymä (UI), käyttäjäkokemus (UX) ja käytettävyys-käsitteet ovat keskenään yhteydessä, mutta niillä on erilaisia painopisteitä sisällöllisesti. Tässä ovat peruserot:

1. Käyttöliittymä (UI):
   • UI viittaa niihin visuaalisiin elementteihin ja vuorovaikutusmahdollisuuksiin, jotka käyttäjä näkee suoraan näytöllä ja käyttää sovelluksessa tai verkkosivustolla. Tähän kuuluvat layoutit, värit, fontit, kuvat, napit, kuvakkeet ja muut graafiset elementit, mutta myös brändi- ja luottamuselementit sekä vuorovaikutussuunnittelu.
   • Käyttöliittymäsuunnittelun päämäärä on luoda houkutteleva, tehokas ja intuitiivinen käyttöliittymä, joka helpottaa vuorovaikutusta käyttäjän ja digitaalisen tuotteen välillä.
2. Käyttäjäkokemus (UX):
   • UX käsittää sen koko kokemuksen, jonka käyttäjä saa tuotteesta. Se ei viittaa pelkästään visuaaliseen suunnitteluun (UI), vaan myös käyttäjän kaikkeen vuorovaikutukseen, tunteisiin, odotuksiin ja havaintoihin koko käyttäjäkokemuksen prosessin aikana – mukaan lukien myös havainnot ennen ja jälkeen varsinaisen käytön.
   • UX:n tavoitteena on varmistaa, että tuote vastaa käyttäjien tarpeita ja odotuksia sekä tarjoaa positiivisen, tyydyttävän ja tehokkaan kokemuksen – ja välttää turhautumista mistä tahansa asiakkaan kulkureitti vaiheesta.
3. Käytettävyys:
   • Käytettävyys viittaa tuotteen käytettävyyteen ja siihen, kuinka helposti käyttäjät voivat suorittaa tietyt tehtävät verkkosivustolla tai sovelluksessa.
   • Se keskittyy käyttäjien tehokkuuteen, tehokkuuteen ja tyytyväisyyteen tuotteen käytön aikana. Myös ennustettavuus on osa käytettävyyttä, jotta käyttäjät löytävät tavalliset kaavat (haku on ylhäällä tai ylhäällä oikealla), navigointi on ylhäällä tai vasemmalla ja niin edelleen.
   • Käytettävyys on osa kokonaisvaltaista UX:ää, nimittäin tarkka alue, joka tapahtuu käytön aikana käyttäjän toimesta. Käyttäjäystävällinen UI on tärkeä osa käytettävyyttä.

Aika-aspekti on erityisen tärkeä. Käyttäjäkokemus alkaa ennen käyttöä käyttäjän mielikuvilla, odotuksilla ja ennakkoluuloilla. Käyttäjäkokemus kulkee sitten läpi käytön prosessin – tämä aikaperintö koostuu käytettävyydestä, tyytyväisyydestä ja tehokkuudesta käytössä. Lopuksi käyttäjäkokemus päättyy tehtyihin kokemuksiin ja tunneperäisiin yhteyksiin käytön jälkeen.

Kun käyttöliittymäsuunnittelu keskittyy pääasiassa fontteihin, väreihin, nappeihin, kuviin, kuvakkeisiin ja vastaaviin, käyttäjäkokemussuunnittelu aloittaa suuremmassa kontekstissa: UX-suunnittelija ottaa huomioon kohderyhmät ja persoonat, määrittelee tiedonrakenteen, työskentelee wireframejen ja prototyyppien kanssa, suunnittelee vuorovaikutusreitit asiakaspolun varrella ja kehittää skenaarioita ja vuorovaikutuselementtejä. Myös tarinankerronta on osa käyttäjäkokemusta.

Niinpä UX-suunnittelija luo klikattavan wireframe-konseptin varhaiseksi prototyypiksi esittääkseen tiedonrakenteen ja vuorovaikutusreitit visuaalisesti:

Tässä on esimerkki mobiilista käyttöliittymäsuunnittelusta klikkauspolkuineen, joka on luotu Adobe XD:llä:

Verkkosivuston osioiden varsinaisen muotoilun kannalta käsitellään sitten käyttöliittymää. Tässä on esimerkki toteutetusta käyttöliittymäsuunnittelusta yllä olevasta wireframe-konseptista:

Yhteenvetona: UI keskittyy visuaaliseen suunnitteluun ja vuorovaikutuselementteihin, UX viittaa käyttäjän kokonaiskokemukseen ja käytettävyys keskittyy tuotteen käyttäjäystävällisyyteen ja helppouteen. Kaikki kolme näkökulmaa ovat tärkeitä luomaan digitaalinen tuote, joka on sekä esteettisesti miellyttävä että toiminnallinen tarjoten positiivisen käyttäjäkokemuksen samalla vähentäen mahdollista turhautumispotentiaalia.