Mõned aastad tagasi tuli meie juurde ettevõtja, kelle kodulehel käis igakuiselt üle tuhande külastaja. Päringuid tuli umbes viis. "Midagi on valesti," ütles ta. "Aga ma ei tea, mis."
Pärast veebilehe analüüsi leidsime kiiresti probleemi: kontaktivormi nägemiseks pidi kasutaja kerima läbi kuue sektsiooni, peamine tegevusnupp oli hall (mitte kontrastne), ja mobiilil kattis küpsisebänner poole ekraanist. Sisu oli hea. Disain tappis konversiooni.
See on täpselt see, mida UI/UX disain lahendab.
Mis vahe on UI-l ja UX-il?
Need kaks mõistet käivad tihti koos, aga tähendavad erinevaid asju.
UX (User Experience) — kasutajakogemus: Kuidas kasutaja tunneb end veebilehel liikudes. Kas ta leiab info üles? Kas protsess on loogiline? Kas eesmärk — näiteks päringu tegemine — on lihtne täita?
UX on rohkem strateegia ja struktuur. Disainer uurib, kes on kasutajad, millised on nende eesmärgid, ja loob kasutajakäitumisele vastava loogika.
UI (User Interface) — kasutajaliides: Kuidas veebileht välja näeb. Värvid, fondid, nupud, ikoonid, pildid, vahekaugused. UI on see visuaalne kiht, mida kasutaja näeb ja millega suhtleb.
Lihtne analoogia: UX on maja plaan ja ruumide paigutus, UI on seinte värv, mööbel ja valgustus. Mõlemad peavad töötama, et elamine oleks meeldiv.
Miks see müügile mõju avaldab?
Siin on konkreetne seos:
1. Esmamulje kestab 50 millisekundit Teadusuuringud näitavad, et kasutajad kujundavad veebilehe kohta visuaalse arvamuse vähem kui sekundiga. Kui leht näeb välja vananenud või segane, lahkub kasutaja — sageli ilma teadliku põhjenduseta.
2. Keerulisus tapab konversiooni Iga täiendav samm, mida kasutaja peab tegema, vähendab tõenäosust, et ta selle sammu teeb. Liiga pikk vorm, ebaselge nupp, segane navigatsioon — kõik need on "lekkekohad" müügitorus. E-poe ostuteekonna näiteid leiad artiklist kuidas tagada kliendile e-poes hea kogemus.
3. Mobiil on praeguseks põhikanal Kui veeb töötab arvutil hästi, aga mobiilil segaselt — kaotad üle poole potentsiaalsetest klientidest. Google hindab ka mobiilisõbralikkust otsingutulemuste järjestamisel. E-poe vaates käsitleme seda lähemalt artiklis e-poe kiirus ja mobiilisõbralikkus.
4. Usaldus ehitatakse disainiga Professionaalne välimus signaaliseerib usaldust. Kehv disain — olgu siis vananenud fondid, kokkusurutud pildid või ebaühtlane stiil — tekitab teadvustamata kahtlust ettevõtte usaldusväärsuses.
Kuidas UI/UX disain tegelikult käib?
Hea UI/UX protsess ei alga Photoshopist ega Figmast. See algab küsimustest:
Kes on sinu peamised kasutajad?
Mida nad veebilehele tulles otsivad?
Milline on see üks tegevus, mida tahad, et nad teeksid?
Mis takistab neid seda tegemast praegu?
Alles pärast vastuseid hakatakse kujundama. Tüüpiline protsess:
Analüüs ja uurimine — kasutajaintervjuud, konkurentsianalüüs, andmete vaatamine
Infoarhitektuur — lehtede struktuur, navigatsioon, kasutajavood
Wireframe'id — must-valge eskiis, ilma värvide ja piltideta
Visuaalne disain — värvid, fondid, pildid, lõplik välimus
Prototüüp ja testimine — klikitav mudel, mida saab testida päris kasutajatega
Arendus — disaini ellu viimine
Millal on vaja eraldi UI/UX disainerit?
Väiksema projekti puhul on disain ja arendus sageli sama meeskonna töö. Aga eraldi tähelepanu tasub pöörata siis, kui:
Veebileht on põhiline müügikanal (mitte ainult "visiitkaart")
Kasutajad peavad täitma keerulisi vorme, tegema tellimusi, liikuma mitme sammu vahel
Toode või teenus vajab selgitust — kasutajakogemus peab juhtima läbi müügiargumendi
Oled teinud juba mitu kodulehte ja ikka ei tule päringuid
Kokkuvõte
UI/UX disain ei ole esteetiline luksus — see on konversiooniinstrument. Iga euro, mis investeeritakse kasutajakogemuse parandamisse, mõjutab otseselt seda, kui palju külastajaid muutuvad klientideks.
Kui tunned, et su veebilehel käib liiklust, aga päringuid ei tule piisavalt — tõenäoliselt on vastus kasutajakogemuses, mitte reklaamieelarves. Läbimõeldud broneerimisteekonna näide on Makeup by Kärt uus veebileht.
Soovid arutada, kuidas parandada oma veebilehe kasutajakogemust ja päringute teekonda? Kirjuta lauri@bigeye.ee ja lepime kokku tasuta konsultatsiooni.
