Mis on UX-disain? Kasutajakogemuse disaini põhimõtted ja praktilised näited

UX-disain ehk kasutajakogemuse disain (User Experience Design) on protsess, mille eesmärk on muuta veebilehe, rakenduse või muu digilahenduse kasutamine inimese jaoks lihtsaks, loogiliseks ja sujuvaks.

Hea UX-disain aitab kasutajal kiiresti aru saada, mida ta saab lehel teha, kust vajalikku infot leida ja kuidas soovitud tegevuseni jõuda.

UX ei tähenda ainult seda, kas veebileht näeb hea välja. Ilus veebileht võib pakkuda halba kasutajakogemust ning visuaalselt lihtne veebileht võib olla väga hästi kasutatav.

Kiire vastus: UX-disain keskendub sellele, kuidas inimene digilahendust kasutab ja kas ta jõuab oma eesmärgiini võimalikult vähese takistusega. See hõlmab kasutajauuringuid, infoarhitektuuri, kasutajateekondi, prototüüpimist ja testimist.

Mis on UX?

UX on lühend ingliskeelsest terminist user experience ehk kasutajakogemus.

Rahvusvaheline standard ISO 9241-210 käsitleb kasutajakogemust inimese tajude ja reaktsioonidena, mis tulenevad süsteemi, toote või teenuse kasutamisest või eeldatavast kasutamisest.

Praktikas tähendab see palju enamat kui veebilehe kujundust.

Kasutajakogemust mõjutavad näiteks:

• kui kiiresti inimene vajalikku infot leiab;
• kas menüü ja navigatsioon on arusaadavad;
• kas tekst on lihtsalt loetav;
• kas vorme on mugav täita;
• kas veebileht töötab hästi telefonis;
• kas kasutaja saab aru, mida temalt järgmisena oodatakse;
• kas veateated aitavad probleemi lahendada;
• kas kogu protsess tundub loogiline ja usaldusväärne.

UX-disaini eesmärk on neid kokkupuutepunkte teadlikult kujundada.

Mis vahe on UX- ja UI-disainil?

UX ja UI käivad sageli koos, kuid need ei tähenda sama asja.

UX (User Experience) keskendub kasutaja kogemusele ja sellele, kuidas lahendus töötab.

UI (User Interface) ehk kasutajaliidese disain keskendub sellele, kuidas kasutajaliides välja näeb ja kuidas selle visuaalsed elemendid on kujundatud.

UI alla kuuluvad näiteks:

• värvid;
• fondid;
• nupud;
• ikoonid;
• vormiväljad;
• visuaalne hierarhia;
• komponentide välimus.

Lihtne näide on e-pood.

UI määrab, milline näeb välja nupp „Lisa ostukorvi". UX määrab muu hulgas selle, kas inimene leiab nupu üles, saab aru, mis pärast vajutamist juhtus, ning suudab ostu ilma liigsete takistusteta lõpule viia.

Seetõttu ei lahenda hea visuaalne disain automaatselt kasutajakogemuse probleeme.

Millest UX-disain koosneb?

UX-disain on protsess, mitte üks konkreetne tegevus.

1. Kasutaja vajaduste mõistmine

Enne lahenduse loomist tuleb aru saada, kellele seda tehakse ja mida inimene saavutada tahab.

Selleks kasutatakse näiteks kasutajaintervjuusid, küsitlusi, analüütikat, kasutajateste ja olemasoleva lahenduse vaatlust.

Eesmärk ei ole disainida selle järgi, mida ettevõte arvab, et kasutaja soovib, vaid koguda selle kohta võimalikult palju tegelikku infot.

2. Infoarhitektuur

Infoarhitektuur määrab, kuidas veebilehe või rakenduse sisu on organiseeritud.

Veebilehel tähendab see näiteks:

• millised on põhilehed;
• milline on menüü;
• kuidas lehed omavahel seostuvad;
• kuidas kasutaja vajaliku infoni jõuab.

Kui inimene peab pikalt mõtlema, millisest menüüpunktist vajalikku infot otsida, võib probleem olla just infoarhitektuuris.

3. Kasutajateekonnad

Kasutajateekond kirjeldab samme, mille inimene peab eesmärgi saavutamiseks läbima.

Näiteks koolituse tellija teekond võib olla:

Google'i otsing → koolituse leht → koolituse sisu → koolitaja usaldusväärsuse hindamine → kontaktivorm → päringu saatmine.

UX-disaini ülesanne on vähendada sellel teekonnal ebavajalikku segadust ja takistusi.

