UI/UX -koulutus

Tänään kouluttauduttiin UI- ja UX-suunnittelusta. UI tekee palvelusta hyvännäköisen, UX tekee siitä hyvän tuntuisen.

Mikä on UI?

UI eli User Interface tarkoittaa käyttöliittymää ja sen visuaalista suunnittelua. UI-suunnittelussa keskitytään siihen, miltä palvelu näyttää ja miten käyttäjä hahmottaa sen sisällön.

Hyvä UI perustuu muun muassa:

• visuaaliseen hierarkiaan
• sisällön loogiseen ryhmittelyyn
• kontrastiin ja luettavuuteen
• indikaattoreihin ja merkityksellisyyteen
• sopivaan tiheyteen ja silmäiltävyyteen

Käytännössä UI:n rakennuspalikoita ovat typografia, värit, hierarkia ja saavutettavuus. Kun nämä ovat kunnossa, käyttäjä ymmärtää nopeasti, mihin katsoa ja mitä tehdä seuraavaksi.

Mikä on UX?

UX eli User Experience tarkoittaa käyttäjäkokemusta kokonaisuudessaan. UX-suunnittelussa tavoitteena on tehdä palvelusta sujuva, looginen ja miellyttävä käyttää – eli hyvän tuntuinen.

UX-suunnittelussa huomioidaan esimerkiksi:

• käyttäjän ja kehittäjän erilaiset mielimallit
• intuitiivinen tunnistettavuus ja muistettavuus
• kognitiivinen kuormitus
• valinnan vaikeus
• progressiivinen tiedonjako

UX ei ole vain isoja kokonaisuuksia, vaan myös pieniä yksityiskohtia. Micro UX viittaa pieniin interaktioihin, kuten animaatioihin, ääniefekteihin ja nappien eri tiloihin. Nämä elementit herättävät käyttöliittymän eloon ja tekevät käyttökokemuksesta inhimillisemmän.

Saavutettavuus 

Saavutettavuus on olennainen osa sekä UI- että UX-suunnittelua. Kyse on siitä, miten palvelu palvelee myös fyysisesti rajoittuneita käyttäjiä tai käyttäjiä, jotka toimivat haastavissa olosuhteissa, kuten kirkkaassa auringonvalossa tai ilman hiirtä.

Saavutettavuudessa huomioidaan muun muassa:

• WCAG-standardit (yleensä tavoitteena AA-taso)
• avustavat teknologiat, kuten ruudunlukijat
• semanttinen ja looginen rakenne

Lue tästä, kuinka Riihisoft ja Evermade kehittivät hartela.fi-verkkosivuston saavutettavuutta.

Ota meihin yhteyttä, niin kehitetään käyttäjäystävällisiä digitaalisia ratkaisuja!