4. Prototüübid

Enne lõpliku veebilehe või rakenduse ehitamist saab luua prototüübi.

See võimaldab kontrollida:

• kas lehe struktuur on loogiline;
• kas funktsioonid paiknevad õiges kohas;
• kas kasutaja mõistab navigatsiooni;
• kas kavandatud teekond toimib.

Prototüübi muutmine on tavaliselt palju lihtsam kui valmis süsteemi ümbertegemine.

5. Kasutatavuse testimine

Üks parimaid viise kasutajakogemuse hindamiseks on anda lahendus inimesele kasutada ja jälgida, kuidas ta ülesandega toime tuleb.

Näiteks võib kasutajale anda ülesande:

„Leia sobiv AI-koolitus ja saada koolituspäring."

Seejärel vaadatakse, kas inimene saab sellega probleemideta hakkama või tekib teekonnal kohti, kus ta jääb hätta.

Hea UX-disaini põhimõtted

Hea kasutajakogemus ei tähenda tingimata keerukat disaini. Sageli on vastupidi.

Selgus

Kasutaja peaks kiiresti mõistma:

• Kus ma olen?
• Mida ma siin teha saan?
• Mis juhtub järgmisena?

Nuppude, menüüpunktide ja juhiste nimetused peaksid olema arusaadavad ilma täiendava mõistatamiseta.

Järjepidevus

Sarnased elemendid peaksid käituma sarnaselt.

Kui ühe kujundusega nupp tähendab ühel lehel üht tegevust ja teisel midagi täiesti erinevat, suurendab see kasutaja kognitiivset koormust.

Tagasiside

Süsteem peab inimese tegevusele reageerima.

Kui kasutaja saadab vormi, peab ta saama teada, kas vorm saadeti edukalt. Kui midagi läks valesti, peab veateade aitama mõista, mida parandada.

Ligipääsetavus

Digilahendus peaks olema kasutatav võimalikult erinevate inimeste jaoks, sealhulgas puuetega kasutajatele.

Veebi ligipääsetavuse üks olulisemaid rahvusvahelisi aluseid on W3C veebisisu juurdepääsetavussuuniste standard WCAG.

Mobiilikasutus

Veebilehte ei saa enam kujundada ainult suure ekraani järgi.

Mobiilis muutuvad eriti oluliseks näiteks teksti suurus, nuppude kasutatavus, vormide pikkus, navigatsioon ja sisu prioriteetsus.

Miks on UX-disain ettevõttele oluline?

Halb kasutajakogemus ei ole ainult disainiprobleem. See võib olla äriprobleem.

Kui inimene ei leia toodet, ei saa aru teenusest, ei usalda lehte või loobub keerulisest vormist, võib ettevõte kaotada potentsiaalse kliendi.

Hea UX aitab seevastu:

• muuta veebilehe kasutamise lihtsamaks;
• vähendada kasutajate eksimusi;
• parandada teenuse arusaadavust;
• toetada konversioone;
• vähendada klienditoe vajadust;
• suurendada usaldust.

Seetõttu peaks kasutajakogemusele mõtlema juba lahenduse planeerimisel, mitte alles pärast veebilehe või rakenduse valmimist.

UX-disain ja SEO

UX ja otsingumootoritele optimeerimine ehk SEO ei ole sama asi, kuid neil on mitmeid kokkupuutepunkte.

Näiteks on mõlema jaoks olulised:

• loogiline veebistruktuur;
• hästi organiseeritud sisu;
• mobiilisõbralikkus;
• lehe jõudlus;
• selge navigatsioon.

Google kasutab kasutajakogemusega seotud tehnilisi mõõdikuid, sealhulgas Core Web Vitalsi, oma otsingusüsteemides. Samas rõhutab Google, et head tulemused üksikutes tööriistades ei taga automaatselt kõrget positsiooni otsingutulemustes.

Seega ei tasu UX-i teha „Google'i jaoks". Kõigepealt tuleb luua hea kogemus inimesele.

Kuidas AI muudab UX-disaini?

Tehisintellekt on muutnud nii digilahendusi kui ka nende loomise protsessi.

AI-d saab kasutada näiteks:

• kasutajauuringute materjali analüüsimiseks;
• ideede genereerimiseks;
• kasutajateekondade kavandamiseks;
• prototüüpide loomiseks;
• kasutajaliidese tekstide koostamiseks;
• tagasiside kategoriseerimiseks;
• erinevate lahendusvariantide võrdlemiseks.

Ka vaibkoodimine võimaldab nüüd prototüüpe ja veebirakendusi oluliselt kiiremini valmis ehitada.

Kuid siin tekib uus probleem.

See, et AI suudab lahenduse kiiresti valmis ehitada, ei tähenda, et lahendus oleks kasutaja jaoks hea.

AI võib genereerida töötava vormi, kuid inimene peab endiselt otsustama, kas vormi üldse vaja on, milliseid välju küsida, millises järjekorras neid näidata ning kas kasutaja saab aru, miks neid andmeid küsitakse.

Kuidas hinnata oma veebilehe kasutajakogemust?

Alustada saab väga lihtsa testiga.

Ava oma veebileht nii, nagu näeksid seda esimest korda, ja küsi:

• Kas viie sekundi jooksul on arusaadav, millega ettevõte tegeleb?
• Kas peamine tegevus on selgelt nähtav?
• Kas menüü nimetused on arusaadavad?
• Kas olulise info leidmiseks peab liiga palju klõpsama?
• Kas veebilehte on telefonis mugav kasutada?
• Kas vormides küsitakse ainult vajalikku?
• Kas kasutaja saab pärast tegevust selge tagasiside?
• Kas inimene teab igal olulisel hetkel, mida järgmisena teha?

Veel parem on anda veebileht inimesele, kes seda varem kasutanud pole, ning paluda tal täita konkreetne ülesanne.

Ära selgita talle, kuidas seda teha.

Kui pead kasutajale pidevalt juhiseid andma, annab see juba ise väärtuslikku infot kasutajakogemuse kohta.

Korduma kippuvad küsimused

Kas UX-disain tähendab sama mis veebidisain?

Ei. Veebidisain hõlmab sageli nii UX-i kui ka UI-d, kuid UX on laiem mõiste. UX kehtib ka mobiilirakendustele, tarkvarale, füüsilistele toodetele ja teenustele, mis ei ole veebilehed.

Kas väike ettevõte vajab UX-disaini?

Jah, aga mitte tingimata suure agentuuri kaudu. Iga ettevõte, mis pakub toodet või teenust digitaalselt, mõjutab oma tegevusega juba niigi kasutajakogemust. Küsimus on, kas seda mõjutatakse teadlikult või juhusemööda.

Kas AI suudab asendada UX-disaineri?

AI suudab aidata paljudes UX-töö etappides, näiteks ideede genereerimisel, tekstide koostamisel ja prototüüpide loomisel. Otsustada, milline lahendus on inimese jaoks õige, vajab siiski inimlikku mõistmist ja konteksti.

Kust alustada oma veebilehe UX-i parandamist?

Alusta kolme küsimusega: kas inimene saab aru, kus ta on; kas ta teab, mida teha; ja kas ta saab tagasisidet oma tegevusele. Seejärel vaata, kus neil punktidel kõige rohkem takistusi tekib.

Kas hea UX tähendab alati minimalistlikku disaini?

Ei. Minimalism võib olla hea, kuid oluline on sobivus. Mõni ärimudel ja sihtrühm vajab rohkem infot, võrdlusi ja detaile. Hea UX tähendab õige tasakaalu kasutaja vajaduste ja ärieesmärkide vahel.

Kokkuvõte: mis on UX-disain?

UX-disain ehk kasutajakogemuse disain tähendab digilahenduse kavandamist lähtudes sellest, kuidas inimene seda tegelikult kasutab.

See ühendab kasutajauuringud, infoarhitektuuri, kasutajateekonnad, prototüüpimise, kasutatavuse testimise, ligipääsetavuse ja palju muud.

Hea UX ei tähenda võimalikult efekset veebilehte.

See tähendab, et inimene saab aru, leiab vajaliku ja jõuab oma eesmärgiini võimalikult sujuvalt.

Ja AI-ajastul muutub see oskus pigem olulisemaks kui vähem oluliseks: digilahendusi saab ehitada järjest kiiremini, kuid keegi peab endiselt oskama otsustada, mida tasub ehitada ja kelle jaoks.

Kas soovid, et su veebileht või rakendus töötaks kasutajate jaoks paremini?

Küsi koolituspakkumist ja leia koos oma meeskonnaga praktilised viisid, kuidas UX-disaini igapäevatöös rakendada.

Kui sind huvitab digilahenduste loomine AI abil, vaata ka materjale vaibkoodimise, AI praktilise kasutamise ja digiturunduse kohta.